Android CheckBox中设置padding无效解决办法
作者:ccpat 发布时间:2022-09-07 01:35:48
Android CheckBox中设置padding无效解决办法
CheckBox使用本地图片资源
CheckBox是Android中用的比较多的一个控件,不过它自带的button样式比较丑,通常都会替换成本地的资源图片。使用本地资源图片很简单,设置android:button属性为一个自定义的包含selector的drawable文件即可。
例如android:button=”@drawable/radio_style”。radio_style.xml定义如下。checked和unchecked分别是选中和未选中时使用的图片资源。
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_checked="true" android:drawable="@drawable/checked"></item>
<item android:state_checked="false" android:drawable="@drawable/unchecked"></item>
</selector>
CheckBox点击响应问题
当CheckBox使用本地的图片资源后,如果本地图片很小(图片大小需要和布局搭配,很多时候为了界面的美观不能使用太大的图片),而且右侧没有文字时,会导致CheckBox很难被点中。增加点击区域,通常的做法是增加padding值,扩大控件的外部范围。我们希望可以通过设置CheckBox的padding值,让图片的上下左右四个方向都增加一定的范围,这样用户点击图片的响应上就不会有问题了。
CheckBox padding失效问题
CheckBox分别设置上、下、左、右和全部四个方向各20dp的padding后实际显示效果如图所示。这里为了看得清楚,为CheckBox设置了背景色,并且添加了文字。
从图示可以看出,CheckBox设置padding值影响的是实际上文字到CheckBox边界的距离,图片始终在左侧垂直居中的位置。
先看上下padding,当设置上下padding时,由于文字本身距离上下边界就有一定的距离,如果padding值设置的不够,整个CheckBox区域根本不会变化,通过设置较大的padding值可以实现扩大CheckBox上下区域的目的。最后一张图上下各20dp的padding,这时可以看到CheckBox高度增加了。但由于中间文字距离上下边界的距离和CheckBox图片高度,文字字号,文字内部padding等很多因素有关,很难通过对上下padding设置精确控制CheckBox区域,很可能出现在这个手机上高度被拉的很大,而另一个手机上根本没有效果。
再看左右padding,当设置左右padding时,无论是左padding还是右padding,影响的只是文字的位置。图片始终都在整个CheckBox的左侧,对图片来说,增大的都是右侧区域。所以设置的左右padding不能解决CheckBox点击响应的问题,不仅会导致图片位置偏左,还会出现点击左侧区域无法点中的情况。
标题中所说的padding无效问题,实际上是有效的,只是设置paddingLeft增加的是右边区域,paddingTop和paddingBottom只有设置较大的值才能看到效果。
CheckBox padding失效问题原因
要想知道CheckBox padding失效问题原因,得要查看Android源码,CheckBox是继承自CompoundButton,CheckBox左侧的图片是在CompoundButton的onDraw()方法中绘制的,onDraw()方法代码如下,mButtonDrawable就是要绘制的图片对应的Drawable对象,可以看到left始终为0,而top位置和Grivity有关(上述例子中Gravity是居中的)。
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
final Drawable buttonDrawable = mButtonDrawable;
if (buttonDrawable != null) {
final int verticalGravity = getGravity() & Gravity.VERTICAL_GRAVITY_MASK;
final int drawableHeight = buttonDrawable.getIntrinsicHeight();
final int drawableWidth = buttonDrawable.getIntrinsicWidth();
int top = 0;
switch (verticalGravity) {
case Gravity.BOTTOM:
top = getHeight() - drawableHeight;
break;
case Gravity.CENTER_VERTICAL:
top = (getHeight() - drawableHeight) / 2;
break;
}
int bottom = top + drawableHeight;
int left = isLayoutRtl() ? getWidth() - drawableWidth : 0;
int right = isLayoutRtl() ? getWidth() : drawableWidth;
buttonDrawable.setBounds(left, top, right, bottom);
buttonDrawable.draw(canvas);
}
}
解决CheckBox点击响应问题
由于CheckBox和CompoundButton没有提供任何方法设置图片的位置,要想解决CheckBox点击响应的问题似乎唯一的方法就是重写一个新的控件,然后在onDraw方法中确定图片位置时把padding也考虑进去。不过这样做实在是太麻烦了。
这里给出另外一种简单的方法,那就是将图片扩大。CheckBox点击响应问题本身是由于图片过小,如果将图片扩大就不存在这个问题了,但前面说之所以用小的图片是为了布局搭配和界面美观,如果将图片扩大不是又回到最开始的问题了吗!
其实这里说的图片扩大,不是将图片整体放大,而是图片内容不变,在原先的图片外围增加透明像素,由于透明像素不可见,图片看起来的实际大小仍然和以前一样,但由于透明像素的存在,CheckBox的区域也会随之增大。
要在图片外网增加透明像素前提是图片必须是png格式的,不过这并不是问题,通常资源文件都是png格式的,即使不是png格式的图片,也可以先转换成png格式,然后再增加透明像素。
增加透明像素的方法也很简单,用Photoshop打开png图片,然后选择“图像”–“画布大小”,然后输入新的大小就可以了。
如有疑问请留言或者到本站社区交流讨论,感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!
来源:http://blog.csdn.net/ccpat/article/details/46744025
猜你喜欢
- 准备三个框架结合的lib包Spring3结合Struts2的步骤如下:1:开启Struts2结合Spring3,在struts.xml中添加
- 样例 近期要做一个含有两个tab切换页面,两个页面有公共的描述信息区
- SpringBoot默认使用HikariDataSource数据源定义数据源:存储了所有建立数据库连接的信息。通过提供正确的数据源名称,你可
- 一、实现效果图关于贝塞尔曲线 二、实现代码1.自定义viewpackage com.czhappy.showintroduce.view;i
- 首先描述一下问题,spring boot 使用的是内嵌的tomcat, 所以不清楚文件上传到哪里去了, 而且spring boot 把静态的
- 本文实例讲述了Android TabLayout(选项卡布局)简单用法。分享给大家供大家参考,具体如下:我们在应用viewpager的时候,
- 目录服务注册服务发现服务注册引入相关依赖:<?xml version="1.0" encoding="U
- 一、使用maven加载依赖加载了连接数据库的依赖、mybatis的依赖以及lombok的依赖<dependency>  
- using System;using System.Collections.Generic;using System.Text;namesp
- 1.属性驱动 前台表单中字段的name和后台action中的属性字段的名称必须保持一致;2.域驱动 前台表单中字段的name应该为:obje
- 本文主要给大家介绍了关于RxJava的一些特殊用法,分享出来供大家参考学习,需要的朋友们下面来一起看看吧。一、按钮绑定通过 RxView 可
- Flutter自适应瀑布流前言:在电商app经常会看到首页商品推荐的瀑布流,或者类似短视频app首页也是瀑布流,这些都是需要自适应的,才能给
- 本文实例讲述了Android开发实现Launcher3应用列表修改透明背景的方法。分享给大家供大家参考,具体如下:Launcher时开机完成
- 本文实例为大家分享了java模拟进度计量器的具体代码,供大家参考,具体内容如下一、程序说明1、自定义模拟血压计外观图class M
- System_Server进程运行在system server进程中的服务比较多,这是整个android框架的基础Native服务Surfa
- 一、下载步骤首先明确自己的操作系统下载地址:点击跳转进入界面后我们可以看到有ultimate版本(收费)和community版本(免费),学
- 1.kotlin的字符串操作和Java有些不同,有些新增。1)先看字符串比较java中==比较的是变量的引用是否指向同一个地址,Kotlin
- 注意:导包的时候API 11之前: android.text.ClipboardManagerAPI 11之后: android.conte
- 引言在进行Winform程序开发需要进行大量的数据的读写操作的时候,往往会需要一定的时间,然在这个时间段里面,界面ui得不到更新,导致在用户
- CyclicBarrier 接着讲多线程下的其他组件,第一个要讲的就