Android 扩大View可点击区域范围

有时候会遇到这种需求:本身控件显示在很小的范围内,但是要求扩大可点击的区域。根据官方文档https://developer.android.com/develop/ui/views/touch-and-input/gestures/viewgroup?hl=zh-cn#delegate可以得知通过 TouchDelegate 类,让父视图能够将子视图的可触摸区域扩展到子视图的边界之外。当子节点必须很小但需要更大的触摸区域时,这非常有用。
给个例子:
布局文件activity_main.xml如下:设置的TextView对应的宽和高都只有10dp

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 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"tools:context=".MainActivity"><TextViewandroid:id="@+id/tv_test"android:layout_width="10dp"android:layout_height="10dp"android:background="#e8e8e8"android:gravity="center"android:layout_centerInParent="true"android:text="Hello World" /></RelativeLayout>

对面的activity文件如下:
扩大textView对应的上下左右点击区域为500
● int paddingLeft = 500;
● int paddingRight = 500;
● int paddingTop = 500;
● int paddingBottom = 500;

package com.example.addview;import androidx.appcompat.app.AppCompatActivity;import android.graphics.Rect;
import android.os.Bundle;
import android.view.TouchDelegate;
import android.view.View;
import android.view.ViewTreeObserver;
import android.widget.TextView;
import android.widget.Toast;public class MainActivity extends AppCompatActivity {@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);final TextView testTextView = (TextView) findViewById(R.id.tv_test);testTextView.setOnClickListener(new View.OnClickListener() {int cnt = 0;@Overridepublic void onClick(View v) {cnt++;Toast.makeText(MainActivity.this, "you clicked me" + " " + cnt + " times", Toast.LENGTH_SHORT).show();}});final View parent = (View) testTextView.getParent();int paddingLeft = 500;int paddingRight = 500;int paddingTop = 500;int paddingBottom = 500;testTextView.post(new Runnable() {@Overridepublic void run() {Rect bounds = new Rect();testTextView.getHitRect(bounds);bounds.left -= paddingLeft;bounds.top -= paddingTop;bounds.right += paddingRight;bounds.bottom += paddingBottom;TouchDelegate mTouchDelegate = new TouchDelegate(bounds,testTextView);//设置parent的TouchDelegate,parent执行TouchDelegate的onTouchEvent方法会去调用代理的TextView的dispatchTouchEvent方法parent.setTouchDelegate(mTouchDelegate);}});}
}

然后截图就可以看到点击不是该控件显示的空白区域,也可以响应到该view的click事件。

在这里插入图片描述

总结:
通过PaddingLeft来扩大Android控件可点击区域的步骤如下:
● 首先,在 xml 文件中添加你的控件,并设置它的 paddingLeft 属性值。这个值应该设置为你希望扩大的像素值。
● 使用 TouchDelegate 类来创建一个代理对象,然后将它与控件绑定。代理对象告诉 Android 系统点击事件的触发范围。
● 然后使用 View.post 方法将扩大控件的宽度和高度的代码放在消息队列中。

那么为什么通过TouchDelegate类来创建的代理对象,与控件绑定以后可以扩大控件的宽度和高度呢?
从源码中可以看到如果设置了TouchDelegate,touchEvent会优先交给TouchDelegate来处理。

public class TouchDelegate {/*** View that should receive forwarded touch events*/private View mDelegateView;/*** Bounds in local coordinates of the containing view that should be mapped to the delegate* view. This rect is used for initial hit testing.*/// 传入一个Rect对象private Rect mBounds;/*** mBounds inflated to include some slop. This rect is to track whether the motion events* should be considered to be within the delegate view.*/private Rect mSlopBounds;/*** True if the delegate had been targeted on a down event (intersected mBounds).*/@UnsupportedAppUsageprivate boolean mDelegateTargeted;/*** The touchable region of the View extends above its actual extent.*/public static final int ABOVE = 1;/*** The touchable region of the View extends below its actual extent.*/public static final int BELOW = 2;/*** The touchable region of the View extends to the left of its actual extent.*/public static final int TO_LEFT = 4;/*** The touchable region of the View extends to the right of its actual extent.*/public static final int TO_RIGHT = 8;private int mSlop;/*** Touch delegate information for accessibility*/private TouchDelegateInfo mTouchDelegateInfo;/*** Constructor** @param bounds Bounds in local coordinates of the containing view that should be mapped to*        the delegate view* @param delegateView The view that should receive motion events*/public TouchDelegate(Rect bounds, View delegateView) {// 接收对应的view控件和扩大的区域mBounds = bounds;mSlop = ViewConfiguration.get(delegateView.getContext()).getScaledTouchSlop();mSlopBounds = new Rect(bounds);mSlopBounds.inset(-mSlop, -mSlop);mDelegateView = delegateView;}/*** Forward touch events to the delegate view if the event is within the bounds* specified in the constructor.** @param event The touch event to forward* @return True if the event was consumed by the delegate, false otherwise.*/public boolean onTouchEvent(@NonNull MotionEvent event) {// 获取事件的坐标x,yint x = (int)event.getX();int y = (int)event.getY();boolean sendToDelegate = false;boolean hit = true;boolean handled = false;switch (event.getActionMasked()) {// 如果是ACTION_DOWN事件,判断事件的位置x,y是否落在扩大的区域mBounds内case MotionEvent.ACTION_DOWN:mDelegateTargeted = mBounds.contains(x, y);sendToDelegate = mDelegateTargeted;break;case MotionEvent.ACTION_POINTER_DOWN:case MotionEvent.ACTION_POINTER_UP:case MotionEvent.ACTION_UP:case MotionEvent.ACTION_MOVE:sendToDelegate = mDelegateTargeted;if (sendToDelegate) {Rect slopBounds = mSlopBounds;if (!slopBounds.contains(x, y)) {hit = false;}}break;case MotionEvent.ACTION_CANCEL:sendToDelegate = mDelegateTargeted;mDelegateTargeted = false;break;}// 如果落在扩大的区域内if (sendToDelegate) {if (hit) {// 设置该事件对应的触发位置// Offset event coordinates to be inside the target viewevent.setLocation(mDelegateView.getWidth() / 2, mDelegateView.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 = mDelegateView.dispatchTouchEvent(event);}return handled;}...
}

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

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

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

【复盘】记录一次JVM 异常问题 java.lang.OutOfMemoryError: unable to create new native thread

背景是最新运营提了一个需求&#xff0c;需要根据用户信息拉去三分机构的信贷数据&#xff0c;需要达到一天百万级别&#xff0c;但是经过实际测试&#xff0c;也只能达到40W量级&#xff0c;具体就是通过起多个Spring Boot项目&#xff0c;每个项目1S拉一个用户&#xff0c;基…

使用 Rust 进行程序

首先&#xff0c;我们需要安装必要的库。在终端中运行以下命令来安装 scraper 和 reqwest 库&#xff1a; rust cargo install scraper reqwest 然后&#xff0c;我们可以开始编写程序。以下是一个基本的爬虫程序&#xff0c;用于爬取 上的图片&#xff1a; rust use reqwe…

接口自动化测试分层设计与实践总结01

本文以笔者当前使用的自动化测试项目为例&#xff0c;浅谈分层设计的思路&#xff0c;不涉及到具体的代码细节和某个框架的实现原理&#xff0c;重点关注在分层前后的使用对比&#xff0c;可能会以一些伪代码为例来说明举例。 接口测试三要素&#xff1a; 参数构造 发起请求&…

C#,数值计算——偏微分方程,Relaxation的计算方法与源程序

1 文本格式 using System; namespace Legalsoft.Truffer { public class Relaxation { private Relaxation() { } public static void sor(double[,] a, double[,] b, double[,] c, double[,] d, double[,] e, double[,] f, double[,] u, double rjac) …

Python基础(第五期): python数据容器(序列) 列表 集合 元素 字符串 字典 序列遍历操作

python基础专栏 python基础&#xff08;第五期&#xff09; 文章目录 python基础&#xff08;第五期&#xff09;数据容器一、列表1、列表的定义2、列表的下标索引 3、列表的(添加)方法3.1 列表的查询方法3.2 修改特定下标索引的值3.3 列表指定位置插入元素3.3 列表指定元素的追…

Elasticsearch:搜索架构

Elasticsearch 全文检索的复杂性 为了理解为什么全文搜索是一个很难解决的问题&#xff0c;让我们想一个例子。 假设你正在托管一个博客发布网站&#xff0c;其中包含数亿甚至数十亿的博客文章&#xff0c;每个博客文章包含数百个单词&#xff0c;类似于 CSDN。 执行全文搜索…

【Unity细节】为什么UI移动了锚点,中心点和位置,运行的时候还是不在设置的位置当中

&#x1f468;‍&#x1f4bb;个人主页&#xff1a;元宇宙-秩沅 hallo 欢迎 点赞&#x1f44d; 收藏⭐ 留言&#x1f4dd; 加关注✅! 本文由 秩沅 原创 &#x1f636;‍&#x1f32b;️收录于专栏&#xff1a;unity细节和bug &#x1f636;‍&#x1f32b;️优质专栏 ⭐【…

数据约束及增删改查(CRUD)进阶-MySQL

文章目录 一、数据库约束1.1 约束类型1.2 NULL约束1.3 UNIQUE&#xff1a;唯一约束1.4 DEFAULT&#xff1a;默认值约束1.5 PRIMARY KEY&#xff1a;主键约束1.6 FOREIGN KEY&#xff1a;外键约束1.7 CHECK 约束&#xff08;了解&#xff09; 二、表的设计2.1 一对一2.2 一对多2…

kimera论文阅读

功能构成&#xff1a; Kimera包括四个关键模块: Kimera-VIO的核心是基于gtsam的VIO方法[45]&#xff0c;使用IMUpreintegration和无结构视觉因子[27]&#xff0c;并在EuRoC数据集上实现了最佳性能[19]; Kimera-RPGO:一种鲁棒姿态图优化(RPGO)方法&#xff0c;利用现代技术进…

代码随想录 Day38 完全背包问题 LeetCode T70 爬楼梯 T322 零钱兑换 T279 完全平方数

前言 在今天的题目开始之前,让我们来回顾一下之前的知识,动规五部曲 1.确定dp数组含义 2.确定dp数组的递推公式 3.初始化dp数组 4.确定遍历顺序 5.打印dp数组来排错 tips: 1.当求取物品有限的时候用0-1背包,求取物品无限的时候用完全背包 结果是排列还是组合也有说法,当结果是组…

vue 实现在线预览Excel-LuckyExcel/LuckySheet实现方案

一、准备工作 1. npm安装 luckyexcel npm i -D luckyexcel 2.引入luckysheet 注意&#xff1a;引入luckysheet&#xff0c;只能通过CDN或者直接引入静态资源的形式&#xff0c;不能npm install。 个人建议直接下载资源引入。我给你们提供一个下载资源的地址&#xff1a; …

JVM虚拟机:垃圾回收器之Parallel Scavenge

本文重点 在前面的课程中,我们学习了新生代的串行化垃圾回收器Serial,本文我们将学习新生代的另外一个垃圾回收器Parallel Scavenge(PS),PS是一个并行化的垃圾回收器,它使用复制算法来清理新生代的垃圾。 运行方式 如上所示,当进行垃圾回收的时候,它会暂停工作线程,而…

【图像分类】【深度学习】【Pytorch版本】AlexNet模型算法详解

【图像分类】【深度学习】【Pytorch版本】AlexNet模型算法详解 文章目录 【图像分类】【深度学习】【Pytorch版本】AlexNet模型算法详解前言AlexNet讲解卷积层的作用卷积过程特征图的大小计算公式Dropout的作用AlexNet模型结构 AlexNet Pytorch代码完整代码总结 前言 AlexNet是…

Mac电脑录屏软件 Screen Recorder by Omi 中文最新

Screen Recorder by Omi是一款屏幕录制软件&#xff0c;它可以帮助用户轻松地录制屏幕活动&#xff0c;并将其保存为高质量的视频文件。 该软件提供了多种录制选项&#xff0c;包括全屏录制、选择区域录制和单窗口录制等&#xff0c;同时提供了丰富的设置选项&#xff0c;如视…

数据集划分:手动划分文件夹中的图片数据集为训练集、验证集和测试集

1.需求 手动划分文件夹中的图片数据集为训练集、验证集和测试集&#xff0c;即进行文件夹中的数据集&#xff08;都是图片&#xff09;进行划分。 2.步骤 使用文件处理库&#xff08;如os&#xff09;遍历读取文件夹中的图片文件。将读取到的图片文件路径存储到列表中。打乱…

Golang源码分析之golang/sync之singleflight

1.1. 项目介绍 golang/sync库拓展了官方自带的sync库&#xff0c;提供了errgroup、semaphore、singleflight及syncmap四个包&#xff0c;本次分析singlefliht的源代码。 singlefliht用于解决单机协程并发调用下的重复调用问题&#xff0c;常与缓存一起使用&#xff0c;避免缓存…

〔001〕虚幻 UE5 安装教程

✨ 目录 🎈 下载启动程序🎈 注册个人账户🎈 选择引擎版本🎈 选择安装选项🎈 虚幻商城的使用🎈 每月免费插件🎈 安装插件🎈 下载启动程序 下载地址:https://www.unrealengine.com/zh-CN/download点击上面地址,下载 UE5 启动程序并安装🎈 注册个人账户 打开商…

用Rust和Scraper库编写图像爬虫的建议

本文提供一些有关如何使用Rust和Scraper库编写图像爬虫的一般建议&#xff1a; 1、首先&#xff0c;你需要安装Rust和Scraper库。你可以通过Rustup或Cargo来安装Rust&#xff0c;然后使用Cargo来安装Scraper库。 2、然后&#xff0c;你可以使用Scraper库的Crawler类来创建一个…

Nginx默认会自动忽略请求头Headers里带下划线_的参数

起因&#xff1a;该接口设置了必须要传送app_code和app_secret才能正常访问。实际我在本地环境测试中&#xff0c;发现该接口是正常访问的&#xff0c;但是部署到正式系统之后发现&#xff0c;该接口一直提示app_code和app_secret不能为空。 后续排查&#xff1a;发现正式系统…