1.6.1 IOS与Android界面认识

本文档主要简介两个平台的界面基本组成部分以及不同点。文章内容源于听课后的想法记录，有误的地方欢迎指正~

两个平台的主要区别：ios的主要操作多位于页脚部分，而安卓因为底部有虚拟操作按钮，住操作多置于页眉部分，减弱双底栏的尴尬。

IOS

iOS的页眉显示层级关系以及放置功能入口，页脚作为工具栏以及标签栏。

状态栏：显示信号，时间，电量等手机状态。

导航栏：页面标题居中，层级返回按钮以及功能操作

标签栏：app分类内容间的快速跳转

内容区：应用内容，关于内容区的各种布局之后文章详细介绍。

设计尺寸：750*1334，40px/88px/98px，sketch导出:1x=@2x;1.5x=@3x

设计尺寸

ios页面布局

Android

安卓原生底部有虚拟按钮，主操作多放于页眉，页脚为工具栏

顶部操作栏：页面标题左对齐，层级返回按钮以及功能操作

底部工具栏：当前页面的工具操作

设计尺寸：720*1280，50;96;96;

导出:1x=xhdpi;1.5x=xxhdpi;2x=xxxhdpi;

Android界面布局

示例