Android ImageView的ScaleType屬性

參考

1、Android--UI之ImageView
2、ImageView的scaleType詳解

ScaleType屬性

常量 含義
fitXY 橫向、縱向獨立縮放,以適應(yīng)該ImageView
fitCenter 保持縱橫比縮放圖片,縮放完成后將圖片放在ImageView的中央
fitStart 保持縱橫比縮放圖片,并且將圖片放在ImageView的左上角
fitEnd 保持縱橫比縮放圖片,縮放完成后將圖片放在ImageView的右下角
center 把圖片放在ImageView的中央,但是不進行任何縮放
centerCrop 保持縱橫比縮放圖片,以使圖片能完全覆蓋ImageView
centerInside 保持縱橫比縮放圖片,以使得ImageView能完全顯示該圖片
matrix 使用matrix方式進行縮放

截圖1:沒啥屬性,就wrap_content后者設(shè)置高寬等,代碼就略過

image.png

截圖2:ScaleType=fitXY,fitCenter,fitStart,fitEnd

image.png
       <TextView
            android:layout_marginTop="10dp"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textStyle="bold"
            android:textSize="18sp"
            android:textColor="@color/blue"
            android:text="下面ImageView固定設(shè)置:200dp*100dp,并開始加上ScaleType屬性了"/>
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="1、scaleTyple=fitXY,顯然是縮放到XY高度,被拉伸了"/>
        <ImageView
            android:layout_width="200dp"
            android:layout_height="100dp"
            android:src="@mipmap/namei"
            android:background="@color/pink"
            android:scaleType="fitXY"/>

        <TextView
            android:layout_marginTop="10dp"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="2、scaleTyple=fitCenter,按比例適配縮放后居中,也是默認形式哦"/>
        <ImageView
            android:layout_width="200dp"
            android:layout_height="100dp"
            android:src="@mipmap/namei"
            android:background="@color/pink"
            android:scaleType="fitCenter"/>

        <TextView
            android:layout_marginTop="10dp"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="3、scaleTyple=fitStart,按比例適配縮放后左上"/>
        <ImageView
            android:layout_width="200dp"
            android:layout_height="100dp"
            android:src="@mipmap/namei"
            android:background="@color/pink"
            android:scaleType="fitStart"/>

        <TextView
            android:layout_marginTop="10dp"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="4、scaleTyple=fitEnd,按比例適配縮放后右下"/>
        <ImageView
            android:layout_width="200dp"
            android:layout_height="100dp"
            android:src="@mipmap/namei"
            android:background="@color/pink"
            android:scaleType="fitEnd"/>

截圖3:ScaleType=center,centerCrop,centerInside

image.png
       <TextView
            android:layout_marginTop="10dp"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="5、scaleTyple=center,顯然按照默認圖大小,畫在中間了"/>
        <ImageView
            android:layout_width="200dp"
            android:layout_height="100dp"
            android:src="@mipmap/namei"
            android:background="@color/pink"
            android:scaleType="center"/>
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="用50*50大小試試看,scaleTyple=center,好吧,就一個笑臉了,原圖不變,尺寸小就小咯"/>
        <ImageView
            android:layout_width="50dp"
            android:layout_height="50dp"
            android:src="@mipmap/namei"
            android:background="@color/pink"
            android:scaleType="center"/>

        <TextView
            android:layout_marginTop="10dp"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="6、scaleTyple=centerCrop,這個厲害了,為了等比例適配后還改變了原先控件大小??!"/>
        <ImageView
            android:layout_width="200dp"
            android:layout_height="100dp"
            android:src="@mipmap/namei"
            android:background="@color/pink"
            android:scaleType="centerCrop"/>

        <TextView
            android:layout_marginTop="10dp"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="7、scaleTyple=centerInside,感覺和center一樣啊"/>
        <ImageView
            android:layout_width="200dp"
            android:layout_height="100dp"
            android:src="@mipmap/namei"
            android:background="@color/pink"
            android:scaleType="centerInside"/>
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="用50*50大小試試看,scaleTyple=centerInside,按比例縮小后顯示在內(nèi)部"/>
        <ImageView
            android:layout_width="50dp"
            android:layout_height="50dp"
            android:src="@mipmap/namei"
            android:background="@color/pink"
            android:scaleType="centerInside"/>

截圖4:ScaleType=matrix

image.png
       <TextView
            android:layout_marginTop="10dp"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="8、scaleTyple=matrix,默認尺寸左上排列"/>
        <ImageView
            android:layout_width="200dp"
            android:layout_height="100dp"
            android:src="@mipmap/namei"
            android:background="@color/pink"
            android:scaleType="matrix"/>

ImageView加載圖片,代碼部分

//4種方式設(shè)置圖片
iv_nm.setImageResource(R.mipmap.namei);
iv_nm.setImageDrawable(getResources().getDrawable(R.mipmap.namei));
iv_nm.setImageBitmap(BitmapFactory.decodeFile("file path"));
iv_nm.setImageURI(Uri.parse("file path"));
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • ImageView 的 android:scaleType 屬性的含義如下: 控制如何調(diào)整圖片大小和圖片位移以匹配...
    吳下阿吉閱讀 1,943評論 0 0
  • ImageView 是 Android 中最常用的控件之一,而在使用ImageView時,必不可少的會使用到它的s...
    李斯維閱讀 133,862評論 25 206
  • android tips主要講解平時在開發(fā)中的一些常用有比較容易讓人忽略的問題或者是個人建議。知識比較雜,但是好多...
    薛之濤閱讀 907評論 0 2
  • 本來想創(chuàng)作一手hip-hop的詞,寫著寫著,正琢磨著押韻就又改了主意,將歌詞改了個面目全非改成了詩,看來我的rap...
    虞子鳴閱讀 288評論 0 1
  • 慢慢地,習慣了你不在的日子。 不再害怕黑夜星星般的孤單, 不再在清晨的輕霧里迷...
    張家小鬧閱讀 335評論 0 5

友情鏈接更多精彩內(nèi)容