"deviceType": [ "wearable" ]
如果deviceType属性的值是tv，当前工程是不能在智能手表上运行的，反之亦然。要想让当前工程同时在TV和Wearable上运行，需要同时指定tv和wearable（要手动修改config.json文件），配置代码如下：
"deviceType": [ "tv", "wearable" ]
当完成deviceType属性的设置后，当前工程就可以同时在TV和Wearable上运行了。不过由于TV和Wearable的屏幕尺寸相差太多，所以布局通常会采用完全不同的样式。在HarmonyOS中，可以使用Java语言动态创建组件的方式实现布局，也可以使用布局文件。关于布局文件的使用，在后面的文章中会详细介绍。本文主要讨论使用Java代码动态创建组件的布局方式。
在创建的HarmonyOS工程中会自动生成一个样例代码，这些代码主要集中在MainAbilitySlice.java文件中的onStart方法中，代码如下：
public void onStart(Intent intent) {
super.onStart(intent); LayoutConfig config = new LayoutConfig(LayoutConfig.MATCH_PARENT, LayoutConfig.MATCH_PARENT); myLayout.setLayoutConfig(config); ShapeElement element = new ShapeElement(); element.setRgbColor(new RgbColor(255, 255, 255)); myLayout.setBackground(element); Text text = new Text(this); text.setLayoutConfig(config); text.setText("Hello World"); text.setTextColor(new Color(0xFF000000)); text.setTextSize(50); text.setTextAlignment(TextAlignment.CENTER); myLayout.addComponent(text); super.setUIContent(myLayout); }
读者并不需要对这段代码的每一行都了解，只需要知道这段代码将背景设为白色，并且在创建了一个用于显示文本的Text组件，并且在屏幕中心显示Hello World。如果在TV设备上运行，效果如图1所示。不过这样以来，在所有的设备中的UI都一样，但我们的目的是让不同的设备显示不同的UI，所以就需要通过下面的代码判断当前设备的类型。
if(DeviceInfo.getDeviceType().equals("tv")) { ... ... } else if(DeviceInfo.getDeviceType().equals("wearable")) { ... ... }
图1
其中getDeviceType方法返回的值就是App当前运行设备的类型。如果运行在TV上，值为tv，如果运行在智能手表上，值为wearable。所以可以用下面的代码来替换onStart方法中的代码。
public void onStart(Intent intent) { super.onStart(intent); LayoutConfig config = new LayoutConfig(LayoutConfig.MATCH_PARENT, LayoutConfig.MATCH_PARENT); myLayout.setLayoutConfig(config); ShapeElement element = new ShapeElement(); element.setRgbColor(new RgbColor(255, 255, 255)); myLayout.setBackground(element); Text text = new Text(this); text.setLayoutConfig(config); if(DeviceInfo.getDeviceType().equals("tv")) { // 运行在TV上执行的代码 text.setText("华为智慧屏"); text.setTextColor(new Color(0xFFFF0000)); text.setTextSize(200); } else if(DeviceInfo.getDeviceType().equals("wearable")) { // 运行在Wearable上执行的代码 text.setText("华为智能手表"); text.setTextColor(new Color(0xFF0000FF)); text.setTextSize(50); } text.setTextAlignment(TextAlignment.CENTER); myLayout.addComponent(text); super.setUIContent(myLayout); }
在这段代码中，将TV和Wearable上显示的文本内容、文本尺寸和文本颜色做了改变，所以在TV和Wearable上显示的文本是不同的。在TV上显示的效果如图2所示。在Wearable上显示的效果如图3所示。
图2 在TV上显示的效果
图3 在Wearable上显示的效果
- EOF -
推荐阅读 点击标题可跳转
1. 比Python更牛的语言有吗？看我用元类（metaclass）花式创建Python类
深知大多数程序员，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！
既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上鸿蒙开发知识点，真正体系化！
由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频，并且后续会持续更新
