安卓Design包之AppBar和Toolbar的联用

前面讲了Design包的的CoordinatorLayout和SnackBar的混用，现在继续理解Design包的AppBar;

AppBarLayout跟它的名字一样，把容器类的组件全部作为AppBar.

如：

<android.support.design.widget.AppBarLayoutandroid:layout_width="match_parent"app:theme="@style/Base.ThemeOverlay.AppCompat.Dark.ActionBar"android:layout_height="wrap_content"><android.support.v7.widget.Toolbarapp:layout_scrollFlags="scroll|enterAlways"android:layout_width="match_parent"android:layout_height="?actionBarSize"android:id="@+id/main_toolbar"/><TextViewandroid:layout_width="match_parent"android:layout_height="wrap_content"android:text="悬停条目"/></android.support.design.widget.AppBarLayout>

这里就是把Toolbar和TextView放到了AppBarLayout中，让他们当做一个整体作为AppBar。

引用appBar的

app:layout_scrollFlags="scroll|enterAlways"属性，则可实现下拉的时候不显示appbar，上拉的时候显示appbar。这个在用户交互上真的挺好用的。

再来看看可折叠的ToolBar

 <android.support.design.widget.AppBarLayoutandroid:layout_width="match_parent"app:theme="@style/Base.ThemeOverlay.AppCompat.Dark.ActionBar"android:layout_height="wrap_content"><!--可折叠的toolbar--><android.support.design.widget.CollapsingToolbarLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"app:contentScrim="@color/colorPrimary"app:layout_scrollFlags="scroll|exitUntilCollapsed"><ImageViewandroid:layout_width="match_parent"android:layout_height="200dp"app:layout_collapseMode="parallax"android:src="@mipmap/ic_launcher"/><android.support.v7.widget.Toolbarapp:layout_scrollFlags="scroll|enterAlways"android:layout_width="match_parent"android:layout_height="?actionBarSize"android:id="@+id/main_toolbar"/></android.support.design.widget.CollapsingToolbarLayout><!--<TextView--><!--android:layout_width="match_parent"--><!--android:layout_height="wrap_content"--><!--android:text="悬停条目"/>--></android.support.design.widget.AppBarLayout>

　　非常的简单。只需要在上面的代码中修改一下就可以了。

转载于:https://www.cnblogs.com/liushilin/p/5671999.html

安卓Design包之AppBar和Toolbar的联用相关推荐

安卓Design包下的TextInputLayout和FloatingActionButton的简单使用
终于介绍到Design包的最后的东西了. 也很简单,一个是TextInputLayout. TextInputLayout作为一个父容器,包含一个新的EditText,可以给EditText添加意想不 ...
带你实现开发者头条APP(四)---首页优化(加入design包)
一 .前言上次模仿开发者头条首页实现了一个版本,给345大神,我的产品经理一看,又被鄙视了一把,说还在用老的技术,于是乎这三天把整个design包研究了一遍,然后把首页的代码几乎重写了一遍....顺 ...
Material Design控件使用学习 toolbar+drawerlayout+ Snackbar
效果 1.,导包design包和appcompat-v7 ,设置Theme主题Style为NoActionbar 2.custom_toolbar.xml <?xml version=" ...
安卓抓包软件_Packet Capture安卓抓包神器介绍及使用教程
除了干货,其他什么也没有源码|资源|软件|教程|揭秘关注 Packet Capture是一款安卓抓包软件,能用来提取用户操作程序内容,Packet Capture可以捕获网络数据包,并记录它们使 ...
android design包控件,Android Design包之TextInputLayout和TextInputEditText的组合使用【原创】...
在Android的日常开发中,EditText是个不可或缺的控件之一,作为输入框,用法也没什么太多值得可说的,拿一个简单的登录界面为例,平时差不多是这样的布局: 一般来说是这样,EditText里面的 ...
ios和安卓测试包发布网站http://fir.im的注册与常用功能
作为专业的ios和安卓测试包发布网站,注册超简单.支持输入网址直接下载和二维码扫描下载.功能类似TestFlight ,但又比它强大,支持游客访问密码,ios和安卓测试app都支持.模仿TestFli ...
Android动态图标包制作教程,IT之家教程：使用安卓图标包美化Windows 10
原标题:IT之家教程:使用安卓图标包美化Windows 10 北京时间7月29日中午12点Windows 10正式发布.Windows 10给人最大的印象就是一改Windows 8.1的残缺界面,整体 ...
linux手机刷机包制作工具_大神教你五分钟制作安卓ROM包 ROM包修改教程
之前很多人在网上问:"如何自己制作安卓ROM包?"今天,刷机帮的小编就给大家分享一篇关于安卓ROM包制作以及修改的实用教程,感兴趣的朋友可以一起来看看,当然,老司机就直接略过. 制 ...
Unity 安卓AB包版本问题
我的环境: 之前的AB包是2018.4.11f1打包出来的,使用AssetbunldeBrowser 工具,但之后安卓APK包是Unity升级到2019.4.9后打包的,因此AB包可以加载,但环境变黑 ...

安卓Design包之AppBar和Toolbar的联用

安卓Design包之AppBar和Toolbar的联用相关推荐

最新文章

热门文章