南京做网站找哪家好,大足网站建设公司,seo搜外,新手如何学网站建设布局基础运用案例
平级导航的复合网格视图
平级导航的复合网格视图常出现在同时展示多种不同内容的界面。
例如#xff0c;市场类应用作为典型的平级导航#xff0c;其首页不同板块采用了不同布局能力。 标题栏与搜索栏#xff1a;因元素单一、位置固定在顶部#xff0c…布局基础运用案例
平级导航的复合网格视图
平级导航的复合网格视图常出现在同时展示多种不同内容的界面。
例如市场类应用作为典型的平级导航其首页不同板块采用了不同布局能力。 标题栏与搜索栏因元素单一、位置固定在顶部因此适合采用自适应拉伸并在大尺寸界面中从纵排变为横排充分利用顶部区域。运营横幅在小设备上默认为多张轮播展示随宽度变化采用自适应缩放在中尺寸界面通过重复布局变为并排多张。图标型网格对于数量固定、且子内容重要程度相同的网格需保证完全展示可采用均分拉伸。对于数量不限的网格则采用自适应延伸在更大宽度上展示更多数量。底部导航栏导航类控件本身综合了均分和折行在宽度变化时能占用均等宽度并在足够宽度下并排当在大尺寸界面中挪移到左边使不同页签距离更近、同时符合视觉走向。开发前请熟悉鸿蒙开发指导文档gitee.com/li-shizhen-skin/harmony-os/blob/master/README.md点击或者复制转到。
在横竖屏切换时也保持了一致的布局能力实际上完成了大尺寸和中尺寸的切换。 当界面出现在智慧屏上虽然同是大尺寸界面为了符合设备样式和遥控器交互规则搜索栏转化为图标入口导航栏挪移到页面上部。 层级导航的列表视图
层级导航的列表视图常出现在多类简单信息并列或多入口业务入口的界面。
例如设置类应用作为典型的层级导航其列表控件采用自适应拉伸。 在中尺寸设备中为避免中间区域空白过大采用缩进布局大尺寸设备中为充分利用横向空间建议采用栅格系统形成分栏效果并让列表元素在各自区域保持拉伸。
专辑详情页面
专辑详情不限于展示音乐内容也用于展示视频、短视频、电台、书本等内容类合集。
例如歌单类界面作为典型的内容垂类页面其总体分为标题栏、歌单信息、歌单操作、歌单列表、播放栏几个板块。
标题栏采用自适应拉伸。歌单信息采用自适应缩放并在中尺寸界面进行缩进处理使内容呈现协调。歌单操作板块内部采用均分拉伸在小尺寸设备上利用纵向空间、中尺寸设备上自适应缩放挪移到歌单封面下面。歌单列表板块内部采用挪移布局在中尺寸设备上挪移到歌单信息右边。播放栏固定在界面底部保持左右拉伸即可。 在横竖屏切换时完成了中尺寸和大尺寸的切换。歌单列表板块进行挪移的同时内部采用了重复布局。
歌单信息和歌单操作板块因较小宽高比挪移到上下排布。 当界面出现在智慧屏上为了符合沉浸简约的设备信息和遥控器交互规则将部分歌单信息替代原来标题栏的位置并取消播放栏。同时歌单列表居左更方便遥控器选择。
