- 1、本文档共15页,可阅读全部内容。
- 2、有哪些信誉好的足球投注网站(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
- 5、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
- 6、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们。
- 7、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 8、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
开发设备控制页
走进ArkTS声明式开发
开发设备控制页
本任务使用线性布局、文字显示组件和图片组件,并配合组件的属性和样式,完成物联网App常见的设备控制页面的开发。
任务描述
任务效果图预览
任务实施
01
02
03
05
04
整理工程资源
设备控制页的UI结构分析
最外层的Column布局设计
设备位置区的Row布局设计
设备控制区外框的Column布局设计
06
设备状态信息区的设计与开发
07
设备控制区的设计与开发
08
使用Blank和Divider组件
01整理工程资源
02设备控制页的UI结构分析
03最外层的Column布局设计
最外层用Column,宽高占满屏幕,设置背景为灰色。
04设备控制区外框的Column布局设计
内层用于显示设备相关信息的区域,是一个Column,限定了宽高和边框。边框使用.border设置样式,支持设置边框颜色、边框粗细、边框圆角以及边框的展示样式。
05设备位置区的Row布局设计
设备位置用Row布局,内嵌一个Text组件,在主轴方向上靠起始端对齐,设置内边距为10。
06设备状态信息区的设计与开发
设备状态信息用Text组件显示文字,对齐方式为左对齐,最多显示一行,当超出一行时进行截断。
07设备控制区的设计与开发
设备控制区用Row布局,内嵌两个Image图片组件,图片组件的权重点比为2:1;给设备控制的图片组件添加事件处理,当被点击时,反转标志位openFlag;两个图片组件显示的图片根据标志位openFlag进行图片切换。
08使用Blank和Divider组件
将设备位置区的Row布局设计,由使用Row的对齐方式修改为使用Blank组件,让“客厅空调”的文字显示实现居左摆放,同时增加一个下划线,突出位置的显示。
开发设备控制页
本任务综合利用线性布局的不同属性进行设备控制页的布局设计,并使用Text组件和Image组件进行了信息的显示。在开发过程中,用到的组件的公共属性时,读者可自行查阅CommonMethod的源码,找到需要设置的样式参数,设计出符合用户需求的UI。
任务小结
您可能关注的文档
- HarmonyOS应用开发基础课件:使用TypeScript进阶语法.pptx
- HarmonyOS应用开发基础课件:使用动画.pptx
- HarmonyOS应用开发基础课件:使用首选项实现轻量级数据存储.pptx
- 2024年秋季新北师大版8年级上册物理全册教学课件.pptx
- 2025年春新人教版历史7年级下册全册教学课件.pptx
- 2024年秋季新人教版9年级上册化学全册教学课件(新版教材).pptx
- 2025年春新人教版8年级物理下册全册教学课件.pptx
- 2025年春新人教版英语7年级下册全册课件 (2).pptx
- 九年级数学上册2413弧弦圆心角省公开课一等奖百校联赛赛课微课获奖课件.pptx
- 中考历史总复习专题专题2近现代中国人民的抗争探索史省公开课一等奖百校联赛赛课微课获奖课件.pptx
- 中考语文总复习语文知识及应用专题5仿写修辞含句子理解市赛课公开课一等奖省课获奖课件.pptx
- 湖南文艺版(2024)新教材一年级音乐下册第二课《藏猫猫》精品课件.pptx
- 湖南文艺版(2024)新教材一年级音乐下册第三课《我向国旗敬个礼》精品课件.pptx
- 高中生物第四章生物的变异本章知识体系构建全国公开课一等奖百校联赛微课赛课特等奖课件.pptx
- 整数指数幂市公开课一等奖省赛课微课金奖课件.pptx
- 一年级音乐上册第二单元你早全国公开课一等奖百校联赛微课赛课特等奖课件.pptx
- 八年级数学上册第二章实数27二次根式第四课时习题省公开课一等奖新课获奖课件.pptx
- 九年级物理全册11简单电路习题全国公开课一等奖百校联赛微课赛课特等奖课件.pptx
- 八年级语文下册第五单元19邹忌讽齐王纳谏省公开课一等奖新课获奖课件.pptx
- 2024年秋季新人教PEP版3年级上册英语全册教学课件 (2).pptx
最近下载
- 2024年宝鸡职业技术学院单招职业技能测试题库及完整答案1套.docx VIP
- 网上支付与安全教学设计 教案全套 1-网上支付与安全概述---11-网络金融.doc
- 2024零碳城市建设评价指南.docx
- 物业小区安全隐患排查及整改措施.docx VIP
- 2025年新疆事业单位招聘考试时间及计划申报笔试备考题库及答案解析.docx
- 2024昆十中教育集团·白塔中学夏季教师及专职员工招聘(18人)笔试备考题库及答案解析.docx
- 2024年宝鸡职业技术学院单招职业技能测试题库完整答案.docx VIP
- TCRHA-床旁超声评估压力性损伤技术规范.pdf
- 一种攀爬机器人用夹爪.pdf VIP
- 06互联网营销师-通用知识第6章-客户关系管理.pptx
文档评论(0)