參考
1到旦、Android--UI之ImageView
2旨巷、ImageView的scaleType詳解
ScaleType屬性
常量 |
含義 |
fitXY |
橫向、縱向獨立縮放添忘,以適應該ImageView |
fitCenter |
保持縱橫比縮放圖片契沫,縮放完成后將圖片放在ImageView的中央 |
fitStart |
保持縱橫比縮放圖片,并且將圖片放在ImageView的左上角 |
fitEnd |
保持縱橫比縮放圖片昔汉,縮放完成后將圖片放在ImageView的右下角 |
center |
把圖片放在ImageView的中央懈万,但是不進行任何縮放 |
centerCrop |
保持縱橫比縮放圖片,以使圖片能完全覆蓋ImageView |
centerInside |
保持縱橫比縮放圖片靶病,以使得ImageView能完全顯示該圖片 |
matrix |
使用matrix方式進行縮放 |
截圖1:沒啥屬性会通,就wrap_content后者設置高寬等,代碼就略過
截圖2:ScaleType=fitXY,fitCenter,fitStart,fitEnd
<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固定設置: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
<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
<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種方式設置圖片
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"));