Android应用UI设计模式1.3 选项卡_Android应用UI设计模式1.3 选项卡试读-查字典图书网
查字典图书网
当前位置: 查字典 > 图书网 > 交互设计 > Android应用UI设计模式 > 1.3 选项卡

Android应用UI设计模式——1.3 选项卡

选项卡是必不可少的辅助导航元素,可用于各种Android应用。第8章将介绍“选项卡”模式。 在AutoTrader应用中,选项卡使用了iOS视觉设计风格:选项卡为圆角的,并利用斜边效果突显当前选定的选项卡,如图1-9所示。 图1-9 上图为AutoTrader应用中原来的选项卡,下图为根据Android 4.0设计规范重新设计后的选项卡 需要做简单修改:添加贯穿选项卡栏的下划线;消除阴影、斜边和圆角;用较粗的下划线突显当前选定的选项卡。在这个屏幕中,选项卡标签(Basic、Advanced、Recent)较短,有足够的空间容纳它们,因此保留它们不变。 如果空间不够,无法容纳完整的选项卡标签,该怎么办呢?在选项卡上使用图标来代替文本。第2章将介绍到,Android系统这种能根据屏幕大小适配界面的能力是其重要的特色。这种可伸缩性决定了众多基本的视觉设计选择和方针。

展开全文

推荐文章

猜你喜欢

附近的人在看

推荐阅读

拓展阅读

《Android应用UI设计模式》其他试读目录

• 1.1 启动图标
• 1.2 操作栏与信息架构
• 1.3 选项卡 [当前]
• 1.4 专用选择页
• 1.5 选择控件
• 1.6 按钮
• 1.7 搜索结果屏幕
• 1.8 结果详情屏幕
• 1.9 最终结果
• 2.1 这里是平面国
• 2.2 轻按任何地方
• 2.3 适合各种设备
• 2.4 摆脱空间限制
• 2.5 大局着眼,小处着手