android中checkbox的padding引发的问题
自定义checkbox中的勾选框图标,这次因为想偷懒,图标弄的大了些,然后一系列的问题就都引出来了。
1、图标比checkbox的layout_height高,看不见了。
很吐血吧,CompoundButton中的源码可以看到下面代码
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 height = buttonDrawable.getIntrinsicHeight();//可以看到是根据图片的原始高度对图片进行绘制的,,danielinbiti int y = 0; switch (verticalGravity) { case Gravity.BOTTOM: y = getHeight() - height; break; case Gravity.CENTER_VERTICAL: y = (getHeight() - height) / 2; break; } buttonDrawable.setBounds(0, y, buttonDrawable.getIntrinsicWidth(), y + height); buttonDrawable.draw(canvas); } }
从这里可以看到是根据图片的高度进行绘制的,而不是根据你设置的layout_height进行图片缩放。所以解决的途径也就两种:
第一种方法:把原始图片缩小,这就就是制作图片了
第二种方法:重写onDraw方法
@Override protected void onDraw(Canvas canvas) { setButtonDrawable(parentds);//danielinbiti,<span style="font-family: Arial, Helvetica, sans-serif;">parentds是</span><span style="font-family: Arial, Helvetica, sans-serif;">occupyPosDrawable方法返回的。</span><span style="font-family: Arial, Helvetica, sans-serif;"> </span> super.onDraw(canvas); setButtonDrawable(ds);//真正要显示的图片 final Drawable buttonDrawable = ds; if (buttonDrawable != null) { final int verticalGravity = getGravity() & Gravity.VERTICAL_GRAVITY_MASK; final int drawableHeight = buttonDrawable.getIntrinsicHeight()>selfHeight ?selfHeight:buttonDrawable.getIntrinsicHeight(); final int drawableWidth = buttonDrawable.getIntrinsicWidth()>selfHeight ?selfHeight:buttonDrawable.getIntrinsicWidth(); //<span style="font-family: Arial, Helvetica, sans-serif;">selfHeight为要定义的图片高度</span> int top = 0; switch (verticalGravity) { case Gravity.BOTTOM: top = getHeight() - drawableHeight; break; case Gravity.CENTER_VERTICAL: top = (getHeight() - drawableHeight) / 2; break; } int left = 0; int right = left+drawableWidth; int bottom = top+drawableHeight; buttonDrawable.setBounds(left, top, right, bottom); buttonDrawable.draw(canvas); } } // drawable 转换成bitmap private Drawable occupyPosDrawable(int height){// Picture p=new Picture(); Canvas c=p.beginRecording(height,height); p.endRecording(); PictureDrawable pd=new PictureDrawable(p); return pd; }
2、当这个解决后,自以为已经完成了,结果定义了paddingLeft后,问题出现了,在4.1.2版本不正常了(图片和文字叠在一起了),在4.2.2版本中正常显示了paddingLeft
这真的是花了不少时间,结果发现4.1.2版本中CompoundButton没有getCompoundPaddingLeft,这不坑人嘛。两个版本的计算方式不一样,4.2.2版本绘制文字时,会把图片的宽度和paddingLeft的宽度加上,而4.1.2版本只计算设置的paddingLeft,从这里看也是4.2.2版本人性化一些。
于是又查了一下前后版本,发现4.1.2版本是分界线,后续版本CompoundButton都有getCompoundPaddingLeft方法。于是又重写了getCompoundPaddingLeft方法,根据版本判断
@Override public int getCompoundPaddingLeft() { int padding = super.getCompoundPaddingLeft(); if(getAndroidSDKVersion()<=16){//4.1.2 if (!isLayoutRtl()) { padding = selfHeight + padding; } } return padding; }
到这里,基本就定义了一个自己的checkbox。图片大小就不用太在意了,可以根据自己设定的大小把对图片进行缩放。在app应用中相对比较灵活些,同时也发现了一个android的版本差异性问题。以前用checkbox的时候基本没有设置过paddingLeft,还真没有注意这个问题(因为不设置两个版本都正常,只是贴这图片)
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。