安卓复杂滑动案例 自定义behavior源码分析 实现头布局图片的缩放透明度变化,RecycleView的滑动布局,坐标变化

最新推荐文章于 2021-10-23 14:38:38 发布
最新推荐文章于 2021-10-23 14:38:38 发布
阅读量620 收藏
点赞数 1
分类专栏： android滑动
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_32441151/article/details/74535747
版权


#复杂滑动案例

* 上方图片放大,
* 透明
* 输入框,不断增大
    * 变色
* 滑动的时候,条目不会改变.
    * 再滑的时候,条目滑动

# 
* 1,让rv居于头部的下方
    * 方案?:
    * 1,重写layoutDependsOn 让当前rv去以来头部视图
    * 2,获取都以来的头部视图的高度onDependentViewChanged 设置给rv 设置setTranslationY
* 2,让rv跟着头部 向上平移
* 处理头部的向上平移:在onNestedPreScroll中计算移动距离,还没有真正移动
    * float newTranslationY = dependency.getTranslationY() - dy;
            //计算出最小平移的y的距离

            float minTranslationY = -(dependency.getHeight() - finalHeight);
            if (newTranslationY > minTranslationY) {
                dependency.setTranslationY(newTranslationY);
                /**
                 * 在图片折叠的情况下
                 * 1不允许RecycleView自身滚动,不能和图片一起平移
                 * 2只能和图片一起向上移动
                 */
                //1,
                consumed[1] = dy;
                //2,
            }
3,rv向上平移  
    onDependentViewChanged
     child.setTranslationY(dependency.getHeight()+dependency.getTranslationY());
    后面是一个负数,所以用+号
4,向下平移的处理,
*  onNestedScroll方法中
*  float newTranslation = dependency.getTranslationY() - dyUnconsumed;
        //平移的最大距离,坐标0
        if (newTranslation <0) {
            dependency.setTranslationY(newTranslation);
        }
* 5处理图片的缩放和透明都,变化
    * onDependentViewChanged中拿到移动百分比,
    * 按照百分比,进行图片的缩放,和透明度变化
* 6,手指快读滑动图片的缓慢打开和关闭 

    * 快速滑动 


<?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"
    >

    <ImageView
        android:src="@drawable/header"
        android:scaleType="centerCrop"
        android:id="@+id/iv"
        android:layout_width="match_parent"
        android:layout_height="300dp" />

    <android.support.v7.widget.RecyclerView
        android:background="#efffffff"
        app:layout_behavior="@string/HeaderScrollBehavior"
        android:id="@+id/rv"
        android:layout_width="match_parent"
        android:layout_height="match_parent"></android.support.v7.widget.RecyclerView>


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


package com.example.yangg.commplexscrol;

import android.content.Context;
import android.os.Handler;
import android.support.design.widget.CoordinatorLayout;
import android.support.v4.view.ViewCompat;
import android.support.v7.widget.RecyclerView;
import android.util.AttributeSet;
import android.util.Log;
import android.view.View;
import android.widget.Scroller;

/**
 * Created by yangg on 2017/7/6.
 */

public class HeaderScrollBehavior extends CoordinatorLayout.Behavior<RecyclerView> {
    private View dependency;
    private final Scroller mSroller;

    public HeaderScrollBehavior(Context context, AttributeSet attrs) {
        super(context, attrs);
        mSroller = new Scroller(context);
    }

    /**
     * 去定当前空间rv 以来的是哪个子试图
     */
    @Override
    public boolean layoutDependsOn(CoordinatorLayout parent, RecyclerView child, View dependency) {
        if (dependency.getId() == R.id.iv) {
            this.dependency = dependency;
            return true;
        }
        return false;
    }

    /**
     * 依赖的视图变化
     *
     * @param parent
     * @param child
     * @param dependency
     * @return rv 就是child
     * 让rv在y轴上平移一段距离:移动图片的高度
     * <p>
     * 1,图片向上折叠
     */
    @Override
    public boolean onDependentViewChanged(CoordinatorLayout parent, RecyclerView child, View dependency) {

        //把图片移动的高度给rv 图片走多少,rv就走多少
        child.setTranslationY(dependency.getHeight() + dependency.getTranslationY());
        /**
         * 在这个方法中控制图片的变化
         * 计算出移动的百分比,,图片就缩放百分之多少
         *
         */
        float persent = Math.abs(dependency.getTranslationY() / (dependency.getHeight() - finalHeight));
        dependency.setScaleX(1 + persent);
        dependency.setScaleY(1 + persent);
        dependency.setAlpha(1 - persent);
        return true;
    }

    /**
     * 判断 在嵌套滚动将要开始的时候,一般用于判断滚动方向  顺序1!!!
     *
     * @param coordinatorLayout
     * @param child
     * @param directTargetChild
     * @param target
     * @param nestedScrollAxes
     * @return
     */
    @Override
    public boolean onStartNestedScroll(CoordinatorLayout coordinatorLayout, RecyclerView child, View directTargetChild, View target, int nestedScrollAxes) {
        //判断垂直滚动,,滚动之前 告诉系统,垂直滚动
        return nestedScrollAxes == ViewCompat.SCROLL_AXIS_VERTICAL;
    }

    private float finalHeight = 150;

    /**
     * 在滚动之前,告诉系统,  要滚动的距离,dy
     * 在onStartNestedScroll 之后  顺序2!!!
     * 在嵌套滚动之前执行,这个方法在在onStartNestedScroll 执行
     * dy:y方向上移动的距离,值得是单位时间内手指移动的距离
     *
     * @param coordinatorLayout
     * @param child
     * @param target
     * @param dx
     * @param dy
     * @param consumed          :十一恶搞数组:消耗的x和y的距离
     *                          0元素:表示x方向系统小号的距离
     *                          1元素:表示y方向系统消耗 的距离
     */
    @Override
    public void onNestedPreScroll(CoordinatorLayout coordinatorLayout, RecyclerView child, View target, int dx, int dy, int[] consumed) {
        super.onNestedPreScroll(coordinatorLayout, child, target, dx, dy, consumed);
        //判断手指向下移动dy<=0  向上移动dy>0
        if (dy <= 0) {
            return;
        }

        //计算他移动了多少
        float newTranslationY = dependency.getTranslationY() - dy;
        //计算出最小平移的y的距离

        float minTranslationY = -(dependency.getHeight() - finalHeight);
        if (newTranslationY > minTranslationY) {
            dependency.setTranslationY(newTranslationY);
            /**
             * 在图片折叠的情况下
             * 1不允许RecycleView自身滚动,不能和图片一起平移
             * 2只能和图片一起向上移动
             */
            //1,
            consumed[1] = dy;
            //2,
        }

    }

    /**
     * 开始滚动                 顺序3!!!
     * 当rv 消耗掉,y方向上的距离,则dyUnconsumed不等于0
     *
     * @param coordinatorLayout
     * @param child
     * @param target
     * @param dxConsumed
     * @param dyConsumed
     * @param dxUnconsumed
     * @param dyUnconsumed
     */
    @Override
    public void onNestedScroll(CoordinatorLayout coordinatorLayout, RecyclerView child, View target, int dxConsumed, int dyConsumed, int dxUnconsumed, int dyUnconsumed) {
        super.onNestedScroll(coordinatorLayout, child, target, dxConsumed, dyConsumed, dxUnconsumed, dyUnconsumed);
        //Log.i("test", "dy--->" + dyConsumed);
        Log.i("test", "dyUnconsumed" + dyUnconsumed);
        /**
         * 向下移动dyUnconsumed <0的时候
         */
        if (dyUnconsumed > 0) {
            return;
        }
        float newTranslation = dependency.getTranslationY() - dyUnconsumed;
        //平移的最大距离,坐标0
        if (newTranslation <= 0) {
            dependency.setTranslationY(newTranslation);
        }
    }

    /**
     * Fling 快速滑动,执行, 猛动
     *
     * @param coordinatorLayout
     * @param child
     * @param target
     * @param velocityX
     * @param velocityY  表示快速滑动松开收瞬间y方向的的速度,向上为+ ,向下喂-
     * @return
     */
    //定义 boolean值,判断是否自动滚动中,,
    private boolean isScrolling = false;

    @Override
    public boolean onNestedPreFling(CoordinatorLayout coordinatorLayout, RecyclerView child, View target, float velocityX, float velocityY) {

        Log.i("test", "velocityY" + velocityY);

        if (!isScrolling) {
            return startExpandOrClose(velocityY);
        }
        Log.i("test", "onNestedPreFling");
        return super.onNestedPreFling(coordinatorLayout, child, target, velocityX, velocityY);
    }

    /**
     * 慢慢滚动的时候走这里
     *  父布局布局停止滚动的时候,执行一次,
     *  手指停了之后,又执行一次
     * @param coordinatorLayout
     * @param child
     * @param target
     */
    @Override
    public void onStopNestedScroll(CoordinatorLayout coordinatorLayout, RecyclerView child, View target) {
        super.onStopNestedScroll(coordinatorLayout, child, target);
       //800以下都可以,表示速度很慢
        startExpandOrClose(0);
        Log.i("test","onStopNestedScroll");
    }

    //在滚动被子视图接受的时候执行
    @Override
    public void onNestedScrollAccepted(CoordinatorLayout coordinatorLayout, RecyclerView child, View directTargetChild, View target, int nestedScrollAxes) {
        super.onNestedScrollAccepted(coordinatorLayout, child, directTargetChild, target, nestedScrollAxes);
        //如果我滑动的过程中的时候停止了,但是没有松开收调用onNestedScrollAccepted
        //继续滑动-->停止-->onNestedScrollAccepted
        //再执行,-->松开-->onNestedScrollAccepted  最后一次执行这个方法onNestedScrollAccepted
        //手指松开的一瞬间,我才真正停止,滚动了,
        //让动画禁止执行  ,,第二次不会被调用,第二次,的时候不影响上个方法,执行
        mSroller.abortAnimation();
    }

    private boolean startExpandOrClose(float velocityY) {
        //获取松开收瞬间,图片已经平移的距离
        float translationY = dependency.getTranslationY();
        float upFinalTranslationY = -(dependency.getHeight() - finalHeight);
        float downFinalTranslationY = 0;
        //dingyi boolean值却动是否闭合的状态fun东
        boolean isClose = false;
        if (Math.abs(velocityY) <= 800) {
            /**
             * 滑动过成中慢慢的抬起手,
             * 判断松开收时已经平移的位置 和 最向上品故意位置的差值的据对只进行比较
             */
            if (Math.abs(translationY) < Math.abs(translationY - upFinalTranslationY)) {
                isClose = false;
            } else {
                isClose = true;
            }

        } else {
            /**
             * 快速滑动
             */
            if (velocityY > 0) {//向上滑动
                //东松开收的钝剑位置自动滚动到完全闭合的位置
                isClose = true;
            } else {//向下滑动
                //完全展开
                isClose = false;
            }
        }

        //确定滚动的目标点
        float targetTranslationY = isClose ? upFinalTranslationY : downFinalTranslationY;
        int starY = (int) translationY;
        //变化的
        int dy = (int) (targetTranslationY - translationY);
        mSroller.startScroll(0, starY, 0, dy);
        handler.post(flingRunable);

        isScrolling = true;
        /**
         * ?????????????????????
         */
        return true;
    }

    private Handler handler = new Handler();

    private Runnable flingRunable = new Runnable() {
        @Override
        public void run() {

            //Scroller滚滚的用户那里
//            是一阵一帧的向前滚动的,眼不断的计算是否滚动到目标,如果未滚动到,则据需滚动
            //判断scroller是否滚动到莫表
            //这个方法还可以判断是否有一个新的小目标点
            if (mSroller.computeScrollOffset()) {
                //mSroller.getCurrY() 指获取下一个新的位置
                dependency.setTranslationY(mSroller.getCurrY());
                handler.post(this);
            }
        }
    };
}

HUAQINGING
关注
专栏目录
Android自定义Behavior
xinyang_code的博客
08-06 616
Behavior是CoordinatorLayout的核心，系统提供了一些实现好的效果，如ScrollingViewBehavior、BottomSheetBehavior、SwipeDismissBehavior等，但想要根据业务要求实现一些复杂的效果，还是需要掌握自定义Behavior。 如何自定义Behavior 自定义Behavior有两种方式,当然都需要继承Coordinator...
设置recycleView得滑动监听来实现头布局得颜色透明度状态改变
mintent的博客
03-15 1029
一般会在我们得 oncreat 里面 //设置状态栏根据滑动 透明度变化 MyScrow scrow = new MyScrow(this); scrow.onBindScrow(recyclerView); 然后是直接在我们得这个类MyScrow中进行一些滑动逻辑得操作。 package com.example.myapplication; impo...
安卓behavior详解2--自定义behavior简单案例
金福林的博客
09-16 948
一.前言有时候我们要实现一些复杂效果时候,系统提供的behavior并不能完全满足我们需求,这时候使用一些自定义behavior就方便多了,比如我们要做下面这中效果二.页面布局<?xml version="1.0" encoding="utf-8"?> <android.support.design.widget.CoordinatorLayout xmlns:android="http://sch
android——behavior(textview跟随button移动)
wy313622821的博客
10-23 385
1、textview跟随button移动 效果图： 代码： mainactivity public class MainActivity extends AppCompatActivity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.act.
Android CoordinatorLayout和Behavior的源码分析(一)
Zhouxiaomeng0209的博客
06-16 518
CoordinatorLayout布局，是“com.android.support:design”包中很重要的一个控件，通过为CoordinatorLayout（以下简称Col）的子view直接设置一个Behavior，可以定制出很棒的交互体验。本文从使用到源码解析来学习Col，源码基于23.3.0版本。 一、CoordinatorLayout和Behavior的源码分析
Recycleview实现复杂页面三种以上布局 瀑布流多布局 scrollview嵌套recyclerView 显示不全滑动冲突
03-09
本教程将深入探讨如何利用RecyclerView实现复杂的页面布局，包括瀑布流、多布局以及解决ScrollView与RecyclerView的嵌套问题及滑动冲突。 一、RecyclerView的多布局 RecyclerView支持多种布局管理器，如线性布局...
RecycleView 实现复杂首页布局
02-27
在本文中，我们将深入探讨如何利用 RecycleView 实现复杂的首页布局，就像你在描述中提到的那样，这种技术也被阿里巴巴的淘宝首页广泛应用。 一、RecycleView 基础 RecycleView 是 Android SDK 中的一个视图组件，...
Android RecycleView 实现左滑上下分层示例代码（自定义功能）
08-31
Android 实现左右滑动、RecycleView 横向滑动、RecycleView 滑动冲突，这些标签表明了本文的主要内容，即如何使用 RecycleView 实现左滑删除或其他自定义功能。 部分内容解释 在部分内容中，我们可以看到作者介绍了...
Unity-采用对象池+存储布局坐标 实现的UGUI无限滑动列表
11-18
这是一个采用 缓存池+存储布局坐标 实现的一个可横向或纵向滑动的无限滑动列表，当前可以满足大部分如背包，商店商城，工具栏，任务栏窗口等列表功能。 罗列最常用功能如下: - 支持整个列表刷新或单个对象刷新 - ...
Android-使用Behavior高仿实现UC浏览器首页上下滑动效果
08-13
使用Behavior高仿实现UC浏览器首页上下滑动效果
Material Design系列之Behavior实现Android知乎首页
09-01
主要为大家详细介绍了Material Design系列之Behavior实现Android知乎首页的相关资料,具有一定的参考价值，感兴趣的小伙伴们可以参考一下
用behavior实现recyclerView的下拉加载更多，水波纹效果
04-20
recyclerView； 自定义behavior； 水波纹效果；下拉加载
Android自定义行为Behavior的代码例子
03-08
Android自定义行为Behavior的代码例子。用于演示在CoordinatorLayout中，通过自定义Behavior实现两个控件实时互动的功能，包括：侧滑删除视图、女孩照镜子、定滑轮升降三种动画效果。
android behavior教程,Behavior的简单使用
weixin_35664081的博客
06-01 570
实现效果图20181211_160133.gif实现步骤1.布局文件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=...
安卓Behavior用法
ruiruiddd的博客
10-22 4006
原帖: link 一个神奇的控件——Android CoordinatorLayout与Behavior使用指南简名关注42016.07.07 18:36:10字数 1,086阅读 72,577CoordinatorLayout是support.design包中的控件，它可以说是Design库中最重要的控件。 本文通过模仿知乎介绍了自定义Behavior，通过模仿百度地图介绍了BottomSheetBehavior的使用。 1.CoordinatorLayout介绍 官方对CoordinatorLayout
Android-->Behavior上手入门
<angcyo>菜鸟视角
03-16 1052
开始布局时,方法回调顺序:1:StickBehavior([context, attrs])-> 2:onAttachedToLayoutParams([params])-> 3:layoutDependsOn([parent,child,dependency])->//当dependency是你需要监听的View时,需要返回true, 否则dependency View位置改变, 或者大小改变不
Android标题滑动透明
Time丶时光不曾
11-02 297
看了QQ标题滑动透明感觉还挺,霸气的,就想着自己搞一个出来,做出来的感觉还行,自己也封装了一次, 思路:根据上下滑动的距离来实现透明度,然后根据公式计算合适的值0~255之间( 滑动距离 / 你想要的高度 = 透明度) 部分思路参考互联网一个作者的.0.0忘记名字了... 显示效果如下: 2017-11-02-10mzjhfgh.gif 重写...
recycleview自定义布局
最新发布
04-13
可以使用 RecyclerView.Adapter 来自定义 RecyclerView 的布局。您需要创建一个继承自 RecyclerView.ViewHolder 的类来保存布局的视图，并在 RecyclerView.Adapter 中使用 onCreateViewHolder() 方法创建视图。然后，在 onBindViewHolder() 方法中使用视图来填充数据。这是一个简单的例子： public class MyAdapter extends RecyclerView.Adapter<MyAdapter.MyViewHolder> { private String[] mDataset; public static class MyViewHolder extends RecyclerView.ViewHolder { public TextView mTextView; public MyViewHolder(View v) { super(v); mTextView = (TextView) v.findViewById(R.id.textview); } } public MyAdapter(String[] myDataset) { mDataset = myDataset; } @Override public MyAdapter.MyViewHolder onCreateViewHolder(ViewGroup parent, int viewType) { View v = LayoutInflater.from(parent.getContext()) .inflate(R.layout.my_layout, parent, false); MyViewHolder vh = new MyViewHolder(v); return vh; } @Override public void onBindViewHolder(MyViewHolder holder, int position) { holder.mTextView.setText(mDataset[position]); } @Override public int getItemCount() { return mDataset.length; } }
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值