鸿蒙开发ArkTS与ArkUI扩展应用:实现菜谱二级联动导航

鸿蒙开发ArkTS与ArkUI扩展应用:实现菜谱二级联动导航

掌握List组件高级应用,打造流畅的复杂列表与联动交互

¥99.9
本课程包括
  • 2小时12分钟的视频随时观看
  • 可在APP随时观看
  • 结业证书
你将收获
  • 全面掌握List的分组、粘性标题、滚动监听、项侧滑与标记等高级特性,能应对各类复杂列表场景。
  • 深入理解并能够独立实现类似“菜谱导航”的经典二级联动逻辑,掌握数据与视图的同步技巧。
  • 学会从数据结构设计到UI渲染的完整思路,能够构建高度定制化、视觉丰富的列表界面。
浏览相关主题
课程介绍

在信息爆炸的时代,应用界面日益依赖列表来承载和组织复杂信息。从电商分类到社交动态,一个高性能、高交互性的列表已成为提升用户留存的关键。然而,许多鸿蒙开发者对List组件的理解停留在基础渲染,无法实现分组粘性、滚动联动等高级交互,导致应用体验呆板,在竞争中失色。

为此,三节课特邀鸿蒙UI框架深度实践专家,带来这门聚焦于“List组件深度应用与交互实战”的进阶课程。我们将直击开发痛点,带你从会用List到精通List,掌握构建复杂列表界面与流畅联动的核心技术。

本课程通过一个完整的“菜谱二级联动”案例,带你系统学习List组件的布局约束、自定义样式、分组粘性标题、滚动位置响应及侧滑标记等高级功能。最终,你将能游刃有余地实现各类复杂的列表交互,显著提升应用的视觉体验与操作流畅度,具备解决企业级复杂UI需求的能力。

适合人群
  • 已了解List组件基础,但需要实现分组、粘性标题、侧滑等高级效果,以应对复杂UI需求的进阶者。
  • 在开发电商分类、通讯录等需要多级联动和精准滚动的界面时遇到瓶颈,寻求系统解决方案的工程师。
  • 不满足于静态列表,希望为应用添加流畅滚动交互、动态响应和个性化标记,以提升产品竞争力的开发者。
讲师介绍
大前端+AI开发者
擅长领域:
  • Vue.Js
  • React.Js
  • Node.JS
  • JavaScript
  • ChatGPT
  • 大语言模型
20年IT从业经验,华为HDE。前某知名大厂前端架构师,擅长鸿蒙原生应用开发,AIGC,Web3.0,微信小程序,Node.js,React,Vue,Angular,Hybrid,RN,Flutter,Electron,数据可视化等技术,丰富的前端架构经验。曾发布《HarmonyOS应用开发实战指南》,《Webpack5学习指南》,《Vite学习指南》,《TS学习指南》,《DOM探索之旅》,《Node.js基础与实战》,《Angular基础与实战》,《大数据可视化基础》,《Vue3+Electron基础与实战》,《Web3基础与实战》,《ChatGPT微信机器人》等视频教程,深受学生好评。
课程大纲
共0节 时长0分钟 全部收起
01-深入学习List组件-概述、布局与约束
20分钟
02-深入学习List组件-自定义列表样式
7分钟
03-深入学习List组件-实现分组列表、添加粘性标题与响应滚动位置
19分钟
04-深入学习List组件-响应滚动位置、列表项侧滑与添加标记
19分钟
05-菜谱二级联动导航案例实战-项目资源初始化、数据结构和数据初始化
25分钟
06-菜谱二级联动导航案例实战-分类列表的渲染
15分钟
07-菜谱二级联动导航案例实战-菜品列表的渲染
16分钟
08-菜谱二级联动导航案例实战-实现二级联动导航
12分钟
购课须知

课程有效期:

自购买课程之日起 365 天,部分参与营销活动产品以活动规则为准,请同学在有效期内学习、观看课程。

上课模式:

课程采取录播模式,请注意自学课无班级微信群、班主任带班及助教批改服务。

注:自学课不支持退款,确保你是真的需要再进行报名,报完名之后还请认真学习。