安卓控件之图片控件(ImagView)

概述:

ImageView用于显示本地资源图片或加载网络图片的UI控件,TextViewImageView实现了Android图文并茂的界面

scaleTypeImageView控件的重要属性,当加载的图片资源与控件的大小不匹配时,该如何呈现图片资源就可通过这个属性进行配置。

属性和方法:

XML属性

方法

备注

android:src

setImageResource(int)

设置图片

android:scaleType

setScaleType(ScaleType)

设置图片的缩放、等比缩放、裁剪

scaleType属性和方法

属性值

说明

fitCenter

缺省值.保持纵横比缩放,图片放在ImageView中央

fitStart

保持纵横比缩放,图片放在ImageView左上角

fitEnd

保持纵横比缩放,图片放在ImageView右下角

fitXY

对图片横向、纵向独立缩放以适应控件大小。

center

把图片放在ImageView中间,不进行任何缩放

centerCrop

保持纵横比缩放,图片完全覆盖ImageView。

centerInside

保持纵横比缩小,ImageView能完全显示该图片。

案例:

不同的sceleType显示不同的效果


    android:layout_width="wrap_content"
    android:layout_height="200dp"
    android:orientation="horizontal">
            android:layout_width="100dp"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        >
                    android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="fitCenter"
            android:textSize="20sp"/>
                    android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:src="@mipmap/e1"
            android:scaleType="fitCenter"
            />
   
            android:layout_width="100dp"
        android:layout_height="wrap_content"
        android:orientation="vertical">
                    android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="fitXY"
            android:textSize="20sp"/>
                    android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:src="@mipmap/e1"
            android:scaleType="fitXY"
            />
   
            android:layout_width="100dp"
        android:layout_height="wrap_content"
        android:orientation="vertical">
                    android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="fitEnd"
            android:textSize="20sp"/>
                    android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:src="@mipmap/e1"
            android:scaleType="fitEnd"
            />
   
            android:layout_width="100dp"
        android:layout_height="wrap_content"
        android:orientation="vertical">
                    android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="fitStart"
            android:textSize="20sp"/>
                    android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:src="@mipmap/e1"
            android:scaleType="fitStart"
            />
   

    android:layout_width="wrap_content"
    android:layout_height="200dp"
    android:orientation="horizontal"
    >
            android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="vertical">
                    android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="centerCrop"
            android:textSize="20sp"/>
                    android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:textAlignment="wdc"
            android:src="@mipmap/e1"
            android:scaleType="centerCrop"
            />
   
            android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        android:paddingLeft="20dp">
                    android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="centerInside"
            android:textSize="20sp"/>
                    android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:textAlignment="wdc"
            android:src="@mipmap/e1"
            android:scaleType="centerInside"
            />
   
            android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        android:layout_marginLeft="20dp">
            android:layout_width="200dp"
        android:layout_height="wrap_content"
        android:text="center"
        android:textSize="20sp"/>
            android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:textAlignment="wdc"
        android:src="@mipmap/e1"
        android:scaleType="center"
        />

安卓控件之图片控件(ImagView)_第1张图片

你可能感兴趣的:(安卓)