前面講了Design包的的CoordinatorLayout和SnackBar的混用，現在繼續(xù)理解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的联用的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。