Android(安卓)ImageView ScaleType 图解
16lz
2021-12-04
ImageView ScaleType
ImageView的android:scaleType属性，是用来告诉android:src=设置的图片，如何调整去匹配ImgeView。此属性对android:background设置的背景图无效，android:background设置的图片是平铺整个ImageView。效果同android:scaleType="fitXY"
scaleType可选项：
| Constant | Value | Description |
|---|---|---|
| matrix | 0 | 左上角对齐，不缩放，显示原始大小图像 |
| fitXY | 1 | 让高度和宽度都与边界对齐，会改变图像的高宽比（拉伸） |
| fitStart | 2 | 左上角对齐，然后等比例缩小或放大，让一边与边界对齐，另一边在边界内 |
| fitCenter | 3 | 居中对齐，然后等比例缩小或放大，让一边与边界对齐，另一边在边界内 |
| fitEnd | 4 | 右下角对齐，然后等比例缩小或放大，让一边与边界对齐，另一边在边界内 |
| center | 5 | 居中对齐，不缩放，显示原始图像 |
| centerCrop | 6 | 居中对齐，然后等比缩放，一条边与边界对齐，另一条边在边界外 |
| centerInside | 7 | 居中对齐，大于边界尺寸的图像会等比缩小，让一边与边界对齐，另一边在边界内。小于边界尺寸的图像直接显示 |
总结
| Constant | 不变形 | 居中 | 不超边界 | 缩小对齐边界 | 放大对齐边界 |
|---|---|---|---|---|---|
| matrix | √ | ||||
| fitXY | √ | √ | √ | √ | |
| fitStart | √ | √ | √ | √ | |
| fitCenter | √ | √ | √ | √ | √ |
| fitEnd | √ | √ | √ | √ | |
| center | √ | √ | |||
| centerCrop | √ | √ | √ | √ | |
| centerInside | √ | √ | √ | √ |
上效果图
matrix：左上角对齐，不缩放，显示原始大小图像
fitXY： 拉伸
fitStart ： 左上角对齐，然后等比例缩小或放大，让一边与边界对齐，另一边在边界内
fitCenter： 居中对齐，然后等比例缩小或放大，让一边与边界对齐，另一边在边界内
fitEnd ： 右下角对齐，然后等比例缩小或放大，让一边与边界对齐，另一边在边界内
center ： 居中对齐，不缩放，显示原始图像
centerCrop ： 居中对齐，然后等比缩放，让一条边与边界对齐，另一条边在边界外
centerInside ：居中对齐，大于边界尺寸的图像会等比缩小，让一边与边界对齐，另一边在边界内。小于边界尺寸的图像直接显示
附布局文件
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"> <LinearLayout android:layout_width="match_parent" android:layout_height="0dp" android:layout_weight="1" android:orientation="horizontal"> <RelativeLayout android:layout_width="0dp" android:layout_height="match_parent" android:layout_weight="1"> <ImageView android:layout_width="180dp" android:layout_height="180dp" android:layout_centerInParent="true" android:background="@android:color/darker_gray" android:src="@drawable/bgbig"/> RelativeLayout> <RelativeLayout android:layout_width="0dp" android:layout_height="match_parent" android:layout_weight="1"> <ImageView android:layout_width="180dp" android:layout_height="90dp" android:layout_centerInParent="true" android:layout_gravity="center_vertical" android:background="@android:color/darker_gray" android:src="@drawable/bgbig"/> RelativeLayout> LinearLayout> <LinearLayout android:layout_width="match_parent" android:layout_height="0dp" android:layout_weight="1" android:orientation="horizontal"> <RelativeLayout android:layout_width="0dp" android:layout_height="match_parent" android:layout_weight="1"> <ImageView android:layout_width="180dp" android:layout_height="180dp" android:layout_centerInParent="true" android:background="@android:color/darker_gray" android:src="@drawable/bgsmall"/> RelativeLayout> <RelativeLayout android:layout_width="0dp" android:layout_height="match_parent" android:layout_weight="1"> <ImageView android:layout_width="180dp" android:layout_height="90dp" android:layout_centerInParent="true" android:layout_gravity="center_vertical" android:background="@android:color/darker_gray" android:src="@drawable/bgsmall"/> RelativeLayout> LinearLayout>LinearLayout>附主题文件
<resources> <!-- Base application theme. --> <style name="AppTheme.image" parent="Theme.AppCompat.Light.DarkActionBar"> <!-- Customize your theme here. --> <!-- <item name="android:scaleType">matrixitem>--> <!-- <item name="android:scaleType">fitXYitem>--> <!-- <item name="android:scaleType">fitStartitem>--> <!-- <item name="android:scaleType">fitCenteritem>--> <!-- <item name="android:scaleType">fitEnditem>--> <!-- <item name="android:scaleType">centeritem>--> <!-- <item name="android:scaleType">centerCropitem>--> <item name="android:scaleType">centerInsideitem> style>resources>附图片文件
bgsmall.jpg
bgbig.ipg
更多相关文章
- [Android(安卓)XML] --- android:scaleType
- android中布局的详解
- 从零开始学android-一行两个按钮居中 布局
- 九宫格 GridView
- RelativeLayout常用属性介绍-----开发日记(一)
- Android中RelativeLayout相对布局
- android XML布局大全
- Android(安卓)ApiDemos示例解析(145):Views->Layouts->LinearLay
- 相对布局相关属性