Android ImageButton图像完全填充缩放到控件
如果你发现你写程序的时候像我一样,发现图片怎么都无法拉伸填充到ImageButton 里面。而且就算能缩放到控件,但是图像较小,而且总会在 ImageButton周围有一圈边框!当你遇到这一些列问题的这时候你就可以收藏并吸收这个经验了.
总的过程:我先给出关键代码→ 分析给出的两种解决方案→ 我详细介绍一下边框出现的原因个解决办法。→ 最后就是些注意事项了
关键代码
-
第一种解决方案:
android:scaleType="fitXY"//这个代码是:拉伸图片(不按比例)以填充的长宽。所以图像最后最好多多少少会失真的.这点你要注意
android:background="#e0000000"//这是解决图像缩放后图像周围有一圈边框.是使边框变透明,以去掉边框.如下图
第二种解决方案:
android:src="@drawable/miss" 改为 android:background="@drawable/miss" 有了这一步可以替代上面两步,同时解决边框的和完整缩放填充到控件问题
下一步具体介绍给大家分析一下图像完整缩放填充到控件的方法,和填充后出现边框的问题
END
怎么进行缩放填充图像到ImageButton
-
android:scaleType="fitXY
android:scaleType 设置图像的填充方式
fitXY 把图片不按比例扩大/缩小到View的大小显示
说一下要注意的:
这么做的话,如果控件的长宽比和图像的长宽比不同的话就与比较严重的失真。所以要多注意一下.尤其是多分辨率适配的时候。多做真机调试
使用这个方法填充的时候是必须配合android:src来使用的。对于android:background是无效的.
-
android:src="@drawable/miss" 改为 android:background="@drawable/miss"
首先background是填充背景的属性。指定后会根据ImageView组件给定的长宽进行拉伸。
而边框的存在就是因为背景的存在。所以能替代第一种解决方案
(src是图像内容(前景),background是背景,可以同时使用。)
END
ImageButton 有银灰色边框的原因和解决方案
-
原因就是ImageButton 默认就是有边框的。或者可以说会预留出一部分背景。
这样可以更好给用户一个使用反馈。点击的时候,背景就会有颜色变化。是个很好的集成方案。当然,对于现在界面美化的发展。那么美的界面下,按钮周围会有一圈边框实在是太丑了.
而且我们一般在src指定原图,但是src不会进行拉伸。所以才会出现边框
-
解决方案:
android:background="#e0000000"//这是解决图像缩放后图像周围有一圈边框.是使边框变透明
或者你可以
android:src="@drawable/miss" 改为 android:background="@drawable/miss
第一种呢是使其透明化(其实android:background="@null"也是可以的)
第二种呢就更直接了。直接改变背景。
-
好了,到这里就我就把我所遇到的问题总结之后把解决方案都告诉你的都告诉你了.
END