OpenHarmony——ArkTS声明式开发与应用 课件 项目4-任务3 实现多级分类导航.pptxVIP

任务3实现多级分类导航项目4基于YOLOv5模型的部署与目标检测

完成任务达成的技能目标01任务描述02技能目标本任务使用自定义的组件实现多级分类导航，实现页面切换和版本数据展示。能设计多级分类接口1能自定义多级分类组件和处理数据源2能实现页面切换3

任务实施步骤STEPS设计多级分类接口1自定义多级分类导航组件2处理多级分类导航的数据源3新建“相机拍照”和“图库”页面文件4用Tab和TabContent组件实现标签导航5验证6

设计多级分类接口01任务实施

设计多级分类接口构建具有层级关系的分类系统，例如电商网站的商品分类、导航菜单等，可以先定义一系列的接口（interface），用于描述一个多级分类系统的结构。每个接口都包含了特定的属性，用于表示不同层级的分类信息。在本任务中，使用接口定义了一个多级分类系统，从第一级到第四级，每一级都有自己的属性和子节点，具体说明如下：①第一级分类包含第二级或第三级分类作为子节点。②第二级分类包含第三级分类作为子节点。③第三级分类可以包含第四级分类作为子节点，也可以直接指向一个详情页（通过url）。

设计多级分类接口在model目录中新建CategoricalDataType.ets文件，在该文件中定义多级分类的接口。演示

自定义多级分类导航组件02任务实施

自定义多级分类导航组件在view目录下新建Tab