Android修行手册-溢出父布局的按钮实现点击

Unity3D特效百例案例项目实战源码Android-Unity实战问题汇总
游戏脚本-辅助自动化Android控件全解手册再战Android系列
Scratch编程案例软考全系列Unity3D学习专栏
蓝桥系列ChatGPT和AIGC

👉关于作者

专注于Android/Unity和各种游戏开发技巧，以及各种资源分享（网站、工具、素材、源码、游戏等）
有什么需要欢迎底部卡片私我，交流让学习不再孤单。

在这里插入图片描述

👉实践过程

有两种方案

😜方案一

方案一是在整个Activity窗口捕捉点击事件。

@Override
public boolean onTouchEvent(MotionEvent event) {
    //首先定义一个数组用来接收按钮的坐标xy值
    int[] xy = new int[2];
    //获取按钮的top/left xy值
    //button变量我在onCreat()函数中已经获取了控件，具体按实际情况写
    button.getLocationOnScreen(xy);
	//再定义一个数组用来计算控件的bottom/right xy值
    int[] xy_end = new int[2];
    xy_end[0] = buttom.getWidth() + xy[0];
    xy_end[1] = buttom.getHeight() + xy[1];
	//现在我们已经得到了按钮的左上坐标和右下坐标
	//两个点可以确定一个矩形嘛  event里包含了点击的信息；
	//我们判断点击的坐标是否在按钮坐标内，实际就是判断点击的xy值是否在上述矩形中；
    if (event.getX() >= xy[0] && event.getX() <= xy_end[0]
        && event.getY() >= xy[1] && event.getY() <= xy_end[1]) {
        //如果是，那么就执行里边的代码，在这里我们可以callOnClick()按钮
		//实际体验了一番，发现轻点一下和长按均可以激活按钮；
		//但是，我的按钮拥有animate()事件，所以连续点击会在动画未完成时再次点击按钮，
		//所以我做了个判断，让动画未完成时不再执行点击，机制如我
		//实际中，读者完全不用这两行代码
		//让我看看有哪些读者看都不看直接复制代码--手动滑稽
		//虽说站在巨人肩膀上，但是也要搞懂其原理才不会摔下来。
        if (isMoreShow == false && xy[0] >= button.getHeight())
            return false;
		//我们callOnClick了按钮，也就是模拟点击了按钮；
        button.callOnClick();
        return false;
    }
    return super.onTouchEvent(event);
}

不足之处也很明显，如果页面点击事件要素过多，写入的判断就很多了，毕竟你是整个 Activity 自己处理事件了。

😜推荐方案二：委托

小应用场景：有时候一个按钮效果很小，就很难触发点击事件，我们通常会增大下这个点击区间范围。
大应用场景：我实现了多个脑图的功能，里面因为方便画线穿插过某个UI，就用到了此类知识。
在这里插入图片描述
其他情况多种多样，相信看这篇文章的你也是因为有这个需求才查找的。

小应用场景的实现很简单：

  1. 直接增大 View 的宽高，然后给View设置内边距 padding ；或者直接嵌套一层给这个父设置点击，但这会增加布局嵌套进而消耗性能。
  2. 利用委托功能直接增大点击的区间范围。
    /**
     * 扩展点击区域的范围
     * @param view       需要扩展的元素，此元素必需要有父级元素
     * @param expendSize 需要扩展的尺寸，当然也可以分别设置增大范围
     */
    public static void expendTouchArea(final View view, final int expendSize) {
        if (view != null) {
            final View parentView = (View) view.getParent();

            parentView.post(new Runnable() {
                @Override
                public void run() {
                    Rect rect = new Rect();
                    view.getHitRect(rect); 
                    rect.left -= expendSize;
                    rect.top -= expendSize;
                    rect.right += expendSize;
                    rect.bottom += expendSize;
                    parentView.setTouchDelegate(new TouchDelegate(rect, view));
                }
            });
        }
    }

事实是，委托就是系统给我们提供的扩大控件点击区域判断范围的代理方式，我们看下View类的源码。

class View{
    /**
     * The delegate to handle touch events that are physically in this view
     * but should be handled by another view.
     */
    private TouchDelegate mTouchDelegate = null;
	public boolean onTouchEvent(MotionEvent event) {
		//...
		if (mTouchDelegate != null) {
            if (mTouchDelegate.onTouchEvent(event)) {
                return true;
            }
        }
	}
    /**
     * Sets the TouchDelegate for this View.
     */
    public void setTouchDelegate(TouchDelegate delegate) {
        mTouchDelegate = delegate;
    }
}

从源码中可以看到如果设置了TouchDelegate，touchEvent会优先交给TouchDelegate来处理。

package android.view;
import android.graphics.Rect;
/**
 * Helper class to handle situations where you want a view to have a larger touch area than its
 * actual view bounds. The view whose touch area is changed is called the delegate view. This
 * class should be used by an ancestor of the delegate. To use a TouchDelegate, first create an
 * instance that specifies the bounds that should be mapped to the delegate and the delegate
 * view itself.
 * The ancestor should then forward all of its touch events received in its
 * {@link android.view.View#onTouchEvent(MotionEvent)} to {@link #onTouchEvent(MotionEvent)}.
 */
public class TouchDelegate {
    private View mDelegateView;
    private Rect mBounds;
    private boolean mDelegateTargeted;
    public TouchDelegate(Rect bounds, View delegateView) {
        mBounds = bounds;
        mDelegateView = delegateView;
    }
    public boolean onTouchEvent(MotionEvent event) {
        int x = (int) event.getX();
        int y = (int) event.getY();
        boolean sendToDelegate = false;
        boolean hit = true;
        boolean handled = false;
        switch (event.getActionMasked()) {
            case MotionEvent.ACTION_DOWN:
                mDelegateTargeted = mBounds.contains(x, y);
                sendToDelegate = mDelegateTargeted;
                break;
                //...
        }
        if (sendToDelegate) {
            final View delegateView = mDelegateView;
            if (hit) {
                // Offset event coordinates to be inside the target view
                event.setLocation(delegateView.getWidth() / 2, delegateView.getHeight() / 2);
            } else {
                // Offset event coordinates to be outside the target view (in case it does
                // something like tracking pressed state)
                int slop = mSlop;
                event.setLocation(-(slop * 2), -(slop * 2));
            }
            handled = delegateView.dispatchTouchEvent(event);
        }
        return handled;
    }
}

从源码中 可以看到，创建TouchDelegate 需要传入一个Rect(left,top,right,bottom) 和delegateView, onTouchEvent触发时，会通过这个Rect来判断点击事件是否落在区域内，如果是 则转发给代理view来处理该事件。

😜复杂场景实现-重点

子 View 超出父布局显示，然后触发点击事件，同样利用的委托功能，但是因为要处理 Touch 需要自定义一下。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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"
    android:clipChildren="false"
    android:clipToPadding="false"
    android:id="@+id/rootLay"
    android:orientation="vertical"
    tools:context=".MainActivity"
    tools:ignore="HardcodedText,InOrMmUsage">
    
    <cn.akitaka.test.TestOverClick
        android:id="@+id/testLay"
        android:layout_width="200mm"
        android:layout_height="200mm"
        android:background="@color/crane_swl_color_3"
        android:clipChildren="false"
        android:clickable="true"
        android:clipToPadding="false">
<!--特别留意，因为是自定义的RelativeLayout，Touch时间默认只有个down，需要设置可点击才能回调所有的事件-->
        <Button
            android:id="@+id/idBtnTest"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginStart="300mm"
            android:text="Excel"
            android:textSize="26mm" />
    </cn.akitaka.test.TestOverClick>
</LinearLayout>

/**
 * @author akitaka 2023/11/22 960576866@qq.com
 * @describe TestOverClick
 */
public class TestOverClick extends RelativeLayout {

    public TestOverClick(Context context) {
        super(context);
    }

    public TestOverClick(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    public TestOverClick(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }

    public TestOverClick(Context context, AttributeSet attrs, int defStyleAttr, int defStyleRes) {
        super(context, attrs, defStyleAttr, defStyleRes);
    }

    private void initClickRect() {
        View rootParent = ((View) getParent());// 获取父视图
        rootParent.post(() -> {// 将当前代码放在消息队列中异步执行
            Rect rect = new Rect();// 创建一个矩形对象
            // 获取当前视图的点击区域  如果太早执行本函数，会获取rect失败，因为此时UI界面尚未开始绘制，无法获得正确的坐标
            getHitRect(rect);
            rect.left -= 0;
            rect.top -= 0;
            //布局中控件是距离左300像素 控件本身是200 他俩的中间间距为100 加上按钮的本身宽度
            rect.right += AutoSizeUtils.mm2px(getContext(), 100) + btn.getWidth();
            rect.bottom += 0;

            rootParent.setTouchDelegate(new TouchDelegate(rect, this));  // 设置根视图的触摸委托为当前视图
        });
    }

    private Button btn;//外部的按钮对象设置

    public void setBtn(Button btn) {
        this.btn = btn;
        initClickRect();
    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        Log.e("TAG", "事件类型: " + event.getAction());
        int x = (int) event.getX();
        int y = (int) event.getY();
//        if () {  TODO  重点注意
//            //这个if判断是你点击的x、y坐标是否在按钮的范围内，不在的话直接进行return不处理即可
//            //具体的区间判断范围，就需要自己的项目具体调整了。
//            return true;
//        }
        switch (event.getAction()) {
            case MotionEvent.ACTION_DOWN:
                Log.e("TAG", "按下事件: " + btn);
                btn.setBackgroundResource(R.color.purple_200);
                break;
            case MotionEvent.ACTION_UP:
                btn.performClick();
                Log.e("TAG", "抬起事件: " + btn);
                HandlerUtils.INSTANCE.postRunnable(() -> {
                    btn.setBackgroundResource(R.color.purple_700);
                }, 30);//30毫秒延迟
                break;
            default:
                break;
        }
        return super.onTouchEvent(event);
    }
}

public class MainActivity extends FragmentActivity {
		@Override
		protected void onCreate(Bundle savedInstanceState) {
				super.onCreate(savedInstanceState);
				setContentView(R.layout.activity_main);
				TestOverClick testLay = findViewById(R.id.testLay);
				Button idBtnTest = findViewById(R.id.idBtnTest);
				idBtnTest.setOnClickListener(v -> Log.e("TAG", "点击了内容: "));
				testLay.setBtn(idBtnTest);
		}
}

上面的注释简直是保姆级的了。

  1. 自定义 TestOverClick 嵌套了个子 Button 控件，设置android:clickable="true"可点击，设置属性android:clipChildren="false"和android:clipToPadding="false"实现超出区域可见。
  2. 自定义 TestOverClick 有个方法 initClickRect 是用来设置点击响应区域的，咱们向右侧进行了扩大，红色为默认响应区域，经过计算：布局中控件是距离左300像素 控件本身是200 他俩的中间间距为100 加上按钮的本身宽度。右侧增加了绿框范围的响应区域。
    在这里插入图片描述
  3. 接着我们在 onTouchEvent 函数中做两个处理：处理一是判断下点击的区间，通过计算允许在按钮范围内处理，否则的话直接消耗事件，这样就假装模拟出了只响应按钮了。处理二是在事件中抬起的时候回调下按钮的模拟点击事件，就会进入业务逻辑。注意我们真正点击的其实是父控件，只不过模拟点击了按钮。
  4. 默认模拟点击是没有点击效果的，所以我们在 onTouchEvent 中 down 和 up 的时候自己更改下按钮背景状态即可完美实现点击UI变化。
  5. activity 中直接使用即可，我们内部需要用到按钮，记得要传递进去按钮对象。

😜题外

一个Parent只能设置一个View的TouchDelegate，设置多个时只有最后设置的生效。
如果想恢复 View 的触摸范围：

/**
 * 还原View的触摸和点击响应范围,最小不小于View自身范围
 */
public static void restoreViewTouchDelegate(final View view) {
	((View) view.getParent()).post(new Runnable() {
		@Override
		public void run() {
			Rect bounds = new Rect();
			bounds.setEmpty();
			TouchDelegate touchDelegate = new TouchDelegate(bounds, view);
			if (View.class.isInstance(view.getParent())) {
				((View) view.getParent()).setTouchDelegate(touchDelegate);
			}
		}
	});
}

还没懂？下方卡片联系我，手把手教你。

👉其他

📢作者：小空和小芝中的小空
📢转载说明-务必注明来源：https://zhima.blog.csdn.net/
📢这位道友请留步☁️，我观你气度不凡，谈吐间隐隐有王者霸气💚，日后定有一番大作为📝！！！旁边有点赞👍收藏🌟今日传你，点了吧，未来你成功☀️，我分文不取，若不成功⚡️，也好回来找我。

温馨提示：点击下方卡片获取更多意想不到的资源。
空名先生

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mfbz.cn/a/176380.html

如若内容造成侵权/违法违规/事实不符，请联系我们进行投诉反馈qq邮箱809451989@qq.com，一经查实，立即删除！

相关文章

随机微分方程的MATLAB数值求解

随机微分方程的MATLAB数值求解

dt0.01; tout200; %总时间为2 xzeros(1,tout); x(1)0.5; %初始位置 mu0.2; sigma1; Wtsqrt(dt)*randn(1,tout); %产生随机序列Wt for t1:tout-1x(t1)x(t)mu*x(t)*dtsigma*x(t)*Wt(t); end t11:10:tout; %对原时间序列进行抽样 xtzeros(1,length(t1)); i1; for tt1xt(i)0.5*exp(…
阅读更多...
2023年11月25日(星期六）骑行三家村

2023年11月25日(星期六）骑行三家村

2023年11月25日 (星期六) 骑行三家村(赏红杉林&#xff09;&#xff0c;早8:30到9:00&#xff0c; 大观公园门囗集合&#xff0c;9:30准时出发 【因迟到者&#xff0c;骑行速度快者&#xff0c;可自行追赶偶遇。】 偶遇地点:大观公园门口集合 &#xff0c;家住东&#xff0c;南…
阅读更多...
【算法萌新闯力扣】：两句话中的不常见单词

【算法萌新闯力扣】：两句话中的不常见单词

力扣热题&#xff1a;两句话中的不常见单词 开篇 今天是备战蓝桥杯的第19天&#xff0c;今天到目前刷了4道力扣算法题。其中&#xff0c;这道题是对我来说收获最大的一道&#xff0c;让我更熟练地掌握了一些算法题中方法&#xff0c;于是来与大家分享一下。 题目链接: 884.两…
阅读更多...
web自动化测试-Selenium语法入门到精通

web自动化测试-Selenium语法入门到精通

前言 说到自动化测试&#xff0c;就不得不提大名鼎鼎的Selenium。Selenium 是如今最常用的自动化测试工具之一&#xff0c;支持快速开发自动化测试框架&#xff0c;且支持在多种浏览器上执行测试。 Selenium学习难度小&#xff0c;开发周期短。对测试人员来说&#xff0c;如果…
阅读更多...
vue中列表渲染

vue中列表渲染

列表渲染 实际开发中&#xff0c;使用每条数据的唯一标识作为key,也就是对于数组列表&#xff0c;对象中的属性如&#xff1a;id、手机号、身份证号、学号等唯一值&#xff0c;对象列表同理 只要不对列表的逆序添加&#xff0c;逆序删除等破坏顺序的操作&#xff0c;仅用于渲染…
阅读更多...
微信小程序：This Mini Program cannot be opened as your Weixin version is out-of-date.

微信小程序：This Mini Program cannot be opened as your Weixin version is out-of-date.

项目场景&#xff1a; 问题描述 升级基础库3.2.0&#xff0c;然后PC端整个小程序都打不开了&#xff0c;点击小程序提示”This Mini Program cannot be opened as your Weixin version is out-of-date. Update Weixin to the latest version.“&#xff0c;并且点击Update Wei…
阅读更多...
新手怎样快速上手接口测试？掌握这几个知识点直接起飞！

新手怎样快速上手接口测试？掌握这几个知识点直接起飞！

接口测试是测试系统组件间接口的一种方式&#xff0c;接口测试主要用于检测外部系统与系统之间以及内部各个子系统之间的交互点。测试的重点是检查数据的增删改查操作&#xff0c;以及系统之间的逻辑关系等。 接口的几种类型 接口的类型包括&#xff1a;post &#xff0c;get&…
阅读更多...
最新AIGC创作系统ChatGPT网站源码，Midjourney绘画系统，支持最新GPT-4-Turbo模型，支持DALL-E3文生图

最新AIGC创作系统ChatGPT网站源码，Midjourney绘画系统，支持最新GPT-4-Turbo模型，支持DALL-E3文生图

一、AI创作系统 SparkAi创作系统是基于OpenAI很火的ChatGPT进行开发的Ai智能问答系统和Midjourney绘画系统&#xff0c;支持OpenAI-GPT全模型国内AI全模型。本期针对源码系统整体测试下来非常完美&#xff0c;可以说SparkAi是目前国内一款的ChatGPT对接OpenAI软件系统。那么如…
阅读更多...
自动化发展趋势以及自动化测试常见问题解析

自动化发展趋势以及自动化测试常见问题解析

前言 ⾃动化接⼝测试会越来越受到重视 在移动互联⽹时代&#xff0c;对于质量的要求⽐PC时代⾼的多&#xff0c;⽽投⼊产出⽐最⾼的⾃动化接⼝测试&#xff0c;将会是⼤部分公司的⾸选⽅向&#xff0c;但需要严格掌握⼀门语⾔ 持续集成是⽬前⾮常流⾏的开发⽅式&#xff0c;…
阅读更多...
《向量数据库指南》——向量数据库Milvus Cloud搭建Excel公式编辑器助手

《向量数据库指南》——向量数据库Milvus Cloud搭建Excel公式编辑器助手

引言 在日常工作中，Excel是我们经常使用的办公工具，而熟练应用Excel公式对于提高工作效率非常重要。然而，有时候我们会遇到一些复杂的需求，需要用到较为专业的Excel公式，而这正是Excel公式编辑器助手的用武之地。本文将介绍如何利用向量数据库Milvus Cloud搭建GPT大模型和…
阅读更多...
铸就匠心，打造西部最具权威的行业商会组织

铸就匠心，打造西部最具权威的行业商会组织

中国商报陕西报道&#xff08;记者 朱清平&#xff09;西安市五金机电商会(以下简称商会)第二届一次会员代表大会暨新任理事、监事就职典礼于11月17日在西安经开洲际酒店召开。 商会于2018年10月成立,在5年的发展中,依托“一带一路”发展的“快车道”,通过新丝路国际工业品数字…
阅读更多...
Threejs_12 物体阴影的实现

Threejs_12 物体阴影的实现

所以在Threejs的画布世界之中&#xff0c;一个物体有自己的影子呢&#xff1f; 阴影效果的实现 你需要先知道在threejs世界中&#xff0c;有哪些灯光或者材质是可以产生阴影效果的 环境光没有阴影 平行光有阴影(太阳) 点光源有阴影(灯泡) 聚光灯有阴影(手电筒) 平面光源没有…
阅读更多...
自主创新操作系统KeyarchOS的崛起

自主创新操作系统KeyarchOS的崛起

自主创新操作系统KeyarchOS的崛起 写在前面 在计算机中&#xff0c;操作系统是其最基本也是最为重要的基础性系统软件。从计算机用户的角度来说&#xff0c;计算机操作系统体现为其提供的各项服务&#xff1b;从程序员的角度来说&#xff0c;其主要是指用户登录的界面或者接口…
阅读更多...
qlik为app添加定时调度

qlik为app添加定时调度

1&#xff0c;进入qmc/Apps 2&#xff0c;搜索需要添加调度的APP 3&#xff0c;搜索到后双击点开Tasks 4&#xff0c;新增Tasks---点击Create New 5&#xff0c;添加调度器 6&#xff0c;设置调度&#xff0c;双击新增的调度&#xff0c;注意选择时区
阅读更多...
从mysql源码编译出相应的库和可执行文件及搭建mysql服务端

从mysql源码编译出相应的库和可执行文件及搭建mysql服务端

目录 1. 问题的提出 2. 源码下载 3. 升级或安装某些前置软件 3.1. 升级CMake 3.2. 升级gcc、g 4. 安装依赖库 4.1. 安装OpenSSL 4.2. 安装Curses 4.3. 安装pkg-config 5. 编译、安装 6. 编译结果、配置 7. 编译错误处理 7.1. 错误1 7.2. 错误2 8. 搭建mysql数…
阅读更多...
解决vue中引入天地图显示不全问题，设置setTimeout即可解决！

解决vue中引入天地图显示不全问题，设置setTimeout即可解决！

index.html中引入天地图api <script type"text/javascript" src"https://api.tianditu.gov.cn/api?v4.0&tk你的key"></script>map.vue中初始化天地图 //初始化天地图 initTMap() {const T window.T;// 3.初始化地图对象this.tMap new…
阅读更多...
【Linux】历史发展及安装

【Linux】历史发展及安装

目录 1. 前言2. Linux历史背景2.1 发展史2.1.1 UNIX发展的历史2.1.2 Linux发展历史 3. 开源4.Linux系统安装4.1 Linux系统选择4.2 登陆 1. 前言 从今天开始学习一门新课程Linux&#xff0c;会以博客的形式分享自己的学习笔记。如有问题请指出&#xff0c;大家共同进步。 2. L…
阅读更多...
wvp-gb28181-pro打包

wvp-gb28181-pro打包

生成可执行jar cd wvp-GB28181-pro mvn package复制错误已复制 生成war cd wvp-GB28181-pro mvn package -P war 生成的包的路径 wvp-GB28181-pro\target
阅读更多...
双12电视盒子推荐：测评员解析目前电视盒子哪个最好

双12电视盒子推荐：测评员解析目前电视盒子哪个最好

电视盒子不需要每月缴费&#xff0c;只需联网就可以收看海量视频资源&#xff0c;游戏、网课、投屏等功能让电视盒子的使用场景更丰富&#xff0c;我每年都会进行数十次电视盒子测评&#xff0c;本期要分享的是双十二电视盒子推荐&#xff0c;全面解析目前电视盒子哪个最好。 一…
阅读更多...
边缘计算多角色智能计量插座 x 资产显示标签：实现资产追踪与能耗管理的无缝结合

边缘计算多角色智能计量插座 x 资产显示标签：实现资产追踪与能耗管理的无缝结合

越来越多智慧园区、智慧工厂、智慧医院、智慧商业、智慧仓储物流等企业商家对精细化、多元化智能生态应用场景的提升&#xff0c;顺应国家节能减排、环保的时代潮流&#xff0c;设计一款基于融合以太网/WiFi/蓝牙智能控制的智能多角色插座应运而生&#xff0c;赋予智能插座以遥…
阅读更多...
最新文章

Copyright @ 2022~2023