Android扩大控件的点击区域

在做Android应用开发时，会碰到imageView尺寸小，用户难点击的情况，所以在不改变imageView大小情况，对其点击区域进行扩大。这里有两种方法可实现。

方法一：在imageView的xml布局中设置如下：
1.android:scaleType=“centerInside” 该属性表示若图片宽高等于或小于ImagevView的宽高，直到将图片的内容完整居中显示。
2.图片资源使用src不能用background，否则图片会被拉伸： android:src="@mipmap/…"
3.根据情况设置点击区域大小：android:layout_width="" android:layout_height=""

<ImageViewandroid:id="@+id/iv_back"android:layout_width="60dp"android:layout_height="60dp"android:scaleType="centerInside"android:src="@mipmap/fragment_batch_back" />

如图所示：白色方框都可以点击，android:layout_width="" android:layout_height=""属性控制它的大小。

原控件点击区域：

设置后：

调整边距：android:paddingLeft="-30dp"

方法二：在代码中实现，用于已指定图片大小不能更改android:layout_width="" android:layout_height=""属性。
在原view四边增加区域：

    /*** 扩大view的点击区域 单位px* 一个parent布局只能设置一个view;点击区域超出parent的部分无效;view要先visible** @param view* @param top* @param bottom* @param left* @param right*/public static void expandTouchArea(final View view, final int top, final int bottom, final int left, final int right) {final View parentView = (View) view.getParent();parentView.post(new Runnable() {@Overridepublic void run() {Rect rect = new Rect();view.getHitRect(rect);rect.top -= top;rect.bottom += bottom;rect.left -= left;rect.right += right;parentView.setTouchDelegate(new TouchDelegate(rect, view));}});}

例如：
控件已经设置好大小，无法使用方法一：

<ImageViewandroid:id="@+id/iv_allSelect"android:layout_width="26dp"android:layout_height="26dp"android:src="@mipmap/fragment_batch_select" />

使用：

private ImageView mAllSelectIv;
mAllSelectIv = rootView.findViewById(R.id.iv_allSelect);expandTouchArea(mAllSelectIv,40,40,40,40);

注意方法二有很多约束：
1.一个parent布局只能设置一个view，设置多个后只有最后设置的view生效。
2.设置区域超出parent的那部分区域会无效;
3.view要可见，要注意fragment的UI绘制完成周期
若想在一个父布局扩大多个View的点击区域，可以在view嵌套一个RelativeLayout或LinearLayout布局，这样就一个父布局对应一个View,但是考虑到布局的性能优化，要尽量少嵌套。合理解决方法是：方法一和方法二灵活运用，也可以叫美工设计尺寸合适的图片后在用方法一。

本博客是参考网上有关知识并总结下来的，希望对你有帮助！

Android扩大控件的点击区域相关推荐

Swift 在父控件上给子控件拓展点击区域
override func hitTest(_ point: CGPoint, with event: UIEvent?) -> UIView? {let offset = -20let vie ...
JCameraView 仿微信拍照Android控件（点击拍照，长按录小视频）
使用方法 Gradle依赖: compile 'cjt.library.wheel:camera :1.1.9' 引用源码 : clone源码后引入lib -> camera 尝试运行 : ...
android 录制视频过程中拍照,GitHub - 616852636/CameraView: 仿微信拍照Android控件（点击拍照，长按录小视频）...
JCameraView 控件介绍这是一个模仿微信拍照的Android开源控件,主要的功能有如下: 点击拍照. 前后摄像头的切换. 长按录视频(视频长度为10秒内). 长按录视频的时候,手指上滑可以放 ...
Android控件默认点击效果
Android控件默认点击效果 Android最简单的默认点击效果: android:background="?android:attr/selectableItemBackground&q ...
Android开源控件收集整理
一 .基本控件 TextView HTextView 一款支持TextView文字动画效果的Android组件库.GitHub - hanks-zyh/HTextView: Animation eff ...
Android 原生控件之一 TextView
Android 原生控件之一 TextView 前言来源开始 XML属性 1.android:allowUndo 2.android:autoLink 3.android:autoSizeMaxT ...
Android 开源控件与常用开发框架开发工具类
Android的加载动画AVLoadingIndicatorView 项目地址: https://github.com/81813780/AVLoadingIndicatorView 首先,在 bui ...
详细Android studio 控件对齐方式
控件对齐方式请移步:常用的控件设置格式大全记忆方法根据命名规则可以很轻松地理解并记忆每个格式的作用: gravity: 重力; above : 在--上面; Bottom : 底部:末端: a ...
日历控件的android代码,Android日历控件PickTime代码实例
Android日历控件PickTime代码实例发布时间:2020-10-03 16:05:51 来源:脚本之家阅读:86 作者:手撕高达的村长最近做项目,需要设置用户的生日,所以做这样一个功能. ...

Android扩大控件的点击区域

Android扩大控件的点击区域相关推荐

最新文章

热门文章