CoordinatorLayout实现view的联动效果

最新推荐文章于 2021-05-26 07:08:05 发布
最新推荐文章于 2021-05-26 07:08:05 发布
阅读量1k 收藏
点赞数 1
文章标签： view联动 Coordinato 联动效果 Toolbar联动 头部联动
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_27942511/article/details/60140995
版权

CoordinatorLayout是Material Design包中的用来协调子View的位置,实现联动的动画效果,实现了许多滚动效果
* 让浮动操作按钮上下滑动，为Snackbar留出空间。
* 扩展或者缩小(隐藏)Toolbar或者头部，让主内容区域有更多的空间。
* 控制哪个view应该扩展还是收缩，以及其显示大小比例，包括视差滚动效果动画。
首先添加依赖

    compile 'com.android.support:design:22.2.0'
    compile 'com.android.support:recyclerview-v7:22.2.0'
    compile 'com.android.support:cardview-v7:22.2.0'

直接上代码 activity_main.xml

<?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"
    android:id="@+id/main_content"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <android.support.design.widget.AppBarLayout
        android:id="@+id/appbar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">

        <android.support.v7.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            app:layout_scrollFlags="scroll|enterAlways"
            app:popupTheme="@style/ThemeOverlay.AppCompat.Light" />

        <android.support.design.widget.TabLayout
            android:id="@+id/tabs"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            app:tabIndicatorColor="#ADBE107E"
            app:tabMode="scrollable" />
    </android.support.design.widget.AppBarLayout>

    <android.support.v4.view.ViewPager
        android:id="@+id/viewpager"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_behavior="@string/appbar_scrolling_view_behavior" />

    <android.support.design.widget.FloatingActionButton
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margin="10dp"
        android:clickable="true"
        android:onClick="checkin"
        android:src="@android:drawable/ic_dialog_email"
        app:layout_anchor="@id/main_content"
        app:layout_anchorGravity="bottom|right|end" />
</android.support.design.widget.CoordinatorLayout>

list_fragment.xml 

<?xml version="1.0" encoding="utf-8"?>
<android.support.v7.widget.RecyclerView
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/recycler_view"
    android:layout_width="match_parent"
    android:layout_height="match_parent" />

list_item_card_main.xml

<?xml version="1.0" encoding="utf-8"?>
<android.support.v7.widget.CardView xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_margin="5dp"
    android:paddingLeft="8dp"
    android:paddingRight="8dp"
    android:paddingTop="8dp">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_margin="8dp"
        android:orientation="horizontal">


        <ImageView
            android:layout_width="120dp"
            android:layout_height="70dp"
            android:background="@mipmap/girl" />

        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="4dp"
            android:ellipsize="end"
            android:gravity="center_vertical"
            android:maxLines="2"
            android:text="真正的科学家应当是个幻想家；谁不是幻想家，谁就只能把自己称为实践家。"
            android:textSize="18sp" />
    </LinearLayout>
</android.support.v7.widget.CardView>

activity_detail.xml

<?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"
    android:id="@+id/main_content"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true">

    <android.support.design.widget.AppBarLayout
        android:id="@+id/appbar"
        android:layout_width="match_parent"
        android:layout_height="200dp"
        android:fitsSystemWindows="true"
        android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">

        <android.support.design.widget.CollapsingToolbarLayout
            android:id="@+id/collapsing_toolbar"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            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/girl" />

            <android.support.v7.widget.Toolbar
                android:id="@+id/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.AppBarLayout>

    <android.support.v7.widget.RecyclerView
        android:id="@+id/recyclerView"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:scrollbars="none"
        app:layout_behavior="@string/appbar_scrolling_view_behavior" />
</android.support.design.widget.CoordinatorLayout>

java代码:
MainActivity.java

package com.jd.coordinatorlayout;

import android.os.Bundle;
import android.support.design.widget.Snackbar;
import android.support.design.widget.TabLayout;
import android.support.v4.app.Fragment;
import android.support.v4.view.ViewPager;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.Toolbar;
import android.view.View;

import java.util.ArrayList;
import java.util.List;

public class MainActivity extends AppCompatActivity {
    private ViewPager mViewPager;
    private TabLayout mTabLayout;
    private List<String> titles;
    private List<Fragment> fragments;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
        setSupportActionBar(toolbar);
        mViewPager = (ViewPager) findViewById(R.id.viewpager);
        mTabLayout = (TabLayout) findViewById(R.id.tabs);
        initData();
        initTabs(titles);
        initFragmens();
        bindViewpager();
    }

    private void initData() {
        titles = new ArrayList<>();
        titles.add("推荐");
        titles.add("热点");
        titles.add("阳光宽屏");
        titles.add("北京");
        titles.add("社会");
        titles.add("娱乐");
        titles.add("问答");
        titles.add("图片");
        titles.add("科技");
        titles.add("汽车");
        titles.add("体育");
        titles.add("财经");
        titles.add("军事");
        titles.add("国际");
        titles.add("段子");
        titles.add("趣图");
        titles.add("美女");
        titles.add("健康");
        titles.add("正能量");
        titles.add("特卖");
        titles.add("房产");
        titles.add("中国新唱将");
    }

    private void bindViewpager() {
        FragmentAdapter mFragmentAdapteradapter =
                new FragmentAdapter(getSupportFragmentManager(), fragments, titles);
        //给ViewPager设置适配器
        mViewPager.setAdapter(mFragmentAdapteradapter);
        //将TabLayout和ViewPager关联起来。
        mTabLayout.setupWithViewPager(mViewPager);
        //给TabLayout设置适配器
        mTabLayout.setTabsFromPagerAdapter(mFragmentAdapteradapter);
    }

    private void initFragmens() {
        fragments = new ArrayList<>();
        for (int i = 0; i < titles.size(); i++) {
            fragments.add(new ListFragment());
        }
    }

    private void initTabs(List<String> titles) {
        for (int i = 0; i < titles.size(); i++) {
            mTabLayout.addTab(mTabLayout.newTab().setText(titles.get(i)));
        }
    }

    public void checkin(View view) {
        Snackbar.make(view, "点击成功", Snackbar.LENGTH_SHORT).show();
    }

}

ListFragment.java

package com.jd.coordinatorlayout;

import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.support.v7.widget.LinearLayoutManager;
import android.support.v7.widget.RecyclerView;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

public class ListFragment extends Fragment {

    private RecyclerView mRecyclerView;

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        mRecyclerView =
                (RecyclerView) inflater.inflate(R.layout.list_fragment, container, false);
        return mRecyclerView;
    }

    @Override
    public void onActivityCreated(Bundle savedInstanceState) {
        super.onActivityCreated(savedInstanceState);
        mRecyclerView.setLayoutManager(new LinearLayoutManager(mRecyclerView.getContext()));
        mRecyclerView.setAdapter(new RecyclerViewAdapter(getActivity()));
    }
}

FragmentAdapter.java

package com.jd.coordinatorlayout;

import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentStatePagerAdapter;

import java.util.List;

public class FragmentAdapter extends FragmentStatePagerAdapter {
    private List<Fragment> mFragments;
    private List<String> mTitles;

    public FragmentAdapter(FragmentManager fm, List<Fragment> fragments, List<String> titles) {
        super(fm);
        mFragments = fragments;
        mTitles = titles;
    }

    @Override
    public Fragment getItem(int position) {
        return mFragments.get(position);
    }

    @Override
    public int getCount() {
        return mFragments.size();
    }

    @Override
    public CharSequence getPageTitle(int position) {
        return mTitles.get(position);
    }
}

RecyclerViewAdapter.java

package com.jd.coordinatorlayout;

import android.content.Context;
import android.content.Intent;
import android.support.v7.widget.RecyclerView;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

public class RecyclerViewAdapter extends RecyclerView.Adapter<RecyclerViewAdapter.ViewHolder> {

    private Context mContext;

    public RecyclerViewAdapter(Context mContext) {
        this.mContext = mContext;
    }

    @Override
    public RecyclerViewAdapter.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        View view =
                LayoutInflater.from(parent.getContext()).inflate(R.layout.list_item_card_main, parent, false);
        return new ViewHolder(view);
    }

    @Override
    public void onBindViewHolder(final RecyclerViewAdapter.ViewHolder holder, int position) {
        final View view = holder.mView;
        view.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                Intent mIntent = new Intent(mContext, CollapsingToolbarActivity.class);
                mContext.startActivity(mIntent);
            }
        });
    }

    @Override
    public int getItemCount() {
        return 20;
    }

    public static class ViewHolder extends RecyclerView.ViewHolder {
        public final View mView;

        public ViewHolder(View view) {
            super(view);
            mView = view;
        }
    }
}

CollapsingToolbarActivity.java

package com.jd.coordinatorlayout;

import android.os.Bundle;
import android.support.design.widget.CollapsingToolbarLayout;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.DefaultItemAnimator;
import android.support.v7.widget.RecyclerView;
import android.support.v7.widget.StaggeredGridLayoutManager;
import android.support.v7.widget.Toolbar;

public class CollapsingToolbarActivity extends AppCompatActivity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_detail);
        Toolbar toolbar = (Toolbar) this.findViewById(R.id.toolbar);
        setSupportActionBar(toolbar);
        CollapsingToolbarLayout collapsingToolbar =
                (CollapsingToolbarLayout) findViewById(R.id.collapsing_toolbar);
        collapsingToolbar.setTitle("美女图片");
        RecyclerView mRecyclerView = (RecyclerView) findViewById(R.id.recyclerView);
        mRecyclerView.setLayoutManager(new StaggeredGridLayoutManager(1, StaggeredGridLayoutManager.VERTICAL));
        mRecyclerView.setItemAnimator(new DefaultItemAnimator());
        mRecyclerView.setAdapter(new RecyclerViewAdapter(CollapsingToolbarActivity.this));
    }
}

style.xml

<resources>

    <!-- Base application theme. -->
    <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
        <!-- Customize your theme here. -->
        <item name="colorPrimary">@color/colorPrimary</item>
        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
        <item name="colorAccent">@color/colorAccent</item>
    </style>

</resources>

下面就依次解读一下关键的代码
实现FloatingActionButton与Snackbar的联动效果

 <android.support.design.widget.FloatingActionButton
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margin="10dp"
        android:clickable="true"
        android:onClick="checkin"
        android:src="@android:drawable/ic_dialog_email"
        app:layout_anchor="@id/main_content"
        app:layout_anchorGravity="bottom|right|end" />

只要使用CoordinatorLayout作为基本布局，将自动产生向上移动的动画.浮动操作按钮有一个 默认的 behavior来检测Snackbar的添加并让按钮在Snackbar之上呈现上移与Snackbar等高的动画。

Toolbar的显示与隐藏
首先使用Toolbar代替Actionbar,同样使用CoordinatorLayout作为布局容器,要想Toolbar能够响应滚动事件,需要在Toolbar的外面包裹一层AppBarLayout,而且AppBarLayout必须是CoordinatorLayout的直接子View,Tollbar中添加app:layout_scrollFlags=”scroll|enterAlways”,AppBarLayout里面定义的view只要设置了app:layout_scrollFlags属性，就可以在RecyclerView滚动事件发生的时候被触发：

  • enterAlways: 一旦向上滚动这个view就可见。
  • enterAlwaysCollapsed: 顾名思义，这个flag定义的是何时进入（已经消失之后何时再次显示）。假设你定义了一个最小高度（minHeight）同时enterAlways也定义了，那么view将在到达这个最小高度的时候开始显示，并且从这个时候开始慢慢展开，当滚动到顶部的时候展开完。
  • exitUntilCollapsed: 同样顾名思义，这个flag时定义何时退出，当你定义了一个minHeight，这个view将在滚动到达这个最小高度的时候消失。
 <android.support.design.widget.AppBarLayout
        android:id="@+id/appbar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">

        <android.support.v7.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            app:layout_scrollFlags="scroll|enterAlways"
            app:popupTheme="@style/ThemeOverlay.AppCompat.Light" />

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

在RecyclerView或者任意支持嵌套滚动的view添加app:layout_behavior属性,并引用@string/appbar_scrolling_view_behavior,这里用的是Viewpager来嵌套recyclerview

 <android.support.v4.view.ViewPager
        android:id="@+id/viewpager"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_behavior="@string/appbar_scrolling_view_behavior" />

控制哪个view应该扩展还是收缩，以及其显示大小比例，包括视差滚动效果动画
要实现这个下过就需要在Toolbar外面包裹一层CollapsingToolbarLayout

 <android.support.design.widget.AppBarLayout
        android:id="@+id/appbar"
        android:layout_width="match_parent"
        android:layout_height="200dp"
        android:fitsSystemWindows="true"
        android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">

        <android.support.design.widget.CollapsingToolbarLayout
            android:id="@+id/collapsing_toolbar"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            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/girl" />

            <android.support.v7.widget.Toolbar
                android:id="@+id/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.AppBarLayout>

recyclerview中添加app:layout_behavior

<android.support.v7.widget.RecyclerView
        android:id="@+id/recyclerView"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:scrollbars="none"
        app:layout_behavior="@string/appbar_scrolling_view_behavior" />

给CollapsingToolbarLayout 设置Title

CollapsingToolbarLayout collapsingToolbar =
                (CollapsingToolbarLayout) findViewById(R.id.collapsing_toolbar);
        collapsingToolbar.setTitle("美女图片");

本demo地址：https://github.com/githubyzd/CoordinatorLayout

NicholasYzd
关注
CoordinatorLayout 和 AppbarLayout 联动原理解析
zzx410527的专栏
05-12 1521
下图是CoordinatorLayout布局中很常见的一种效果，很多人应该都见过，当我们用手指滑动RecyclerView的时候，不单止RecyclerView会上下滑动，顶部的Toolbar也会随着RecyclerView的滑动隐藏或显现，实现代码的布局如下： 具体代码： <?xml version="1.0" encoding="utf-8"?> <android....
CoordinatorLayout嵌套CoordinatorLayout
陈立的博客
05-24 1050
实际效果只有二级页面的TabLayout能够粘在顶部，而一级页面是不会有联动的。 解决方案：自定义NestedCoordinatorLayout，替换二级页面的CoordinatorLayout。 NestedCoordinatorLayout代码如下， import android.content.Context; import android.support.annotation.IntDef; import android.support.annotation.NonNull; impor
CoordinatorLayout+Behavior实现复杂联动效果
02-23
CoordinatorLayout 是 Google 在 Design Support 包中提供的一个十分强大的布局视图，它允许开发者通过制定 Behavior 从而实现各种复杂的 UI 效果。工程导入可以直接运行。。。
Material Design之CoordinatorLayout页面联动效果实现
csdn_aiyang的博客
05-04 1354
Material Design 相关技术博文，推荐： ToolBar 基础使用——进阶封装（附源码） 前言 在2015年的Google I/O大会上推出Design Support库，这个库将 Material Design 中最具代表性的一些控件和效果进行了封装。这篇博文就说讲解其中一个CoordinatorLayout 的控件。Coordinator在英文中是“协调者”的意思，...
几种ui效果/CoordinatorLayout
07-10
CoordinatorLayout AppBarLayout CollapsingToolbarLayout 等工具使用
CoordinatorLayout按钮随着View移动
qq_36159785的博客
05-10 421
这里需要在layout布局文件中写入： 其中红线处的控件实在src中自定义的View控件，该控件的主要功能是移动能够让view随着鼠标移动，例如移动小兔子的例子 其中红线处的getRawX和getRawY可以写成getX和getY，但是如果写成了后者，则不能写后面红线处的两句话，因为前者是绝对位置移动，后者是相对位置移动 对于listview中item的监听方式可以如下，如果是每个
CoordinatorLayout 滑动置顶及背景渐变
09-26
滑动置顶，title颜色渐变，最近项目有这么个要求，百度了好多，感觉不符合公司项目的需求，所以就开始了搬运的模式，还好最后弄出来了这个效果，不过感觉少了沉浸式状态栏，哪位大神要是有沉浸式状态栏的可以发我哈，QQ 528804904
learn-coordinatorlayout-behavior:CoordinatorLayout 自定义Behavior 高仿美团商家详情界面 实现页面内容复杂联动效果
05-14
该项目是为了练习-> 使用CoordinatorLayout.Behavior 实现页面复杂联动效果 代码模仿实现美团商家详情界面内容联动 开发使用知识点顺带涉及到： Scroller+Handler 实现View自动滑动 View属性动画 触摸事件分发机制 ...
android coordinatorlayout+bottomsheetbeavior 实现地图联动
最新发布
09-29
Android CoordinatorLayout和BottomSheetBehavior可以实现地图的联动效果。首先，在布局文件中，使用CoordinatorLayout作为根布局，并在其中添加地图视图和BottomSheet视图。 ``` <androidx.coordinatorlayout....
Android CoordinatorLayout 自定义Behavior 高仿美团商家详情界面 实现页面内容复杂联动效果
bfbx5173的专栏
06-08 6669
内容如题  效果如下顺带涉及到：Scroller+Handler 实现View自动滑动View属性动画触摸事件分发机制ConstraintLayout约束布局emmmm实现参考：ConstraintLayout教程  https://blog.csdn.net/u013187628/article/details/60751812自定义Behavior教程  https://www.jianshu...
自定义实现CoordinatorLayout效果,tablayout随recycleview滚动而滚动
08-23
自定义实现CoordinatorLayout效果,tablayout随recycleview滚动而滚动，根据这份代码改编而来：http://download.csdn.net/download/oushangfeng123/8971049
CollapsingToolbarLayout展开显示动画
03-25
CollapsingToolbarLayout+TabLayout的搭配使用，展开显示图片，设置文字阴影，收起隐藏图片。
PersistentCoordinatorLayout:京东首页-长列表内嵌ViewPager商品流列表（CoordinatorLayout方案）
03-08
持久协调器布局 仿京东首页，整体是个长列表，内嵌子列表-商品feeds流（PersistentRecyclerView），且商品流可以左右滑动。 实现效果 点击可查看 ： 使用方法 外部的长列表容器使用PersistentCoordinatorLayout； 内嵌的子列表使用PersistentRecyclerView； CoordinatorLayout和RecyclerView的使用方法跟官方一样，ViewPager和ViewPager2可随意替换，均已内部兼容； 实现方案 CoordinatorLayout已经实现了NestedScrollingParent3接口，当底部商品流列表上拉或拖动时，会自动将Fling的速率传递给AppBarLayout。而AppBarLayout上拉触底时，却无法将Fling传递给底部的商品流RecyclerView。所以，我们只要能改造好这一点，就
使用CoordinatorLayout协调者布局实现仿京东发现页面效果
03-28
使用CoordinatorLayout协调者布局实现仿京东发现页面效果，有兴趣的可以深入研究下，相关博客https://blog.csdn.net/hq942845204/article/details/88844272
android自定义打造 collapsingtoolbarlayout渐变伸缩
02-01
自定义scrollview打造滑动头部渐变，伸缩，固定位置，类似collapsingtoolbarlayout的效果，eclipse工具
android联动动画,利用 CollapsingToolbarLayout 完成联动的动画效果
weixin_34589862的博客
05-26 315
最近项目中需要实现个动画效果,研究了下这里做下简单的分享.效果图如下:示例.gif最初的想法是自己去利用 Android 的嵌套滚动机制,去实现上面的嵌套滚动效果.但最后为了开发效率直接利用了 CollapsingToolbarLayout 和 CoordinatorLayout 的效果.实现效果的原理十分简单,监听 CollapsingToolbarLayout 收缩和扩展的距离,换算成你想...
利用 CollapsingToolbarLayout 完成联动的动画效果
夏洛克的猫
04-07 6472
最近项目中需要实现个动画效果,研究了下这里做下简单的分享.效果图如下:最初的想法是自己去利用 Android 的嵌套滚动机制,去实现上面的嵌套滚动效果.但最后为了开发效率直接利用了 CollapsingToolbarLayout 和 CoordinatorLayout 的效果. 实现效果的原理十分简单,监听 CollapsingToolbarLayout 收缩和扩展的距离,换算成你想要的一个范
Android使用CoordinatorLayout实现联动效果
baidu_25920209的博客
01-25 1682
在开发过程中，有时需要实现一些比较复杂的联动效果：比如在滚动列表的时候改变某个View的状态，随着滚动程度的变化，View也跟随变化等等。要想实现这些效果，用普通的方法也可以实现，不过需要设计很多的监听来控制，逻辑也比较复杂，而通过CoordinatorLayout可以更优雅的实现同样的效果。 1.1 CoordinatorLayout介绍 CoordinatorLayout 是 Google 在...
高仿支付宝9.9.2版本生活模块界面来讲解CoordinatorLayout，AppBarLayout，CollapsingToolbarLayout
Jack921的专栏
09-16 2525
首先先看看仿制的效果先，如下图： 是不是很像支付宝的效果呢，我们今天就要通过讲解android5.0新出的控件CoordinatorLayout，AppBarLayout，CollapsingToolbarLayout来实现这个效果。在讲解之前先看看界面布局文件，在一个一个讲讲怎么实现吧：<android.support.design.widget.CoordinatorLayout
自定义Android CoordinatorLayout Behavior实现视图联动
Android CoordinatorLayout 是一款强大的布局管理器，它在Android 5.0 (Lollipop)版本中引入，旨在简化屏幕间的过渡效果和交互逻辑。其中，`Behavior` 是一个关键组件，它是 CoordinatorLayout 的核心特性之一，允许...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值