同款App的iOS版本与Android版本界面对比:
网易云音乐,ios版的页面布局采用标签导航;android版页面布局为抽屉导航+顶部分段式标签导航;为什么这样设计呢?答案是两个平台不同的UI设计规范;
同样,知乎的iOS版采用页眉为操作栏,页脚为标签导航栏。android版为抽屉导航+顶部应用bar;
如下是iOS平台设计规范,页眉一般为导航栏,页脚为标签栏或工具栏; android 4.0的时候推出了Action bar 总体上Action功能比较重,既可以跳转页面,也可以做其他操作。 当action bar无法容纳太多的操作按钮时,可以考虑将操作区放在底部;同时页面导航可以放在actionbar下方; 总结:android4.0 action bar的四种应用方式: android 5.0就是在扁平化成了二维UI后在加了个图层的概念来实现前后层UI展示;经典的抽屉导航诞生了~
actionbar改名为App Bar,首页最左侧为抽屉导航入口。 实际的应用如知乎再来近距离看下action bar和App bar的区别;
页面导航上的区别 使用抽屉导航实现主导航下子导航页面切换的示例
网友评论