SlidingUpLayout

最新推荐文章于 2021-05-26 14:57:15 发布
最新推荐文章于 2021-05-26 14:57:15 发布
阅读量1.3k 收藏
点赞数
分类专栏： 自定义控件 文章标签： 自定义view
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/tz_1qu212/article/details/78106692
版权

效果如图：

代码如下：

public class SlidingUpLayout extends ViewGroup {
    private View mBelowView;
    private View mDragView;
    private View mAboveView;
    private ViewDragHelper mViewDragHelper;
    private float mAlpha;
    private float mSlideOffset;
    private float mAnchorPointer;
    private State mState = State.ANCHORED;
    private int mSettlePosition;

    public enum State {
        EXPANDED,
        COLLAPSED,
        ANCHORED
    }

    private OnStateChangedListener onStateChangedListener;

    public SlidingUpLayout(Context context) {
        this(context, null);
    }

    public SlidingUpLayout(Context context, AttributeSet attrs) {
        this(context, attrs, 0);
    }

    public SlidingUpLayout(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        TypedArray mTypedArray = context.obtainStyledAttributes(attrs, R.styleable.SlidingUpLayout);
        mAnchorPointer = mTypedArray.getFloat(R.styleable.SlidingUpLayout_anchorPointer, 0.6f);
        mTypedArray.recycle();
    }

    @Override
    protected void onFinishInflate() {
        super.onFinishInflate();
        mBelowView = getChildAt(0);
        mDragView = getChildAt(1);
        mAboveView = getChildAt(2);
        mViewDragHelper = ViewDragHelper.create(this, new SlidingUpViewDragHelper());
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        int measureHeight = MeasureSpec.getSize(heightMeasureSpec);
        int belowHeight = MeasureSpec.makeMeasureSpec(measureHeight, MeasureSpec.EXACTLY);
        mBelowView.measure(widthMeasureSpec, belowHeight);
        LayoutParams dragViewLayoutParams = mDragView.getLayoutParams();
        int dragViewWidth = MeasureSpec.makeMeasureSpec(dragViewLayoutParams.width, MeasureSpec.EXACTLY);
        int dragViewHeight = MeasureSpec.makeMeasureSpec(dragViewLayoutParams.height, MeasureSpec.EXACTLY);
        mDragView.measure(dragViewWidth, dragViewHeight);
        mAboveView.measure(widthMeasureSpec, heightMeasureSpec);
        setMeasuredDimension(widthMeasureSpec, heightMeasureSpec);
    }

    @Override
    protected void onLayout(boolean changed, int l, int t, int r, int b) {
        switch (mState) {
            case EXPANDED:
                mAlpha = (float) 0.5;
                mSlideOffset = 1;
                break;
            case COLLAPSED:
                mAlpha = 0;
                mSlideOffset = 0;
                break;
            case ANCHORED:
                mAlpha = (float) (mAnchorPointer * 0.5);
                mSlideOffset = mAnchorPointer;
                break;
        }
        int belowViewWidth = mBelowView.getMeasuredWidth();
        int belowViewHeight = mBelowView.getMeasuredHeight();
        mBelowView.layout(0, 0, belowViewWidth, belowViewHeight);
        int dragViewWidth = mDragView.getMeasuredWidth();
        int dragViewHeight = mDragView.getMeasuredHeight();
        mDragView.layout(belowViewWidth / 2 - dragViewWidth / 2,
                (int) (belowViewHeight - dragViewHeight - mSlideOffset * (belowViewHeight - dragViewHeight)),
                belowViewWidth / 2 + dragViewWidth / 2,
                (int) (belowViewHeight - mSlideOffset * (belowViewHeight - dragViewHeight)));
        int aboveViewWidth = mAboveView.getMeasuredWidth();
        int aboveViewHeight = mAboveView.getMeasuredHeight();
        mAboveView.layout(0,
                (int) (belowViewHeight - mSlideOffset * (belowViewHeight - dragViewHeight)),
                aboveViewWidth,
                (int) (belowViewHeight + aboveViewHeight - mSlideOffset * (belowViewHeight - dragViewHeight)));
    }

    @Override
    protected boolean drawChild(Canvas canvas, View child, long drawingTime) {
        boolean result;
        @SuppressLint("WrongConstant") final int save = canvas.save(Canvas.CLIP_SAVE_FLAG);

        if (child == mBelowView) {
            Rect mTmpRect = new Rect();
            canvas.getClipBounds(mTmpRect);
            mTmpRect.bottom = mAboveView.getTop();
            canvas.clipRect(mTmpRect);

            result = super.drawChild(canvas, child, drawingTime);
            Paint mCoveredFadePaint = new Paint();
            final int baseAlpha = 0xff000000 >>> 24;
            final int imag = (int) (baseAlpha * mAlpha);
            final int color = imag << 24;
            mCoveredFadePaint.setColor(color);
            canvas.drawRect(mTmpRect, mCoveredFadePaint);
        } else {
            result = super.drawChild(canvas, child, drawingTime);
        }

        canvas.restoreToCount(save);

        return result;
    }

    @Override
    public void computeScroll() {
        if (mViewDragHelper.continueSettling(true)) {
            invalidate();
        }
    }

    @Override
    public boolean onInterceptTouchEvent(MotionEvent ev) {
        mViewDragHelper.processTouchEvent(ev);
        return mViewDragHelper.shouldInterceptTouchEvent(ev);
    }

    @Override
    public boolean dispatchTouchEvent(MotionEvent ev) {
        return super.dispatchTouchEvent(ev);
    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        mViewDragHelper.processTouchEvent(event);
        return true;
    }

    class SlidingUpViewDragHelper extends ViewDragHelper.Callback {

        @Override
        public boolean tryCaptureView(View child, int pointerId) {
            return child == mDragView;
        }

        @Override
        public int clampViewPositionHorizontal(View child, int left, int dx) {
            if (child == mDragView) {
                return mBelowView.getWidth() / 2 - mDragView.getWidth() / 2;
            }
            return super.clampViewPositionHorizontal(child, left, dx);
        }

        @Override
        public int clampViewPositionVertical(View child, int top, int dy) {
            if (top > mBelowView.getMeasuredHeight() - mDragView.getMeasuredHeight()) {
                mSettlePosition = mBelowView.getMeasuredHeight() - mDragView.getMeasuredHeight();
                return mBelowView.getMeasuredHeight() - mDragView.getMeasuredHeight();
            } else if (top < 0) {
                mSettlePosition = 0;
                return 0;
            } else {
                mSettlePosition = top - mDragView.getMeasuredHeight();
                mAlpha = (float) ((mBelowView.getMeasuredHeight() - mDragView.getMeasuredHeight() - top) * 0.5 / (mBelowView.getMeasuredHeight()
                        - mDragView.getMeasuredHeight()));
            }
            return top;
        }

        @Override
        public void onViewPositionChanged(View changedView, int left, int top, int dx, int dy) {
            if (changedView == mDragView) {
                mAboveView.layout(0,
                        top + mDragView.getMeasuredHeight(),
                        mAboveView.getMeasuredWidth(),
                        mAboveView.getMeasuredHeight() + top + mDragView.getMeasuredHeight());
            }
            super.onViewPositionChanged(changedView, left, top, dx, dy);
        }

        @Override
        public void onViewReleased(View releasedChild, float xvel, float yvel) {
            if (mSettlePosition > mBelowView.getMeasuredHeight() - mAnchorPointer * mBelowView.getMeasuredHeight() / 2 - mDragView.getMeasuredHeight()) {
                mDragView.layout(mBelowView.getMeasuredWidth() / 2 - mDragView.getMeasuredWidth() / 2,
                        mBelowView.getMeasuredHeight() - mDragView.getMeasuredHeight(),
                        mBelowView.getMeasuredWidth() / 2 + mDragView.getMeasuredWidth() / 2,
                        mBelowView.getMeasuredHeight());
                mAboveView.layout(0,
                        mBelowView.getMeasuredHeight(),
                        mAboveView.getMeasuredWidth(),
                        mBelowView.getMeasuredHeight() + mAboveView.getMeasuredHeight());
                mState = State.COLLAPSED;
            } else if (mSettlePosition <= mBelowView.getMeasuredHeight() - mAnchorPointer * mBelowView.getMeasuredHeight() / 2 - mDragView.getMeasuredHeight()
                    && mSettlePosition > mBelowView.getMeasuredHeight() - mAnchorPointer * mBelowView.getMeasuredHeight() * 3 / 2 - mDragView.getMeasuredHeight()) {
                mDragView.layout(mBelowView.getMeasuredWidth() / 2 - mDragView.getMeasuredWidth() / 2,
                        (int) (mBelowView.getMeasuredHeight() - mAnchorPointer * mBelowView.getMeasuredHeight() - mDragView.getMeasuredHeight()),
                        mBelowView.getMeasuredWidth() / 2 + mDragView.getMeasuredWidth() / 2,
                        (int) (mBelowView.getMeasuredHeight() - mAnchorPointer * mBelowView.getMeasuredHeight()));
                mAboveView.layout(0,
                        (int) (mBelowView.getMeasuredHeight() - mAnchorPointer * mBelowView.getMeasuredHeight()),
                        mAboveView.getMeasuredWidth(),
                        (int) (mBelowView.getMeasuredHeight() - mAnchorPointer * mBelowView.getMeasuredHeight() + mAboveView.getMeasuredHeight()));
                mState = State.ANCHORED;
            } else {
                mDragView.layout(mBelowView.getMeasuredWidth() / 2 - mDragView.getMeasuredWidth() / 2,
                        0,
                        mBelowView.getMeasuredWidth() / 2 + mDragView.getMeasuredWidth() / 2,
                        mDragView.getMeasuredHeight());
                mAboveView.layout(0,
                        mDragView.getMeasuredHeight(),
                        mAboveView.getMeasuredWidth(),
                        mDragView.getMeasuredHeight() + mAboveView.getMeasuredHeight());
                mState = State.EXPANDED;
            }
            switch (mState) {
                case EXPANDED:
                    mAlpha = (float) 0.5;
                    break;
                case COLLAPSED:
                    mAlpha = 0;
                    break;
                case ANCHORED:
                    mAlpha = (float) (mAnchorPointer * 0.5);
                    break;
            }
            super.onViewReleased(releasedChild, xvel, yvel);
        }
    }

    public void setAnchorPointer(float anchorPointer) {
        this.mAnchorPointer = anchorPointer;
        postInvalidate();
    }

    public void setState(State state) {
        this.mState = state;
        postInvalidate();
    }

    public void setOnStateChangedListener(OnStateChangedListener onStateChangedListener) {
        this.onStateChangedListener = onStateChangedListener;
    }

    public interface OnStateChangedListener {
        public void onStateChanged(State state);
    }

}

注意：需要依赖V4包 

implementation 'com.android.support:support-v4:26.0.1'
attrs.xml文件 

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <declare-styleable name="SlidingUpLayout">
        <attr name="anchorPointer" format="float"/>
    </declare-styleable>
</resources>
布局文件 

<?xml version="1.0" encoding="utf-8"?>
<com.example.a1qu212.myapplication.SlidingUpLayout 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"
    app:anchorPointer="0.44">

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@android:color/holo_red_dark"/>

    <RelativeLayout
        android:layout_width="100dp"
        android:layout_height="50dp"
        android:background="@android:color/holo_green_dark"/>

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@android:color/black"/>

</com.example.a1qu212.myapplication.SlidingUpLayout>
存在的问题：

计算不够准确；


参考https://github.com/umano/AndroidSlidingUpPanel



tz_1qu212
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
关于AndroidStudio中引用AndroidLibrary(Module)的方法 ——以一个github上的SlidingUpPanelLayout为例。
tangzhide的博客
08-27 2107
关于AndroidStudio中引用AndroidLibrary(Module)的方法     ——以一个github上的控件为例。 控件说明：         这个控件是一个使用自定义属性的AndroidStudio项目，AndroidSlidingUpPanel， 效果类似于百度地图底部的视图View，可以上拉，遮盖住原来的视图。       jar和arr包都是静态类库，可以
Android-SlideSupport-ListLayouts 使用简介
牧秦丶
12-25 1269
Android-SlideSupport-ListLayouts 是一款用于为 Android 上的 List 排布提供左滑右滑操作的库。目前支持的 Layout 主要有： ListView、RecyclerView、ScrollView、ExpandableListView 等。另外还可以与 SwpieRefreshLayout、PullToRefresh 等等第三方库协同工作。
错误: 找不到符号 符号: 变量 CLIP_SAVE_FLAG 位置: 类 Canvas
sanyuv的博客
02-15 426
当API是28时调用canvas.save(Canvas.CLIP_SAVE_FLAG);方法时报错 final int save = canvas.save(Canvas.CLIP_SAVE_FLAG); ^ ����: ���� CLIP_SAVE_FLAG λ��: �� Canvas 解决办法：直接调canvas.save(); google在android P中删除了canvas.save(...
SlidingUpPanelLayout：可以上下滑动的菜单布局
珠穆朗玛小王子的博客
12-21 4496
前言 这几天正在研究几个比较有名的开源项目，偶然发现了SlidingUpPanelLayout这个神器，经过一番研究，和大家一起分享一下学习心得。 如果要使用滑动菜单，目前最流行的应该是DrawerLayout，这个由谷歌开源的控件已经被放在android包中，使用起来非常的方便，唯一的遗憾是DrawerLayout只支持左右滑动的菜单，但是并不支持上下滑动的菜单，我们今天要介绍的SlidingU...
让任意view具有滑动效果的SlideUp
gundumw100的专栏
04-10 1131
基本的类，只有一个： import android.animation.Animator; import android.animation.ValueAnimator; import android.view.MotionEvent; import android.view.View; import android.view.ViewTreeObserver; import and
Android自定义View-----上下拖动布局--SlideContentLayout
Garment1991的专栏
04-15 4660
    仿照百度地图的上层地址列表的上拉、下拉的拖动效果，当手指离开屏幕时，地址列表有三种状态：全部展示，展示一半，隐藏到底部。特点继承于RelativeLayout，不用我们自己测量、布局、绘制View。可以嵌套不同的View，包括RecyclerView、ListView等，并实现滑动事件冲突的处理。View的移动动画的实现，使用setY()，通过设置View的位置，实现移动动画。Veloci...
android自定义上拉控件
12-04
在`SlidingUpLayout`中，可能还会包含一些附加功能，例如设置滑动的最小阈值、是否启用阻尼效果、以及是否允许用户在任意位置开始滑动等。这些可以通过设置公开的属性和方法来控制。此外，为了提供更好的可扩展性，...
实现上拉抽屉功能
lixinxiaos的博客
06-28 2373
一个上拉抽屉的控件，不多说，直接看吧 首先，导入依赖 implementation 'top.iwill.mylib:slideuplayout:1.0.1' 使用说明 1、 添加布局文件 第一个儿童布局为正常布局（LinearLayout中布局1），第二个为上拉布局（的LinearLayout布局2）。正常请立即获取iTunes预览 布局2的第一个默认为上拉的控件，不能消费onTouch事件。...
android录音机的一些问题整理
水迹专栏
05-25 2243
一、不用service实现后台录音功能 1.在onPause（）方法内实现： if (mRecorder.state() == Recorder.RECORDING_STATE) {             if (mMode == true) {                 mRecorder.stop();                 return;
手机拨接状态(PhoneStateListener之onCallStateChanged)
jamesssemaj的专栏
02-22 5324
监听手机的状态可以使用PhoneStateListener对象，重写其中的onCallStateChanged，通过传入的状态判读来电的状态。要使用PhoneStateListener，在activity  onCreate()时，需要取得系统 里的TelephonyManager服务(getSystemService(Context.TELEPHONE_SERVICE)) activity代码
【Android开发】开源库AndroidSlidingUpPanel详解
BrilliantEagle的专栏
04-04 9437
1 WikiAndroidSlidingUpPanel提供了一种通过向上拖动添加额外面板（sliding panel）的开源库，由Umano公司开发提供。下图是Umano的客户端。 Umano公司是成立于2012年的创业公司，他们雇佣专业的声音演员，提供新闻的朗读服务，于2015年底被DropBox收购。2 相关资料Github主页：https://github.com/umano/Andro
向上滑动飞进来SlidingUpPanelLayout
bbDseven的博客
12-19 1532
xmlns:android="http://schemas.android.com/apk/res/android" xmlns:sothree="http://schemas.android.com/apk/res-auto" android:id="@+id/sliding_layout" android:layout_width="match_parent"
有关于SlidingUpPanelLayout的使用
yd992594492的博客
10-21 4570
这是第一次将自己所学的东西写到网上，只是对SlidingUpPanelLayout的使用进行一些解释，因为我是一个英文不好的人，很多东西用过都需要下来，不然时间一长就会忘记，然后又得花时间去根据源码试属性和方法。闲话不多说，进入主题，SlidingUpPanelLayout是一个github上的一位大神开发的控件，作用如下： 很酷炫的一个控件，使用起来也是很方便，首先
有哪位大神用过开源项目SlidingUpPanelLayout
lengwoshang2602的博客
12-30 304
最近在用这个做项目。 但是有个疑问，官方的说明文件没有说明，demo也没有说明； 1.我的pannelHeight高度设为0的时候，想要把它的触摸事件转移到主layout的一个ViewChild上，也就是说我拉动ViewChild也能使pannel覆盖主layout。 2.我要用代码控制pannel覆盖或者不覆盖。 我知道用setDragView这个方法，可以讲panel的覆盖事件加到指定
Android 上拉面板 AndroidSlidingUpPanel
wu_jian_wu的博客
03-26 3646
上拉详情的时候接触到的，还是这平安的插件使用到的，折腾死我了，所以希望不要重蹈我的覆辙。这个开源控件相当强大，我了解的仅仅是一点点，希望知道多的留下博客网址供点击！ AndroidSlidingUpPanel 是一个上拉面板, 就是向上滑动的时候往上飞出一个显示面板控件, 该库效果在 Google Music, Google Maps and Rdio等 App 中用到。 用法：
DraggerViewHalper-任意摆放-底部拖动布局
weixin_33829657的博客
11-12 153
先看效果图 源码 Paste_Image.png 001.gif 002.gif 先说一下为什么要写这两个控件 DraggingPanelLayout 15年的时候，我接到个需求， 做一个仿猿题库的布局，那时候在github上搜了很多SlidingUpLayo...
android开发步步为营之100:开源项目SlidingUpPanelLayout简单用法
飞在江湖的专栏
04-26 4348
最近需要做一个可上划面板的效果，目前github上有个开源的还是挺好用的，介绍给大家          开源项目地址          https://github.com/chenee/slidingUpPanel           什么是可上划的面板，先看下效果 上划前： 上划后： 好的，开始我们的demo。 第一步、app build.grad
ScrollView在SlidingUpPanelLayout中下滑无效问题
沸腾不起来时，就安静沉淀
10-24 969
当在ScrollableView(即, 可上下滑动的ViewGroup)中含有ScrollView时，向上滑动ScrollableView至其全部上移展示出来时，继续向上滑动时ScrollView会响应滑动事件向上滑动，但是此时抬起手后再向下滑动时，首先响应滑动事件的是ScrollabldView，这就导致ScrollView无法下滑，解决该问题一种简单有效的实践： SlidingUpPanel
android中按钮凹下去,Android transitions- slide in and slide out（边沿里凹外凸）
weixin_30556871的博客
05-26 260
I've recently been looking at the androidplatform and having some fun with writing some small apps. I wantedto do some interesting transitions between views, and decided tohave a go at a transition we...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值