鸿蒙移动应用开发项目式教程课件 项目2-数字云图书馆展示页-任务2-1 Tabs组件.pptxVIP

Tabs组件;Tabs组件;Tabs组件的页面包含两个部分，分别是TabContent和TabBar。TabContent是内容页，TabBar是导航页签。根据不同的导航类型，Tabs组件的布局会有所区别，可以分为顶部导航、底部导航、侧边导航，其中，导航页签分别位于顶部、底部和侧边，如图所示。;（1）TabContent组件不支持设置通用宽度属性，其宽度默认为Tabs父组件宽度。

（2）TabContent组件不支持设置通用高度属性，其高度由Tabs父组件高度与TabBar组件高度决定。

（3）在代码中，Tabs组件使用花括号包裹TabContent，如图所示，其中，TabContent显示相应的内容页。;每一个TabContent对应的内容需要有一个页签，可以通过TabContent的tabBar属性进行配置。在TabContent中设置tabBar属性，可以设置其对应页签中的内容，tabBar作为内容的页签。设置多个内容时，需在Tabs组件内按照顺序设置。;默认情况下，导航栏都支持滑动切换，在一些需要进行多级分类的页面，如支持底部导航和顶部导航组合的情况下，底部导航栏的滑动效果与顶部导航出现冲突，此时需要限制底部导航栏的滑动，避免给用户带来不好的体验。限制底部导航栏滑动的布局如图所示。;控制滑动切换的属性为scrollab