使用ViewDragHelper打造属于自己的DragLayout(抽屉开关 )

2024-06-23 09:04

本文主要是介绍使用ViewDragHelper打造属于自己的DragLayout(抽屉开关 ),希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

</com.xujun.drawerLayout.drag.DragLayout>

在代码中若想为其设置监听器,

分别可以监听打开的 时候,关闭的时候,拖动的时候,可以在里面做相应的处理,同时我还加入了 自定义属性可以通过 app:range=”480”或者setRange()方法,即可设置打开抽屉的范围。

mDragLayout.setDragStatusListener(new OnDragStatusChangeListener() {

@Override

public void onOpen() {

Utils.showToast(MainActivity.this, “onOpen”);

// 左面板ListView随机设置一个条目

Random random = new Random();

Log.i(TAG, “onOpen:=” +mDragLayout.getRange());

int nextInt = random.nextInt(50);

mLeftList.smoothScrollToPosition(nextInt);

}

@Override

public void onDraging(float percent) {

Log.d(TAG, "onDraging: " + percent);// 0 -> 1

// 更新图标的透明度

// 1.0 -> 0.0

ViewHelper.setAlpha(mHeaderImage, 1 - percent);

}

@Override

public void onClose() {

Utils.showToast(MainActivity.this, “onClose”);

// 让图标晃动

ObjectAnimator mAnim = ObjectAnimator.ofFloat(mHeaderImage, “translationX”, 15.0f);

mAnim.setInterpolator(new CycleInterpolator(4));

mAnim.setDuration(500);

mAnim.start();

}

});


实现方式


关于ViewDragHelper的一些 讨论

DrawLayout在网上的 实现方式很多,千奇百怪,有一些是直接监听 onTouchEvent事件,处理Activon_Move,Action_Down,Action_up等动作,这样实现的话稍微有点复杂。本篇博客是使用ViewDragHelper来 处理触摸事件和拖拽事件的的,ViewDragHelper是2013Google IO大会推出的,目的是为了给开发者提供一个处理触摸事件,节省开发者的时间。

关于Google官方 关于ViewDragHelper的解释,简单来说就是处理ViewGroup的 触摸事件和拖拽事件

ViewDragHelper is a utility class for writing custom ViewGroups. It offers a number of useful operations and state tracking for allowing a user to drag and reposition views within their parent ViewGroup.

实现思路

  • 1) 我是通过继承FrameLayout来实现的,相比较于继承ViewGroup来实现,这样有一个好处就是省去了自己重写 onMeasure (),onLayout ()方法

  • 2)在构造方法里面初始化mDragHelper,mSensitivity代表打开抽屉的 难易程度,是Float类型,至于mCallback是什么,下面会详细讲,这里先不着急。

public DragLayout(Context context, AttributeSet attrs, int defStyle) {

super(context, attrs, defStyle);

initAttars(context, attrs);

// a.初始化 (通过静态方法)

mDragHelper = ViewDragHelper.create(this, mSensitivity, mCallback);

}

  • 3)重写 onInterceptTouchEvent和onTouchevent 方法 ,将事件交给

// b.传递触摸事件

@Override

public boolean onInterceptTouchEvent(MotionEvent ev) {

// 传递给mDragHelper

return mDragHelper.shouldInterceptTouchEvent(ev);

}

/***

  • 将事件交给mDragHelper处理

  • @param event

  • @return

*/

@Override

public boolean onTouchEvent(MotionEvent event) {

try {

mDragHelper.processTouchEvent(event);

} catch (Exception e) {

e.printStackTrace();

}

// 返回true, 持续接受事件

return true;

}

  • 4)重写onFinishInflate方法,在里面拿到 我们的侧滑菜单mLeftContent和主菜单mMainContent

@Override

protected void onFinishInflate() {

super.onFinishInflate();

// 容错性检查 (至少有俩子View, 子View必须是ViewGroup的子类)

if (getChildCount() < 2) {

throw new IllegalStateException("布局至少有俩孩子. Your ViewGroup must have 2 children at " +

“least.”);

}

if (!(getChildAt(0) instanceof ViewGroup && getChildAt(1) instanceof ViewGroup)) {

throw new IllegalArgumentException("子View必须是ViewGroup的子类. Your children must be an " +

“instance of ViewGroup”);

}

mLeftContent = (ViewGroup) getChildAt(0);

mMainContent = (ViewGroup) getChildAt(1);

}


下面我们一起来看一下这个mCallBack是什么东西

看之前我们需要了解Status和OnDragStatusChangeListener这两个东西。
  • Status代表DrawLayout 当前的状态,是否是打开,关闭还是拖拽。

  • OnDragStatusChangeListener是个监听器,在DrawLayout状态改变的时候会回调相关的方法,方便与外界进行通讯。

  • 我们可以通过 setDragStatusListener(OnDragStatusChangeListener mListener);这个方法设置监听

/**

  • 状态枚举

*/

public static enum Status {

Close, Open, Draging;

}

/**

  • 抽屉开关的监听器

*/

public interface OnDragStatusChangeListener {

void onClose();

void onOpen();

void onDraging(float percent);

}

接下来我们来看ViewDragHelper.Callback几个主要的方法


tryCaptureView(View child, int pointerId)

Called when the user’s input indicates that they want to capture the given child view with the pointer indicated by pointerId.

onViewCaptured(View capturedChild, int activePointerId)

Called when a child view is captured for dragging or settling.

getViewHorizontalDragRange(View child)

Return the magnitude of a draggable child view’s horizontal range of motion in pixels.

clampViewPositionHorizontal(View child, int left, int dx)

Restrict the motion of the dragged child view along the horizontal axis.

onViewPositionChanged(View changedView, int left, int top, int dx, int dy)

Called when the captured view’s position changes as the result of a drag or settle.

onViewReleased(View releasedChild, float xvel, float yvel)

Called when the child view is no longer being actively dragged.

谷歌官方的连接;https://developer.android.com/reference/android/support/v4/widget/ViewDragHelper.Callback.html


下面的代码有关于这几个方法的中文解释,这里就不详细讲解了

ViewDragHelper.Callback mCallback = new ViewDragHelper.Callback() {

// d. 重写事件

// 1. 根据返回结果决定当前child是否可以拖拽

// child 当前被拖拽的View

// pointerId 区分多点触摸的id

@Override

public boolean tryCaptureView(View child, int pointerId) {

Log.d(TAG, "tryCaptureView: " + child);

return mToogle;

}

@Override

public void onViewCaptured(View capturedChild, int activePointerId) {

Log.d(TAG, "onViewCaptured: " + capturedChild);

// 当capturedChild被捕获时,调用.

super.onViewCaptured(capturedChild, activePointerId);

}

@Override

public int getViewHorizontalDragRange(View child) {

// 返回拖拽的范围, 不对拖拽进行真正的限制. 仅仅决定了动画执行速度

Log.i(TAG, “getViewHorizontalDragRange:mRange=” +mRange);

return mRange;

}

// 2. 根据建议值 修正将要移动到的(横向)位置 (重要)

// 此时没有发生真正的移动

public int clampViewPositionHorizontal(View child, int left, int dx) {

// child: 当前拖拽的View

// left 新的位置的建议值, dx 位置变化量

// left = oldLeft + dx;

Log.d(TAG, "clampViewPositionHorizontal: "

  • "oldLeft: " + child.getLeft() + " dx: " + dx + " left: " + left);

if (child == mMainContent) {

left = fixLeft(left);

}

return left;

}

// 3. 当View位置改变的时候, 处理要做的事情 (更新状态, 伴随动画, 重绘界面)

// 此时,View已经发生了位置的改变

@Override

public void onViewPositionChanged(View c​
hangedView, int left, int top,

int dx, int dy) {

// changedView 改变位置的View

// left 新的左边值

// dx 水平方向变化量

super.onViewPositionChanged(changedView, left, top, dx, dy);

Log.d(TAG, "onViewPositionChanged: " + "left: " + left + " dx: " + dx);

int newLeft = left;

if (changedView == mLeftContent) {

// 把当前变化量传递给mMainContent

newLeft = mMainContent.getLeft() + dx;

}

// 进行修正

newLeft = fixLeft(newLeft);

if (changedView == mLeftContent) {

// 当左面板移动之后, 再强制放回去.

mLeftContent.layout(0, 0, 0 + mWidth, 0 + mHeight);

mMainContent.layout(newLeft, 0, newLeft + mWidth, 0 + mHeight);

}

// 更新状态,执行动画

dispatchDragEvent(newLeft);

// 为了兼容低版本, 每次修改值之后, 进行重绘

invalidate();

}

// 4. 当View被释放的时候, 处理的事情(执行动画)

@Override

public void onViewReleased(View releasedChild, float xvel, float yvel) {

// View releasedChild 被释放的子View

// float xvel 水平方向的速度, 向右为+

// float yvel 竖直方向的速度, 向下为+

Log.d(TAG, "onViewReleased: " + "xvel: " + xvel + " yvel: " + yvel);

super.onViewReleased(releasedChild, xvel, yvel);

// 判断执行 关闭/开启

// 先考虑所有开启的情况,剩下的就都是关闭的情况

if (xvel == 0 && mMainContent.getLeft() > mRange / 2.0f) {

open();

} else if (xvel > 0) {

open();

} else {

close();

}

}

@Override

public void onViewDragStateChanged(int state) {

// TODO Auto-generated method stub

super.onViewDragStateChanged(state);

}

};

其实主要思路就是

  • 1)在方法public boolean tryCaptureView(View child, int pointerId)处理那些child可以被捕捉,这里我们返回true表示所有的都可以被捕捉

  • 2)在public int clampViewPositionHorizontal(View child, int left, int dx)方法中根据child返回将要移动的水平位置的偏移量

  • 3)在 void onViewPositionChanged(View changedView, int left, int top, int dx, int dy)方法中处理要做的事情 包括更新状态, 伴随动画, 重绘界面等

public void onViewPositionChanged(View changedView, int left, int top, int dx, int dy) {

// 进行修正

newLeft = fixLeft(newLeft);

if (changedView == mLeftContent) {

// 当左面板移动之后, 再强制放回去.

mLeftContent.layout(0, 0, 0 + mWidth, 0 + mHeight);

mMainContent.layout(newLeft, 0, newLeft + mWidth, 0 + mHeight);

if (changedView == mLeftContent) {

// 把当前变化量传递给mMainContent

newLeft = mMainContent.getLeft() + dx;

}

}

// 更新状态,执行动画

dispatchDragEvent(newLeft);

// 为了兼容低版本, 每次修改值之后, 进行重绘

invalidate();

}

protected void dispatchDragEvent(int newLeft) {

float percent = newLeft * 1.0f / mRange;

//0.0f -> 1.0f

Log.d(TAG, "percent: " + percent);

if (mListener != null) {

mListener.onDraging(percent);

}

// 更新状态, 执行回调

Status preStatus = mStatus;

mStatus = updateStatus(percent);

if (mStatus != preStatus) {

// 状态发生变化

if (mStatus == Status.Close) {

// 当前变为关闭状态

if (mListener != null) {

mListener.onClose();

}

} else if (mStatus == Status.Open) {

if (mListener != null) {

最后

小编这些年深知大多数初中级Android工程师,想要提升自己,往往是自己摸索成长,自己不成体系的自学效果低效漫长且无助

因此我收集整理了一份《2024年Android移动开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友。

一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人

都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!

资料⬅专栏获取
" + percent);

if (mListener != null) {

mListener.onDraging(percent);

}

// 更新状态, 执行回调

Status preStatus = mStatus;

mStatus = updateStatus(percent);

if (mStatus != preStatus) {

// 状态发生变化

if (mStatus == Status.Close) {

// 当前变为关闭状态

if (mListener != null) {

mListener.onClose();

}

} else if (mStatus == Status.Open) {

if (mListener != null) {

最后

小编这些年深知大多数初中级Android工程师,想要提升自己,往往是自己摸索成长,自己不成体系的自学效果低效漫长且无助

因此我收集整理了一份《2024年Android移动开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友。

[外链图片转存中…(img-ltiQLwvx-1719098040066)]一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人

都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!

资料⬅专栏获取

这篇关于使用ViewDragHelper打造属于自己的DragLayout(抽屉开关 )的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1086719

相关文章

中文分词jieba库的使用与实景应用(一)

知识星球:https://articles.zsxq.com/id_fxvgc803qmr2.html 目录 一.定义: 精确模式(默认模式): 全模式: 搜索引擎模式: paddle 模式(基于深度学习的分词模式): 二 自定义词典 三.文本解析   调整词出现的频率 四. 关键词提取 A. 基于TF-IDF算法的关键词提取 B. 基于TextRank算法的关键词提取

使用SecondaryNameNode恢复NameNode的数据

1)需求: NameNode进程挂了并且存储的数据也丢失了,如何恢复NameNode 此种方式恢复的数据可能存在小部分数据的丢失。 2)故障模拟 (1)kill -9 NameNode进程 [lytfly@hadoop102 current]$ kill -9 19886 (2)删除NameNode存储的数据(/opt/module/hadoop-3.1.4/data/tmp/dfs/na

Hadoop数据压缩使用介绍

一、压缩原则 (1)运算密集型的Job,少用压缩 (2)IO密集型的Job,多用压缩 二、压缩算法比较 三、压缩位置选择 四、压缩参数配置 1)为了支持多种压缩/解压缩算法,Hadoop引入了编码/解码器 2)要在Hadoop中启用压缩,可以配置如下参数

Makefile简明使用教程

文章目录 规则makefile文件的基本语法:加在命令前的特殊符号:.PHONY伪目标: Makefilev1 直观写法v2 加上中间过程v3 伪目标v4 变量 make 选项-f-n-C Make 是一种流行的构建工具,常用于将源代码转换成可执行文件或者其他形式的输出文件(如库文件、文档等)。Make 可以自动化地执行编译、链接等一系列操作。 规则 makefile文件

使用opencv优化图片(画面变清晰)

文章目录 需求影响照片清晰度的因素 实现降噪测试代码 锐化空间锐化Unsharp Masking频率域锐化对比测试 对比度增强常用算法对比测试 需求 对图像进行优化,使其看起来更清晰,同时保持尺寸不变,通常涉及到图像处理技术如锐化、降噪、对比度增强等 影响照片清晰度的因素 影响照片清晰度的因素有很多,主要可以从以下几个方面来分析 1. 拍摄设备 相机传感器:相机传

pdfmake生成pdf的使用

实际项目中有时会有根据填写的表单数据或者其他格式的数据,将数据自动填充到pdf文件中根据固定模板生成pdf文件的需求 文章目录 利用pdfmake生成pdf文件1.下载安装pdfmake第三方包2.封装生成pdf文件的共用配置3.生成pdf文件的文件模板内容4.调用方法生成pdf 利用pdfmake生成pdf文件 1.下载安装pdfmake第三方包 npm i pdfma

零基础学习Redis(10) -- zset类型命令使用

zset是有序集合,内部除了存储元素外,还会存储一个score,存储在zset中的元素会按照score的大小升序排列,不同元素的score可以重复,score相同的元素会按照元素的字典序排列。 1. zset常用命令 1.1 zadd  zadd key [NX | XX] [GT | LT]   [CH] [INCR] score member [score member ...]

git使用的说明总结

Git使用说明 下载安装(下载地址) macOS: Git - Downloading macOS Windows: Git - Downloading Windows Linux/Unix: Git (git-scm.com) 创建新仓库 本地创建新仓库:创建新文件夹,进入文件夹目录,执行指令 git init ,用以创建新的git 克隆仓库 执行指令用以创建一个本地仓库的

【北交大信息所AI-Max2】使用方法

BJTU信息所集群AI_MAX2使用方法 使用的前提是预约到相应的算力卡,拥有登录权限的账号密码,一般为导师组共用一个。 有浏览器、ssh工具就可以。 1.新建集群Terminal 浏览器登陆10.126.62.75 (如果是1集群把75改成66) 交互式开发 执行器选Terminal 密码随便设一个(需记住) 工作空间:私有数据、全部文件 加速器选GeForce_RTX_2080_Ti

【Linux 从基础到进阶】Ansible自动化运维工具使用

Ansible自动化运维工具使用 Ansible 是一款开源的自动化运维工具,采用无代理架构(agentless),基于 SSH 连接进行管理,具有简单易用、灵活强大、可扩展性高等特点。它广泛用于服务器管理、应用部署、配置管理等任务。本文将介绍 Ansible 的安装、基本使用方法及一些实际运维场景中的应用,旨在帮助运维人员快速上手并熟练运用 Ansible。 1. Ansible的核心概念