美文网首页爱天气App实战开发
模块4:主视图UI布局 - 使用Toolbar (1)

模块4:主视图UI布局 - 使用Toolbar (1)

作者: jingz课程 | 来源:发表于2019-03-13 10:19 被阅读0次

介绍

Toolbar在Android 5.0版本推出,作为独立组件。Google推荐开发者用它替换老的Actionbar来为App提供导航。原因一方面是Toolbar更加符合设计规范,另一方面则是Toolbar更灵活,可以进行更多的定制。

回顾我们设计稿中的Toolbar如下:

Toolbar

可见该Toolbar具有以下特点:

  • 其底色与透明度同上面的系统状态栏完全一致,视觉上融为一体
  • 内部元素包含三部分:左侧的抽屉菜单按钮 — 中间的文字区域 — 右侧的新增位置按钮

在这一节,我们分别完成下面的任务:

  • 导入Toolbar组件并替换Actionbar
  • 增加左侧抽屉菜单按钮
  • 增加中间文字视图
  • 增加右侧新增按钮

相关文章

网友评论

    本文标题:模块4:主视图UI布局 - 使用Toolbar (1)

    本文链接:https://www.haomeiwen.com/subject/yosbpqtx.html