CoordinatorLayout之注意事项

<span style="font-size:24px;color:#ff0000;">1.如果不了解CoordinatorLayout的可以先百度一下,这些都google5.0的控件</span>
<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.tianxia.hnq.rxandroid.CoordinatorLayoutText">

    <android.support.design.widget.AppBarLayout
        android:id="@+id/app_bar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="#fff"
        android:orientation="vertical">

        <android.support.design.widget.CollapsingToolbarLayout
            android:id="@+id/collapsing_toolbar"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:fitsSystemWindows="true"
            app:contentScrim="?attr/colorPrimary"
            app:expandedTitleMarginEnd="64dp"
            app:expandedTitleMarginStart="48dp"
            app:layout_scrollFlags="scroll|exitUntilCollapsed">

            <ImageView
                android:id="@+id/backdrop"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:fitsSystemWindows="true"
                android:scaleType="centerCrop"
                android:src="@mipmap/ss"
                app:layout_collapseMode="parallax"
                />

            <android.support.v7.widget.Toolbar
                android:id="@+id/detail_toolbar"
                android:layout_width="match_parent"
                android:layout_height="?attr/actionBarSize"
                app:layout_collapseMode="pin"
                app:popupTheme="@style/ThemeOverlay.AppCompat.Light"/>

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

        <android.support.design.widget.TabLayout
            android:id="@+id/tablayout"
            android:layout_width="match_parent"
            android:layout_height="wrap_content">
        </android.support.design.widget.TabLayout>
    </android.support.design.widget.AppBarLayout>

    <android.support.v4.widget.NestedScrollView
        android:id="@+id/item_detail_container"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_behavior="@string/appbar_scrolling_view_behavior">

        <com.tianxia.hnq.rxandroid.ListviewText
            android:id="@+id/listviewqqq"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:minHeight="500dp"
            app:layout_behavior="@string/appbar_scrolling_view_behavior"/>
    </android.support.v4.widget.NestedScrollView>

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


1.

compile 'com.android.support:appcompat-v7:23.4.0'

compile 'com.android.support:design:23.4.0'

2.CoordinatorLayout要和AppBarLayout等配合使用

3.CoordinatorLayout继承自viewgrop,AppBarLayout继承自linerlayout,有orientation等属性

CollapsingToolbarLayout和NestedScrollView继承自framlayout,布局都从左上去开始,多个子布局会重叠

4.CoordinatorLayout的直接子布局加了这个属性app:layout_behavior="@string/appbar_scrolling_view_behavior"新控件才会嵌套滑动

5.加了app:layout_scrollFlags="scroll|exitUntilCollapsed"表示会随着一起滑,不加表示会固定在头部。属性里面有多中模式,相应模式效果百度一下就行。

6.除了新控件,和recycleview外其它的都不能嵌套滑动,有2中情况,第一种如上图代码布局,把listview放入新控件里面。可以把NestedScrollView这种新控件直接当成framelayout,第二种情况,外面一层是viewpager里面是recyclerview,也能实现嵌套滑动。因为作为CoordinatorLayout的子布局,不管是直接子布局还是子子布局都必须得有一个是能嵌套滑动的,因为新控件实现了NestedScrollingParent,NestedScrollingChild, ScrollingView等关于嵌套滑动的接口,所以新控件能实现嵌套滑动。

7.CollapsingToolbarLayout有个属性app:contentScrim="?attr/colorPrimary",这里的属性就是设置toolbar的背景的。可以选择#fff等,直接在toolbar里面设置背景并不能实现动画过度效果

8.toolbar使用如下,需要先设置主题我noactionbar,下面包括设置标题,设置箭头,设置箭头的点击事件等

Toolbar toolbar = (Toolbar) findViewById(R.id.detail_toolbar);
setSupportActionBar(toolbar);
CollapsingToolbarLayout appBarLayout= (CollapsingToolbarLayout) findViewById(R.id.collapsing_toolbar);
appBarLayout.setTitle("清巍清巍");
ActionBar actionBar = getSupportActionBar();
if (actionBar != null) {
    actionBar.setDisplayHomeAsUpEnabled(true);
    toolbar.setNavigationOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            CoordinatorLayoutText002.this.finish();
        }
    });
}
9,复制一点关于属性的说明
app:contentScrim="#30469b"//设置当完全CollapsingToolbarLayout折叠(收缩)后的背景颜色。
app:expandedTitleMarginStart="48dp"//设置扩张时候(还没有收缩时)title向左填充的距离。
app:layout_scrollFlags="scroll|exitUntilCollapsed"//向上滚动时收缩View,但可以固定Toolbar一直在上面。
app:layout_collapseMode="parallax"//设置为这个模式时,在内容滚动时,CollapsingToolbarLayout中的View(比如ImageView)也可以同时滚动,实现视差滚动效果,通常和layout_collapseParallaxMultiplier(设置视差因子)搭配使用。
app:layout_collapseParallaxMultiplier="0.7"//设置视差滚动因子,值为:0~1。
app:layout_collapseMode="pin"//pin设置为这个模式时,当CollapsingToolbarLayout完全收缩后,Toolbar还可以保留在屏幕上。

我们在CollapsingToolbarLayout中设置了一个ImageView和一个Toolbar。并把这个CollapsingToolbarLayout放到AppBarLayout中作为一个整体。

  • scroll - 想滚动就必须设置这个。

  • enterAlways - 实现quick return效果, 当向下移动时,立即显示View(比如Toolbar)。

  • exitUntilCollapsed - 向上滚动时收缩View,但可以固定Toolbar一直在上面。

  • enterAlwaysCollapsed - 当你的View已经设置minHeight属性又使用此标志时,你的View只能以最小高度进入,只有当滚动视图到达顶部时才扩大到完整高度。

总结:剩下的自己体验,用android studio 新建activity时可以建立新控件的activity然后看一下代码,嵌套滑动必须的
CoordinatorLayout作为根布局,为了配合老控件使用 只需要在老布局外面包裹一层新的继承自framelayout的的布局就行了。比如NestedScrollView。这样就可以完美实现嵌套滑动,实现各种效果了。

CoordinatorLayout 是 Android Design Support Library 提供的一个特殊的布局容器,它可以协调其内部的子 View 之间的交互行为,实现各种复杂的交互效果,比如 AppBarLayout 和 FloatingActionButton 的联动效果。 CoordinatorLayout 的主要作用是让子 View 之间可以通过 Behavior 进行交互。Behavior 是指子 View 在 CoordinatorLayout 中的交互行为的定义,可以让子 View 之间实现联动效果,如 FloatingActionButton 随着 Snackbar 的出现和消失而改变位置,子 View 之间的交互行为通过 Behavior 实现。 使用 CoordinatorLayout 需要注意以下几点: 1. CoordinatorLayout 必须作为根布局。 2. 子 View 需要设置 app:layout_behavior 属性,指定其交互行为的 Behavior。 3. 子 View 的交互行为需要在 Behavior 中定义。 下面是一个简单的 CoordinatorLayout 的示例: ``` <androidx.coordinatorlayout.widget.CoordinatorLayout android:layout_width="match_parent" android:layout_height="match_parent"> <com.google.android.material.appbar.AppBarLayout android:layout_width="match_parent" android:layout_height="wrap_content"> <com.google.android.material.appbar.CollapsingToolbarLayout android:layout_width="match_parent" android:layout_height="200dp" app:layout_scrollFlags="scroll|exitUntilCollapsed"> <ImageView android:layout_width="match_parent" android:layout_height="match_parent" android:scaleType="centerCrop" android:src="@drawable/image"/> <androidx.appcompat.widget.Toolbar android:layout_width="match_parent" android:layout_height="?attr/actionBarSize" app:layout_collapseMode="pin"/> </com.google.android.material.appbar.CollapsingToolbarLayout> </com.google.android.material.appbar.AppBarLayout> <androidx.recyclerview.widget.RecyclerView android:id="@+id/recycler_view" android:layout_width="match_parent" android:layout_height="match_parent" app:layout_behavior="@string/appbar_scrolling_view_behavior"/> </androidx.coordinatorlayout.widget.CoordinatorLayout> ``` 在上面的示例中,AppBarLayout 和 CollapsingToolbarLayout 实现了一个可折叠的 Toolbar,RecyclerView 使用了 appbar_scrolling_view_behavior Behavior,实现了和可折叠的 Toolbar 的联动效果。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值