《HarmonyOS应用开发基础》 课件 实操 项目2-任务12 展示列表与网格数据_第1页
《HarmonyOS应用开发基础》 课件 实操 项目2-任务12 展示列表与网格数据_第2页
《HarmonyOS应用开发基础》 课件 实操 项目2-任务12 展示列表与网格数据_第3页
《HarmonyOS应用开发基础》 课件 实操 项目2-任务12 展示列表与网格数据_第4页
《HarmonyOS应用开发基础》 课件 实操 项目2-任务12 展示列表与网格数据_第5页
已阅读5页，还剩6页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

任务12展示列表与网格数据项目2走进ArkTS声明式开发任务12展示列表与网格数据本任务完成List列表数据和Grid网格数据的展示。任务描述任务效果图预览任务实施010203整理工程资源实现列表数据的展示自定义GridItem项布局组件04实现网格数据的展示01整理工程资源

本任务在任务7（渲染组件）的基础上完成，使用到任务7定义的实体数据类和数据源。将Project2_Task7工程复制一份，并重命名为Project2_Task12。在Project2_Task12中修改代码，完成任务要求。02实现列表数据的展示修改Index.ets中的代码，整体布局的最外层一个Column，内部用Scroll滚动组件包裹住List组件，ListItem子组件对应的布局使用前面任务中已经实现的MyItem自定义组件，使用List组件实现列表数据的展示。03自定义GridItem项布局组件Grid与List相似，GridItem是Grid的唯一子组件。Grid指定在行和列上的GridItem子组件的展示个数，并且可以调整每一个GridItem所占的行宽和列高。在ets>view目录下创建MyGridItem.ets文件，用于定义GridItem的布局。GridItem的布局由一个Column组成，内嵌一个图片组件和文字显示组件。04实现网格数据的展示在Index.ets文件中导入MyGridItem组件，添加用Scroll组件包裹住的Grid组件，实现网格数据的展示。任务12展示列表与网格数据本任务使用List组件和Grid组件开发了App中常见的列表项和网格项的数据展示，从类的定义、类的导出、数据源、展示单个数据的自定义组件、用循环进行组件的渲染，

人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论