前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Android L+ Theme 与 Toolbar 实例

Android L+ Theme 与 Toolbar 实例

作者头像
GitOPEN
发布2019-01-29 11:19:21
6020
发布2019-01-29 11:19:21
举报
文章被收录于专栏:来自GitOPEN的技术文摘

前言

随着Android L和M的发布,app的Material Design也逐渐普及。材料设计是良心之作,不仅逐渐推动Android琳琅满目的app界面的统一,而且使开发者更加关注app的功能,而非UI设计。于是乎,我也开始学习它,这里随着学习的进度会写相应的博文。

有关Material Design的学习资料还是Google的官方文档最好, 这里给出有分享精神的小伙伴们的翻译项目Material Design 中文版, 供大家学习与参考。

##Android L +的Theme 细心的朋友会发现,Material 的主题有:具体有什么效果,自己试下。

  • @android:style/Theme.Material
  • @android:style/Theme.Material.Light
  • @android:style/Theme.Material.Light.DarkActionBar

与之对应的向下(L -)兼容Theme:

  • Theme.AppCompat
  • Theme.AppCompat.Light
  • Theme.AppCompat.Light.DarkActionBar

Toolbar的用法

Toolbar的引入又是一个良心之作啊,之前的actionbar实在难用,很不方便。下面就看下Toolbar的用法,以及状态栏沉浸的用法。

Toolbar就是一个ViewGroup

简单一点儿说就是,使用Toolbar,需要在布局文件xml中引入:

代码语言:javascript
复制
<android.support.v7.widget.Toolbar
    android:id="@+id/toolbar"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="?attr/colorPrimary" />

然后需要在Activity中使用它:

代码语言:javascript
复制
Toolbar mToolbar = (Toolbar) findViewById(R.id.toolbar);
setSupportActionBar(mToolbar);

Toolbar的定制

先看看本实例中Toolbar的样子吧,然后再来说Toolbar的一些属性,如图:

####xml style属性:

  • colorPrimaryDark:状态栏的颜色(可用来实现沉浸效果)
  • colorPrimary: Toolbar的背景颜色 (xml中用android:background=”?attr/colorPrimary”指定)
  • android:textColorPrimary:Toolbar中文字的颜色,设置后Menu Item的字体颜色也会跟随
  • colorAccent:图中没有示例出来,这个是例如EditText正在输入时,RadioButton选中时的颜色(自己动手试下)
xml属性:
  • app:title=”App Title”:Toolbar中的App Title
  • app:subtitle=”Sub Title” :Toobar中的小标题
  • app:navigationIcon=”@android:drawable/ic_menu_sort_by_size” : 导航图标(注意和Logo的区别)

####用java代码设置:

代码语言:javascript
复制
mToolbar.setTitle("App Title"); //设置Toolbar标题
mToolbar.setSubtitle("Sub Title"); //设置Toolbar 副标题
mToolbar.setLogo(R.mipmap.ic_launcher);//设置Toolbar的Logo
//设置Toolbar的 导航图标
mToolbar.setNavigationIcon(android.R.drawable.ic_menu_sort_by_size);

如图:

###完整代码

源码下载: Toolbar实例源码下载

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2015/06/19,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 前言
  • Toolbar的用法
    • Toolbar就是一个ViewGroup
      • Toolbar的定制
        • xml属性:
    领券
    问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档