ImageView中XML属性src和background的区别:
background会根据ImageView组件给定的长宽进行拉伸,而src就存放的是原图的大小,不会进行拉伸。src是图片内容(前景),bg是背景,可以同时使用。
此外:scaleType只对src起作用;bg可设置透明度,比如在ImageButton中就可以用android:scaleType控制图片的缩放方式
如上所述,background设置的图片会跟View组件给定的长宽比例进行拉伸。举个例子, 36x36 px的图标放在 xhdpi 文件夹中,在854x480(FWVGA,对应hdpi)环境下,按照
xhdpi : hdpi : mdpi: ldip = 2 : 1.5 : 1 : 0.75
的比例计算,在FWVGA下,图标的实际大小应该是 27x27。
但是当我把它放到一个 layout_width = 96px, layout_height = 75px 的 LinearLayout,布局代码如下:
<LinearLayout android:gravity="center" android:layout_width="96px" android:layout_height="75px" >
<ImageButton android:layout_width="wrap_content" android:layout_height="wrap_content" android:background="@drawable/toolbar_bg"/>
</LinearLayout>
实际情况是,我们得到的ImageButton的大小是 33x27,很明显width被拉伸了,这是我们不想看到的情况。
解决方案一:
代码中动态显式设置ImageButton的layout_width和layout_width,如下
LinearLayout.LayoutParams layoutParam = new LinearLayout.LayoutParams(27, 27);
layout.addView(imageButton, layoutParam);
不过,事实上我们并不希望在代码存在“硬编码”的情况。
解决方案二:
在你通过setBackgroundResource()或者在xml设置android:background属性时,将你的background以XML Bitmap的形式定义,如下:
<?xml version="1.0" encoding="utf-8"?>
<bitmap xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@id/toolbar_bg_bmp"
android:src="@drawable/toolbar_bg"
android:tileMode="disabled"
android:gravity="top" >
</bitmap>
tileMode(平铺)
它的效果类似于 让背景小图不是拉伸而是多个重复(类似于将一张小图设置电脑桌面时的效果)
调用如下:
imageButton.setBackgroundResource\(R.drawable.toolbar\_bg\_bmp\)
或者
<ImageButton ... android:background="@drawable/toolbar_bg_bmp" ... />
若背景图片有多种状态,还可参照toolbar_bg_selector.xml:
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android" >
<item android:state_pressed="true" >
<bitmap android:src="@drawable/toolbar_bg_sel" android:tileMode="disabled" android:gravity="top" />
</item>
<item >
<bitmap android:src="@drawable/toolbar_bg" android:tileMode="disabled" android:gravity="top" />
</item>
</selector>
如此,不管是通过代码方式setBackgroundResource()或XML android:background方式设置背景,均不会产生被拉伸的情况。
常用的9个属性:
| 属性 | 作用 |
|---|---|
| src | 在这里引用图片资源 |
| antialias | 开启或关闭抗锯齿 |
| dither | 开启或关闭图像抖动。当使用图片的dpi和屏幕不匹配时,开启图像抖动可以获得更好的显示效果 |
| filter | 开启或关闭滤镜。当需要对图片进行缩放操作时,开启滤镜可以使图片更加平滑 |
| tiltMode | 贴图模式。详细见下文。该属性与gravity是互斥的。 |
| gravity | 重心。详细见下文。该属性与tileMode是互斥的。 |
| tint | 设置着色。有种盖一个色层在图片上的感觉。 |
| tintMode | 设置着色模式。详细见下文。 |
| mipMap | 是否将图片标记为mipmap,使用mipmap能够提高显示性能,默认为false |
android:tileMode属性
贴图模式有以下几种:
| 值 | 效果 |
|---|---|
| clamp | 当图片>容器时,图片多余的部分会被截去;当图片小于容器时,会复制图片的边缘部分填充空白 |
| disable | 图片会根据容器大小进行缩放。这是默认值 |
| repeat | 图片会重复填充满容器。但是当图片>容器时,多余部分会被截去 |
| mirror | 图片会以镜像重复的形式填满容器。同样,当图片>容器时,多余部分会被截去 |
android:gravity属性
当图片<容器时,重心决定了它在容器中的位置。
重心有以下几种:
| top | 将对象放在其容器的顶部,不改变其大小. |
|---|---|
| bottom | 将对象放在其容器的底部,不改变其大小. |
| left | 将对象放在其容器的左侧,不改变其大小. |
| right | 将对象放在其容器的右侧,不改变其大小. |
| center_vertical | 将对象纵向居中,不改变其大小. 垂直对齐方式:垂直方向上居中对齐。 |
| fill_vertical | 必要的时候增加对象的纵向大小,以完全充满其容器. 垂直方向填充 |
| center_horizontal | 将对象横向居中,不改变其大小. 水平对齐方式:水平方向上居中对齐 |
| fill_horizontal | 必要的时候增加对象的横向大小,以完全充满其容器. 水平方向填充 |
| center | 将对象横纵居中,不改变其大小. |
| fill | 必要的时候增加对象的横纵向大小,以完全充满其容器. |
| clip_vertical | 附加选项,用于按照容器的边来剪切对象的顶部和/或底部的内容. 剪切基于其纵向对齐设置:顶部对齐时,剪切底部;底部对齐时剪切顶部;除此之外剪切顶部和底部.垂直方向裁剪 |
| clip_horizontal | 附加选项,用于按照容器的边来剪切对象的左侧和/或右侧的内容. 剪切基于其横向对齐设置:左侧对齐时,剪切右侧;右侧对齐时剪切左侧;除此之外剪切左侧和右侧.水平方向裁剪 |