
鸿蒙应用开发- TabList和Tab
准备TabList页面布局
在layout目录下创建TabList布局,将其命名为ability_tablist.xml。
布局代码中第7行~第22行的用于生成TabList组件,定义了TabList的基本属性;第23行~第27行用于生成Tab页面的容器,目前还没有具体内容,稍后有具体代码生成。
准备Image页面
Image页面主要包含一个Image文件和简单的文字表示:
准备Video页面
Video页面包含一个动画,稍微复杂一些。首先是页面本身:
这个文件和Image页面区别不大,只是在用Component组件代替了Image组件。而动画的实际内容则是由graphic目录中的animation_element.xml文件决定:
生成TabList画面
TabList的每个Tab页面需要由代码生成,具体参见下面的页面类:
代码第22行~第27行分别生成了Image和Video两个Tab页。
第29行~第69行是为TabList的各种事件提供响应。需要响应的处理主要有Tab页选择,Tab页取消选择和Tab重新选择。代码中根据当前选中的Tab页面生成或选择不同的组件。
参考文档:
TabList和Tab组件
https://developer.harmonyos.com/cn/docs/documentation/doc-guides/ui-java-component-tablist-tab-0000001062229749
TabList类
https://developer.harmonyos.com/cn/docs/documentation/doc-references/tablist-0000001054238721
Tab List.Tab类
https://developer.harmonyos.com/cn/docs/documentation/doc-references/tablist_tab-0000001054678691
动画开发指导
https://developer.harmonyos.com/cn/docs/documentation/doc-guides/ui-java-animation-0000000000580278
