android ： ImageView 屬性

標籤：android   blog   http   color   java   使用   strong   art   

本文

　　一、結構

　　　　java.lang.Object

　　　　　　android.view.View

　　　　　　　　android.widget.ImageView

 

　　　　已知直接子類：

　　　　ImageButton, QuickContactBadge 

 

　　　　已知間接子類：

　　　　ZoomButton

 

　　二、類概述

　　　　顯示任意映像，例標。ImageView類可以載入各種來源的圖片（如資源或圖片庫），需要計算映像的尺寸，比便它可以在其他布局中使用，並提供例如縮放和著色（渲染）各種顯示選項。

 

　　三、XML屬性

 

屬性名稱	描述
android:adjustViewBounds	是否保持寬高比。需要與maxWidth、MaxHeight一起使用，否則單獨使用沒有效果。
android:cropToPadding	是否截取指定地區用空白代替。單獨設定無效果，需要與scrollY一起使用，效果如下，實現代碼見代碼部分：
android:maxHeight	設定View的最大高度，單獨使用無效，需要與setAdjustViewBounds一起使用。如果想設定圖片固定大小，又想保持圖片寬高比，需要如下設定： 1） 設定setAdjustViewBounds為true； 2） 設定maxWidth、MaxHeight； 3） 設定設定layout_width和layout_height為wrap_content。
android:maxWidth	設定View的最大寬度。同上。
android:scaleType	設定圖片的填充方式。 matrix 0 用矩陣來繪圖   fitXY 1 展開圖片（不按比例）以填充View的寬高   layout_ height :30px layout_ width :120px fitStart 2 按比例展開圖片，展開後圖片的高度為View的高度，且顯示在View的左邊   fitCenter 3 按比例展開圖片，展開後圖片的高度為View的高度，且顯示在View的中間   fitEnd 4 按比例展開圖片，展開後圖片的高度為View的高度，且顯示在View的右邊   center 5 按原圖大小顯示圖片，但圖片寬高大於View的寬高時，圖片中間部分顯示     layout_ height :60px layout_ width :80px padding :10px   centerCrop 6 按比例放大原圖直至等於某邊View的寬高顯示。   centerInside 7 當原圖寬高或等於View的寬高時，按原圖大小置中顯示；反之將原圖縮放至View的寬高置中顯示。
android:src	設定View的drawable(片，也可以是顏色，但是需要指定View的大小)
android:tint	將圖片渲染成指定的顏色。見： 左邊為原圖，右邊為設定後的效果，見後面代碼。

 

android中ImageView的ScaleType屬性

　　ScaleType的值分別代表的意義： ImageView是Android中的基礎圖片顯示控制項，該控制項有個重要的屬性是ScaleType，該屬性用以表示顯示圖片的方式，共有8種取值

　　ScaleType.CENTER：：圖片大小為原始大小，如果圖片大小大於ImageView控制項，則截取圖片中間部分，若小於，則直接將圖片置中顯示。

　　ScaleType.CENTER_CROP：將圖片等比例縮放，讓映像的短邊與ImageView的邊長度相同，即不能留有空白，縮放後截取中間部分進行顯示。

　　ScaleType.CENTER_INSIDE：將圖片大小大於ImageView的圖片進行等比例縮小，直到整幅圖能夠置中顯示在ImageView中，小於ImageView的圖片不變，直接置中顯示。

　　ScaleType.FIT_CENTER：ImageView的預設狀態，大圖等比例縮小，使整幅圖能夠置中顯示在ImageView中，小圖等比例放大，同樣要整體置中顯示在ImageView中。

　　ScaleType.FIT_END：縮放方式同FIT_CENTER，只是將圖片顯示在右方或下方，而不是置中。

　　ScaleType.FIT_START：縮放方式同FIT_CENTER，只是將圖片顯示在左方或上方，而不是置中。

　　ScaleType.FIT_XY：將圖片非等比例縮放到大小與ImageView相同。

　　ScaleType.MATRIX：是根據一個3x3的矩陣對其中圖片進行縮放

 

　　四、代碼　　

　　　　4.1　　android:tint

Java代碼  

1. <ImageView android:background="@android:color/white" android:src="@drawable/btn_mode_switch_bg"  
2.         android:layout_width="wrap_content" android:layout_height="wrap_content"></ImageView>  
3.     <ImageView android:layout_marginLeft="5dp" android:background="@android:color/white" android:tint="#ffff00" android:src="@drawable/btn_mode_switch_bg"  
4.         android:layout_width="wrap_content" android:layout_height="wrap_content"></ImageView>   

 　　　　4.2　　android:cropToPaddingJava代碼  

1. <ImageView android:background="@android:color/white" android:scrollY="-10px" android:cropToPadding="true" android:src="@drawable/btn_mode_switch_bg"  
2.         android:layout_width="wrap_content" android:layout_height="wrap_content"></ImageView>  
3.     <ImageView android:background="@android:color/white" android:scrollY="10px" android:cropToPadding="true" android:src="@drawable/btn_mode_switch_bg"  
4.         android:layout_width="wrap_content" android:layout_height="wrap_content"></ImageView>  
5.     <ImageView android:paddingTop="10px"  android:background="@android:color/white" android:scrollY="10px" android:cropToPadding="true" android:src="@drawable/btn_mode_switch_bg"  
6.         android:layout_width="wrap_content" android:layout_height="wrap_content"></ImageView>  
7.     <ImageView android:paddingTop="10px" android:background="@android:color/white" android:scrollY="10px" android:cropToPadding="false" android:src="@drawable/btn_mode_switch_bg"  
8.         android:layout_width="wrap_content" android:layout_height="wrap_content"></ImageView>