通過本節課可以學習到的內容：

• ImageView的用法
• ImageView的XML屬性

例項程式碼:

ImageView的用法

ImageView顧名思義，就是圖片檢視，用來顯示靜態圖片。

  <ImageView
    android:id="@+id/imageview_normal"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="@android:color/black"
 

    android:onClick="ivClicked"
    android:src="@mipmap/super_dog"
    />


  <ImageView
    android:id="@+id/imageview_super"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:adjustViewBounds="true"
    android:background="@android:color/black"
    android:maxHeight
 
="300dp"
    android:maxWidth="300dp"
    android:onClick="ivClicked"
    android:src="@mipmap/super_dog"
    />

效果圖如下：

ImageView的XML屬性

• android:src，設定ImageView要顯示的圖片；
• android:adjustViewBounds，是否保持寬高比，需要和maxWidth、maxHeight一起使用，否則單獨使用沒有效果；
• android:maxWidth，設定View的最大寬度；
• android:maxHeight，設定View的最大高度；

如果想設定圖片固定大小，又想保持圖片寬高比，需要這樣設定：

1. android:adjustViewBounds設定為true；
2. android:maxWidth和android:maxHeight要設定；
3. android:layout_width和android:layout_height設定為wrap_content。

• android:scaleType是設定圖片的填充方式，有以下用法：

  1. android:scaleType=”center”，按圖片的原來size居中顯示，當圖片長/寬超過View的長/寬，則擷取圖片的居中部分顯示
  2. android:scaleType=”centerCrop”，按比例擴大圖片的size居中顯示，使得圖片長(寬)等於或大於View的長(寬)
  3. android:scaleType=”centerInside”，將圖片的內容完整居中顯示，通過按比例縮小或原來的size使得圖片長(寬)等於或小於View的長(寬)
  4. android:scaleType=”fitCenter”，把圖片按比例擴大(縮小)到View的寬度，居中顯示
  5. android:scaleType=”fitEnd”，把圖片按比例擴大(縮小)到View的寬度，顯示在View的下部分位置
  6. android:scaleType=”fitStart”，把圖片按比例擴大(縮小)到View的寬度，顯示在View的上部分位置
  7. android:scaleType=”fitXY”，把圖片按照指定的大小在View中顯示
  8. android:scaleType=”matrix”，用matrix來繪製

下課

這一節課，我們主要學習了ImageView，不過它的功能有限，只能顯示靜態圖片。在實際需求中，我們可能會用到更高階的用法，如顯示圓形頭像，或者動態的gif，又或者圖片的縮放與縮圖等等，這些就需要我們自己取實現ImageView了，後面都會講到。

關注我，我們一起進步