码迷,mamicode.com
首页 > 移动开发 > 详细

Android?M?控件:AppBarLayout

时间:2016-04-11 20:19:02      阅读:136      评论:0      收藏:0      [点我收藏+]

标签:

AppBarLayout

AppBarLayout跟它的名字一样,把容器类的组件全部作为AppBar。是继承LinerLayout实现的一个ViewGroup容器组件,它是为了Material Design设计的App Bar,支持手势滑动操作。

默认的AppBarLayout是垂直方向的,它的作用是把AppBarLayout包裹的内容都作为AppBar。

技术分享 

上图就是把Toolbar和TabLayout放到了AppBarLayout中,让他们当做一个整体作为AppBar。

常用代码布局:

<android.support.design.widget.AppBarLayout

        android:id="@+id/appbar"

        android:layout_width="match_parent"

        android:layout_height="wrap_content">

        <android.support.v7.widget.Toolbar

            android:id="@+id/toolbar"

            android:layout_width="match_parent"

            android:layout_height="?attr/actionBarSize"

            android:background="?attr/colorPrimary"

            android:minHeight="?attr/actionBarSize"></android.support.v7.widget.Toolbar>

        <android.support.design.widget.TabLayout

            android:id="@+id/tabs"

            android:layout_width="match_parent"

            android:layout_height="wrap_content"

            app:layout_scrollFlags="scroll"

            app:tabIndicatorColor="@android:color/holo_red_dark"

            app:tabSelectedTextColor="@android:color/holo_red_dark"

            app:tabTextColor="@android:color/black" />

    </android.support.design.widget.AppBarLayout>

 

注意: AppBarLayout必须作为Toolbar的父布局容器

AppBarLayout是支持手势滑动效果的,不过的跟CoordinatorLayout配合使用

 

CoordinatorLayout

 

 





Android?M?控件:AppBarLayout

标签:

原文地址:http://www.cnblogs.com/ut2016-progam/p/5379605.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!