OpenHarmony——ArkTS声明式开发与应用 课件 项目2-任务5-2 使用自定义组件和渲染组件开发设置页.pptxVIP

任务5使用自定义组件和渲染组件开发设置页项目2走近ArkTS声明式开发

完成任务达成的技能目标01任务描述02技能目标本任务讲解自定义组件的规则和组件渲染，并进行自定义组件的创建、导出和导入，完成App中常见的设置页的设计与开发。能分析需要自定义的组件1能创建自定义组件2能导出和导入组件3能正确传递参数给自定义组件4能正确的使用条件和循环渲染5能完成设置页的设计与开发6

任务实施步骤STEPS用循环渲染设置项3验证组件和页面的生命周期4整理工程资源1开发自定义的设置项组件2

整理工程资源01任务实施

整理工程资源将项目1任务4的工程Project1_Task4进行复制，并重命名为Project2_Task5；在工程Project2_Task5中的color.json中创建颜色资源，将任务需要的图片资源整理到media目录下；在ets目录下创建设置页涉及到的目录和文件，将项目2任务5中的ToastUtil工具类复制到util目录下。代码演示

开发自定义的设置项组件02任务实施

开发自定义的设置项组件每一个设置项的UI，由左边图片、左边文字和右边图片构成，每一项间用分隔线组件隔开。在ets/view/SettingItem.ets中编写代码，实现自定义的设置项组件SettingItem，变化的左边图片和文字用@State状态变量修饰，用exportdefault导出设置项组件