一步步走进Android MaterialDesign 之 ToolBar动画效果(1)

android.support.design.widget 精髓就在于动画效果的展示,展示也主要在ToolBar上。几个相关控件是CoordinatorLayout、AppBarLayout、CollapsingToolbarLayout。

今天先看前两者,先看效果
这里写图片描述

看xml

<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <android.support.design.widget.AppBarLayout
        android:layout_width="match_parent"
        android:layout_height="?actionBarSize">
        <android.support.v7.widget.Toolbar
            android:id="@+id/toolbar"
            app:layout_scrollFlags="scroll|enterAlways"
            android:layout_width="match_parent"
            android:layout_height="?actionBarSize">

        </android.support.v7.widget.Toolbar>
    </android.support.design.widget.AppBarLayout>
    <android.support.v4.widget.NestedScrollView
        android:id="@+id/scrollView"
app:layout_behavior="@string/appbar_scrolling_view_behavior"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
        <LinearLayout
            android:orientation="vertical"
            android:layout_width="match_parent"
            android:layout_height="match_parent">
            <TextView
                android:text="12312312312312"
                android:textColor="@android:color/black"
                android:layout_width="match_parent"
                android:layout_height="50dip" />
                <!--省略过多的textView-->
        </LinearLayout>
    </android.support.v4.widget.NestedScrollView>
</android.support.design.widget.CoordinatorLayout>

貌似东西比较多,我们一个一个击破

  • CoordinatorLayout 这货就是一个增强型的FrameLayout,你要是不以他为根布局,这些动画效果就都不要玩了
  • AppBarLayout 这货就是继承LinearLayout的ViewGroup,默认方向是垂直方向。他的作用是将其包裹的内容都作为app的bar,并且具有支持手势能力,但是有个前提,就是一定要在CoordinatorLayout中才行,而且ToolBar一定要为其子布局。恩,条件很苛刻
  • app:layout_scrollFlags 这个要关心下,加了flag属性之后,其所在的view才能滚起来,怎么滚,按照里面参数来。要是不加这个属性,那滚动的时候,最终就会被固定到顶部,而不能一直滚到屏幕外。这里面的enterAlways就是向上滚动时候消失,向下滚动时候出现
  • app:layout_behavior=”@string/appbar_scrolling_view_behavior” 不加这个,那么动画效果也就没了。AppBarLayout看到滚动视图如果有这个属性,那么就会对其做出反应
  • NestedScrollView 这个本来是没有什么必要说的,但是这边又是一个重点。本次的design的动画,仅对不分滚动视图有效,比如RecyclerView和NestedScrollView,那些传统的ListView跟ScrollView都是没效果的

java部分都没有,是不是很简单,完全就是布局在那边搞搞搞

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值