当前课程未解锁
《探索 HarmonyOS NEXT 应用开发实践,套件部署》
HarmonyOS NEXT 应用开发实践相关组件创建
创建赋能套件网格视图 Item
- 在 src/main/ets/pages 目录下的 Index.ets 文件中,创建名为 EnablementItem 的自定义组件,用 @Preview 装饰以便单独预览。
- 放置图片资源 “enablement\_pic1.png” 到指定路径,并在组件中定义标题和简介的字符串变量,赋值为 “HarmonyOS 第一课” 及其相关描述,且定义为 private 类型。
- 以 Column 组件为最外层容器,添加 Image 组件和两个 Text 组件,Image 组件设置图片资源、宽度、填充效果、高度、圆角等属性,Text 组件使用定义的变量设置文本信息,并设置根组件宽度、高度、圆角、背景色等,还为 Text 组件设置 textOverFlow、maxLines 等属性。
创建入门教程列表视图 Item
- 在 Index.ets 文件中创建名为 TutorialItem 的自定义组件并用 @Preview 装饰,注释掉 EnablementItem 组件的 @Preview 注解以便单独预览 TutorialItem 组件。
- 定义标题和简介字符串变量,赋值为 “Step1 快速入门介绍” 及其相关描述,定义为 private 类型。
- 最外层使用 Row 容器使文本和图片左右排列,左边文本用 Column 容器垂直排列 title 和 brief 文本,设置 Image 组件图片资源、高度、宽度、填充效果,设置 Column 容器高度、layoutWeight 属性,设置 Row 容器宽度、高度、圆角、背景色、内边距、对齐方式,设置图片圆角、Column 容器 alignItems 属性和右侧 margin 值,为 Text 组件添加属性。
提问有奖:观看完课程后,若对本次课程内容还有不解的地方,欢迎到鸿蒙问答专区:https://segmentfault.com/site...提问(12 月 20 日截止),并添加提问小尾巴“来自郝老师直播间”,就有机会获得:
(1)最佳问题奖:将根据问题质量选取 3 位小伙伴送出提问奖品一份
(2)幸运奖:所有参加提问的小伙伴中,将随机抽取 2 位送出幸运礼品一份
思否小姐姐会联系中奖的小伙伴并寄送奖品~