直接上效果圖:
對應的代碼:
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context="com.example.imagedemo.MainActivity" >
<LinearLayout
android:orientation="vertical"
android:layout_width="wrap_content"
android:layout_height="wrap_content">
<ImageView
android:id="@+id/imageView1"
android:layout_width="103dp"
android:layout_height="70dp"
android:background="#ff0000"
android:src="@drawable/a2"/>
<!-- fitXY 把圖檔不按比例擴大/縮小到View的大小顯示(確定圖檔會完整顯示,并充滿View) -->
<ImageView
android:layout_width="103dp"
android:layout_height="70dp"
android:scaleType="fitXY"
android:background="#ff0000"
android:src="@drawable/a2"/>
<!-- fitStart 把圖檔按比例擴大/縮小到View的寬度,顯示在View的上部分位置(圖檔會完整顯示) -->
<ImageView
android:layout_width="103dp"
android:layout_height="70dp"
android:scaleType="fitStart"
android:background="#ff0000"
android:src="@drawable/a2"/>
<!-- fitCenter 把圖檔按比例擴大/縮小到View的寬度,居中顯示(圖檔會完整顯示) -->
<ImageView
android:layout_width="103dp"
android:layout_height="70dp"
android:scaleType="fitCenter"
android:background="#ff0000"
android:src="@drawable/a2"/>
<!-- fitEnd 把圖檔按比例擴大/縮小到View的寬度,顯示在View的下部分位置(圖檔會完整顯示) -->
<ImageView
android:layout_width="103dp"
android:layout_height="70dp"
android:scaleType="fitEnd"
android:background="#ff0000"
android:src="@drawable/a2"/>
</LinearLayout>
<TextView
android:id="@+id/textView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/hello_world" />
<LinearLayout
android:orientation="vertical"
android:layout_width="wrap_content"
android:layout_height="wrap_content">
<!-- center 按圖檔的原來size居中顯示,當圖檔寬超過View的寬,則截取圖檔的居中部分顯示,當圖檔寬小于View的寬,則圖檔居中顯示 -->
<ImageView
android:layout_width="103dp"
android:layout_height="70dp"
android:scaleType="center"
android:background="#ff0000"
android:src="@drawable/a2"/>
<!-- centerCrop 按比例擴大/縮小圖檔的size居中顯示,使得圖檔的高等于View的高,使得圖檔寬等于或大于View的寬 -->
<ImageView
android:layout_width="103dp"
android:layout_height="70dp"
android:scaleType="centerCrop"
android:background="#ff0000"
android:src="@drawable/a2"/>
<!-- centerInside 将圖檔的内容完整居中顯示,使得圖檔按比例縮小或原來的大小(圖檔比View小時)使得圖檔寬等于或小于View的寬 (圖檔會完整顯示) -->
<ImageView
android:layout_width="103dp"
android:layout_height="70dp"
android:scaleType="centerInside"
android:background="#ff0000"
android:src="@drawable/a2"/>
</LinearLayout>
</LinearLayout>