Android自定义appbar,玩转AppBarLayout实现更酷炫的顶部栏

上一篇文章《CoordinateLayout的使用如此简单 》对CoordinateLayout的使用做了讲解,今天我们再讲解常常与其一起使用的几个View:AppBarLayout、CollapsingToolbarLayout以及Toolbar。一下子出现3个陌生的View,是不是觉得很慌张~,很多人都写了这几个布局的使用,但是他们却没有有针对性的单独讲解每个View的作用以及如何使用,我看的很多文章都是一上来就把AppBarLayout、CollapsingToolbarLayout以及Toolbar写到一个布局里面去,然后一个一个布局属性去说,一下子感觉好混乱,本文是从Toolbar开始说起,最终让你把这3个View彻底掌握下来!

其实,这三个View都是针对我们以往常用的ActionBar的,就是针对我们的App的顶部的Bar玩各种花样~我们往下看,看看他们把我们的App的”顶部栏”玩出个什么花样!

1 Toolbar

Toobar主要是用来替换ActionBar的,换句话说,ActionBar能做的,Toolbar都能做。如果你对ActionBar的使用比较熟悉,你会发现Toolbar使用起来非常简单。ok,既然是替换,当然用Toolbar的时候就得先去把ActionBar给隐藏掉啦~

隐藏ActionBar的方法有很多,可以通过代码的方式隐藏,也可以通过配置文件的方式,我们主要是通过配置文件的方式来隐藏。在我们的styles.xml文件中的AppTheme标签中加入如下两行:

false

true

当然了,你也可以新建一个

接下来就是将Toolbar放入到布局文件(没啥好解释的):

android:id="@+id/toolbar"

android:layout_width="match_parent"

android:background="?attr/colorPrimary"

android:layout_height="?android:attr/actionBarSize" />

最后将Toobar作为“ActionBar”来用

Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);

toolbar.setTitle("这里是Title");

toolbar.setSubtitle("这里是子标题");

toolbar.setLogo(R.drawable.icon);

setSupportActionBar(toolbar);

可以对Toolbar设置Logo、标题、子标题等等~还有很多其他的设置,自己去慢慢玩,这里不提啦~。当然了,也可以在布局文件中设置这些,在布局文件设置就不写啦,hongyang大神有篇博客写的挺好的《 Android 5.x Theme 与 ToolBar 实战 》可以去参考一下。

看看效果:

201691104346369.jpg?201681104353

如果Toolbar仅仅是用来对以往的ActionBar做一次替换,那也太没创意啦!完全没必要去替换了,因为它们表现出来的都是一样的,而且并没有让我们觉得用起来比ActionBar方便。那为啥要替换呢,总应该有他的

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值