标题《Android ImageView 的scaleType属性》

一、 说明

本文主要讲述Aandroid ImageView的scaleType属性(8种)

二、 准备工作

一张图片,Android Studio开发工具

三、 具体内容

1. 第一种scaleType属性fitCenter:

图片最终会完整显示;将原图片保持比例进行缩小或放大,直到图片完整显示,多出的部分向两边平分,ImageView不进行设置scaleType属性时默认为该属性

2. 第二种scaleType属性matrix:

(1) 当原图片的宽高大于所要显示的图片的宽高,不改变原图片的大小,根据所设置的图片显示的宽高,从原图片左上角开始绘制新图片,舍弃超出原图片的其它部分
(2) 当原图片的宽高小于所要显示的图片的宽高,不改变原图片的大小,根据所设置的图片显示的宽高,从原图片左上角开始绘制新图片

3. 第三种scaleType属性center:

(1) 图片最终会残缺显示;当原图片的宽高大于所要显示的图片的宽高,不改变原图片的大小,根据所设置的图片显示的大小,从原图片中心往四边绘制新图片,舍弃超出原图片的其它部分
(2) 当原图片的宽高小于所要显示的图片的宽高,居中显示原图片

4. 第四种scaleType属性centerCrrop:

(1) 图片最终会残缺显示;当原图片的宽高大于所要显示的图片的宽高,保持宽高的比例,以原图片的中心和要显示的图片的大小的中心为基准,按比例缩小原图片直到图片的宽高有一边等于要显示的图片的宽高,另一边超出部分先居中,后舍弃超出部分
(2) 图片最终会残缺显示;当原图片的宽高小于所要显示的图片的宽高,保持宽高的比例,以原图片的中心和要显示的图片的大小的中心为基准,按比例放大原图片,直到图片的宽高有一边等于要显示的图片的宽高,另一边超出部分先居中,后舍弃超出部分

5. 第五种scaleType属性centerInside:

(1) 图片最终会完整显示;当原图片的宽高大于所要显示的图片的宽高,以原图片的中心和要显示的图片的大小的中心为基准,以原图片的较长的一边按比例缩小,将图片完整的居中显示
(2) 当原图片的宽高小于所要显示的图片的宽高,居中显示原图片

6. 第六种scaleType属性fitXY:

宽高不保持比例,将原图片进行拉伸或压缩,直到宽和高都填满要显示的图片大小

7. 第七种scaleType属性fitStart:

图片最终会完整显示;将原图片保持比例进行缩小或放大,直到图片完整显示,多出的部分全部靠一边显示

8. 第八种scaleType属性fitEnd:

图片最终会完整显示;将原图片保持比例进行缩小或放大,直到图片完整显示,多出的部分全部靠另一边显示

四、 代码

<?xml version="1.0" encoding="utf-8"?>
<TableLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
   <LinearLayout
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
       android:orientation="vertical">
      <LinearLayout
          android:layout_width="match_parent"
          android:layout_height="wrap_content"
          android:orientation="vertical">
         <ImageView
             android:layout_width="match_parent"
             android:layout_height="wrap_content"
             android:src="@drawable/AndroidImageView01" >
         </ImageView>
         <TextView
             android:layout_width="match_parent"
             android:layout_height="wrap_content"
             android:text="原图"
             android:textSize="22dp"
             android:gravity="center">

         </TextView>

      </LinearLayout>
      <LinearLayout
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:orientation="vertical">

         <ImageView
             android:layout_width="200dp"
             android:layout_height="200dp"
             android:src="@drawable/AndroidImageView01"
             android:scaleType="fitEnd">
         </ImageView>
         <TextView
             android:layout_width="match_parent"
             android:layout_height="wrap_content"
             android:text="fitEnd效果"
             android:textSize="22dp"
             android:gravity="center">

         </TextView>
      </LinearLayout>

   </LinearLayout>

五、 效果之一展示

android 图像 属性 android studio imageview属性_宽高


其它效果改变代码中的scaleType对应的属性即可