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 附加选项,用于按照容器的边来剪切对象的左侧和/或右侧的内容. 剪切基于其横向对齐设置:左侧对齐时,剪切右侧;右侧对齐时剪切左侧;除此之外剪切左侧和右侧.水平方向裁剪

results matching ""

    No results matching ""