深入浅出学习eTs（二）拖拽式UI
本项目gitee仓地址：深入浅出ets学习: 带大家深入浅出学习ets (gitee.com) 一、创建支持super visual的工程
在这里选择直尺super visual的选项，调整当前路径，进入绘制界面
二、ui设计界面介绍
在左侧是路径（即文件管理器），右侧是ui的设计窗口，可以通过直接拖动的方式实现控件绘制，但目前这里面所支持的控件比较少，包括图片、标签、输入框、进度条、横竖布局、窗口、分隔条、按钮、列表等几个类型，本次仅介绍标签和按钮
ets工程目录介绍
entry：openharmony工程模块，编译构建生成一个hap包。 src > main > ets：用于存放ets源码。 src > main > ets > mainability：应用/服务的入口。 src > main > ets > mainability > pages：mainability包含的页面。 src > main > ets > mainability > pages > index.ets：pages列表中的第一个页面，即应用的首页入口。 src > main > ets > mainability > app.ets：承载ability生命周期。 src > main > resources：用于存放应用/服务所用到的资源文件，如图形、多媒体、字符串、布局文件等。 src > main > config.json：模块配置文件。主要包含hap包的配置信息、应用/服务在具体设备上的配置信息以及应用/服务的全局配置信息。 build-profile.json5：当前的模块信息 、编译信息配置项，包括buildoption、targets配置等。 hvigorfile.js：模块级编译构建任务脚本，开发者可以自定义相关任务和代码实现。 build-profile.json5：应用级配置信息，包括签名、产品配置等。 hvigorfile.js：应用级编译构建任务脚本。
三、标签和按钮控件介绍
在点击控件后，右上角出现一个可移动的符号，按住这个符号即可对ui进行拖拽
在点击标签后，右边选择第二个，出现content内容，点击这个转换内容后，可以直接输入想显示的内容（此时可以直接在图中间进行显示）
这里输入：输入测试，即在图中间已经更新显示
拖入一个按钮后（在左侧鼠标左键点住拖入右边），可以在右边进行字号、宽度、高度、粗细、类型、文本内容、背景颜色、文本颜色等等的内容的直接选择
这里还有其它很多的元素，就不一一介绍了，大家可以直接上手测试，还是挺好玩的！ 四、转换为ets文件
在简单的ui界面设计好以后，点击这里的转换符号，可以将当前的ui设计框架转化为ets文件
按照提示进行下一步
提示转换成功
五、模拟器测试
打开模拟器后，发现得到的界面就是ui设计框的界面
带电作业太危险,高空输电线路进行带电作业的“特种兵”机器人发布
中国科研团队研制出可医用的纳米机器人
Linux诊断系统故障命令dmesg详解
买macbookpro后悔了,Mac太贵而且端口极其不便捷
这种新型材质会让可穿戴设备脱胎换骨
深入浅出学习eTs（二）拖拽式UI
回顾美国是如何摧毁日本的芯片产业的事件
美研究者研发出了一种新型缝线 能够监测伤口的愈合情况
启明云端ESP32-S3模组正式发布| 用AI唤醒你的智慧生活
建设首个基于鲲鹏云底座的智慧城市：许昌
F5从“代码到用户” 战略升级，协助企业加速数字化转型
有关手机的OTG功能
七彩虹iGameZ390VulcanXV20主板评测 在用料和做工上甚至不逊于某些品牌的旗舰产品
实用的光控延时开关电路图
2018年中国家电市场全面承压 新一轮组织架构调整和经营模式开始变革
智慧酒店有哪一些智能化设备
小米6充电重启最新消息：华为P10闪存门还没过，小米6又被曝出严重问题！
叶片泵减压阀压力不稳振摆大如何处理
华为利剑华为P10即将发布，剑指iPhone8，谁是枭雄！
高通收购恩智浦案或将过批
在这里选择直尺super visual的选项，调整当前路径，进入绘制界面
二、ui设计界面介绍
在左侧是路径（即文件管理器），右侧是ui的设计窗口，可以通过直接拖动的方式实现控件绘制，但目前这里面所支持的控件比较少，包括图片、标签、输入框、进度条、横竖布局、窗口、分隔条、按钮、列表等几个类型，本次仅介绍标签和按钮
ets工程目录介绍
entry：openharmony工程模块，编译构建生成一个hap包。 src > main > ets：用于存放ets源码。 src > main > ets > mainability：应用/服务的入口。 src > main > ets > mainability > pages：mainability包含的页面。 src > main > ets > mainability > pages > index.ets：pages列表中的第一个页面，即应用的首页入口。 src > main > ets > mainability > app.ets：承载ability生命周期。 src > main > resources：用于存放应用/服务所用到的资源文件，如图形、多媒体、字符串、布局文件等。 src > main > config.json：模块配置文件。主要包含hap包的配置信息、应用/服务在具体设备上的配置信息以及应用/服务的全局配置信息。 build-profile.json5：当前的模块信息 、编译信息配置项，包括buildoption、targets配置等。 hvigorfile.js：模块级编译构建任务脚本，开发者可以自定义相关任务和代码实现。 build-profile.json5：应用级配置信息，包括签名、产品配置等。 hvigorfile.js：应用级编译构建任务脚本。
三、标签和按钮控件介绍
在点击控件后，右上角出现一个可移动的符号，按住这个符号即可对ui进行拖拽
在点击标签后，右边选择第二个，出现content内容，点击这个转换内容后，可以直接输入想显示的内容（此时可以直接在图中间进行显示）
这里输入：输入测试，即在图中间已经更新显示
拖入一个按钮后（在左侧鼠标左键点住拖入右边），可以在右边进行字号、宽度、高度、粗细、类型、文本内容、背景颜色、文本颜色等等的内容的直接选择
这里还有其它很多的元素，就不一一介绍了，大家可以直接上手测试，还是挺好玩的！ 四、转换为ets文件
在简单的ui界面设计好以后，点击这里的转换符号，可以将当前的ui设计框架转化为ets文件
按照提示进行下一步
提示转换成功
五、模拟器测试
打开模拟器后，发现得到的界面就是ui设计框的界面
带电作业太危险,高空输电线路进行带电作业的“特种兵”机器人发布
中国科研团队研制出可医用的纳米机器人
Linux诊断系统故障命令dmesg详解
买macbookpro后悔了,Mac太贵而且端口极其不便捷
这种新型材质会让可穿戴设备脱胎换骨
深入浅出学习eTs（二）拖拽式UI
回顾美国是如何摧毁日本的芯片产业的事件
美研究者研发出了一种新型缝线 能够监测伤口的愈合情况
启明云端ESP32-S3模组正式发布| 用AI唤醒你的智慧生活
建设首个基于鲲鹏云底座的智慧城市：许昌
F5从“代码到用户” 战略升级，协助企业加速数字化转型
有关手机的OTG功能
七彩虹iGameZ390VulcanXV20主板评测 在用料和做工上甚至不逊于某些品牌的旗舰产品
实用的光控延时开关电路图
2018年中国家电市场全面承压 新一轮组织架构调整和经营模式开始变革
智慧酒店有哪一些智能化设备
小米6充电重启最新消息：华为P10闪存门还没过，小米6又被曝出严重问题！
叶片泵减压阀压力不稳振摆大如何处理
华为利剑华为P10即将发布，剑指iPhone8，谁是枭雄！
高通收购恩智浦案或将过批