HarmonyOS NEXT应用开辟案例——二级联动_鸿蒙next创新案例

}
}
}
}

• 通过循环，构造一二级列表数据。
  

ForEach(this.tagLists, (item: string, index: number) => {
ListItem() {
…
}
})

• 点击一级列表后，通过一级列表的索引获取二级列表的索引，调用scrollToIndex方法将一二级列表滚动到指定索引值。
  

// 根据一级列表索引值获取二级列表索引值
findItemIndex(index: number): number {
return this.records[index];
}
build(){
Column() {
…
}.onClick(() => { // 一级列表点击变乱
this.currentTagIndex = index;
let itemIndex = this.findItemIndex(index);
this.scroller.scrollToIndex(itemIndex, true);
})
}

• 滑动二级列表触发组件滚动变乱后，获取到列表可视地区第一个item对应的索引值，通过二级列表索引获取一级列表索引，调用scrollToIndex方法将一级列表滚动到指定索引值。
  

@State @Watch(‘onIndexChange’) currentTagIndex: number = 0; // 一级列表焦点索引值
private isClickTagList: boolean = false; // 是否点击一级列表
private classifyScroller: Scroller = new Scroller(); // 一级列表Scroller对象
// 根据二级列表索引值获取对应一级列表索引
findClassIndex(index: number): number {
…
}
build() {
List() {
…
}.onScrollIndex((start: number) => {
let currentClassIndex = this.findClassIndex(start);
// 当前二级列表元素是否属于当前一级列表类
if (currentClassIndex !== this.currentTagIndex && this.isClickTagList !== true) {
this.currentTagIndex = currentClassIndex;
this.classifyScroller.scrollToIndex(currentClassIndex, true); // 滚动到指定位置
}
})
}
高性能知识点

本示例利用了LazyForEach举行数据懒加载，List布局时会根据可视地区按需创建ListItem组件，并在ListItem滑出可视地区外时烧毁以低沉内存占用。
工程布局&模块范例

secondarylinkage // har
|—pages
| |—DataType.ets // 数据范例界说
| |—SecondaryLinkExample.ets // 二级联动功能实现页面
模块依靠

当前场景依靠common模块的FunctionDescription组件，重要用于功能场景文本先容。具体可参考FunctionDescription文件。
参考资料

LazyForEach具体用法
为了能让各人更好的学习鸿蒙（HarmonyOS NEXT）开辟技能，这边特意整理了《鸿蒙开辟学习手册》（共计890页），盼望对各人有所资助：https://qr21.cn/FV7h05
《鸿蒙开辟学习手册》：https://qr21.cn/FV7h05

入门必看：https://qr21.cn/FV7h05
1.  应用开辟导读(ArkTS)
2.  ……

自我先容一下，小编13年上海交大结业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里不绝到如今。
深知大多数HarmonyOS鸿蒙开辟工程师，想要提升技能，每每是自己探索发展大概是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学结果低效又漫长，而且极易遇到天花板技能故步自封！
因此网络整理了一份《2024年HarmonyOS鸿蒙开辟全套学习资料》，初志也很简单，就是盼望可以或许资助到想自学提升又不知道该从何学起的朋侪，同时减轻各人的负担。

既有恰当小白学习的零根本资料，也有恰当3年以上履历的小同伴深入学习提升的进阶课程，根本涵盖了95%以上HarmonyOS鸿蒙开辟知识点，真正体系化！
由于文件比力大，这里只是将部分目次大纲截图出来，每个节点内里都包罗大厂面经、学习条记、源码课本、实战项目、讲授视频，而且会连续更新
如果你以为这些内容对你有资助，可以添加VX：vip204888 （备注鸿蒙获取）

一个人可以走的很快，但一群人才气走的更远。岂论你是正从事IT行业的老鸟或是对IT行业感爱好的新人，都欢迎扫码参加我们的的圈子（技能互换、学习资源、职场吐槽、大厂内推、口试辅导），让我们一起学习发展！
-WYz5rgjd-1712664733775)]
一个人可以走的很快，但一群人才气走的更远。岂论你是正从事IT行业的老鸟或是对IT行业感爱好的新人，都欢迎扫码参加我们的的圈子（技能互换、学习资源、职场吐槽、大厂内推、口试辅导），让我们一起学习发展！

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！qidao123.com:ToB企服之家，中国第一个企服评测及软件市场,开放入驻,技术点评得现金