安卓基本控件之ImageView

佈局文件

<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:orientation="horizontal" >

    <!-- 第一列 -->

    <LinearLayout
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="1"
        android:orientation="vertical"
         >
        <!--默認顯示的圖片  -->
        <ImageView
            android:layout_width="100dp"
            android:layout_height="150dp"
            android:src="@drawable/test_small" />
        <!-- android:scaleType="matrix" 保持圖片的原比例 如果圖片大 從左上角截取ImageView寬高的圖片 -->
        <ImageView
            android:layout_width="100dp"
            android:layout_height="150dp"
            android:src="@drawable/test_small"
            android:scaleType="matrix"
            />
        <!--    android:scaleType="fitXY" 不按圖片比例進行縮放  直至完全填充ImageView -->
        <ImageView
            android:layout_width="100dp"
            android:layout_height="150dp"
            android:src="@drawable/test_small"
            android:scaleType="fitXY"
            />
    </LinearLayout>
    <!-- 第二列 -->

    <LinearLayout
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="1"
        android:orientation="vertical"
        >
        
        <!-- android:scaleType="fitStart" 按圖片比例進行縮放 顯示在ImageView的頂部   -->
        <ImageView
            android:layout_width="100dp"
            android:layout_height="150dp"
            android:src="@drawable/test_small"
            android:scaleType="fitStart"
            />
        <!-- android:scaleType="fitCenter" 按圖片比例進行縮放 顯示在ImageView的中央   -->
        <ImageView
            android:layout_width="100dp"
            android:layout_height="150dp"
            android:src="@drawable/test_small"
            android:scaleType="fitCenter"
            />
        <!-- android:scaleType="fitEnd" 按圖片比例進行縮放 顯示在ImageView的底部   -->
        <ImageView
            android:layout_width="100dp"
            android:layout_height="150dp"
            android:src="@drawable/test_small"
            android:scaleType="fitEnd"
            />
    </LinearLayout>
    <!-- 第三列 -->

    <LinearLayout
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="1"
        android:orientation="vertical"
        >
        
        <!--   不進行縮放  從中間開始截取  截取和ImageView相同大小的圖片 -->
        <ImageView
            android:layout_width="100dp"
            android:layout_height="150dp"
            android:src="@drawable/test_small"
            android:scaleType="center"
            />
        <!--   等比例進行縮放   從中間位置 開始截取和ImageView相同大小的圖片-->
        <ImageView
            android:layout_width="100dp"
            android:layout_height="150dp"
            android:src="@drawable/test_small"
            android:scaleType="centerCrop"
            />
        <!--   等比例縮小圖片  顯示在ImageView 中間部分-->
        <ImageView
            android:layout_width="100dp"
            android:layout_height="150dp"
            android:src="@drawable/test_small"
            android:scaleType="centerInside"
            />
    </LinearLayout>

</LinearLayout>

Java代碼


import android.os.Bundle;
import android.app.Activity;
import android.view.Menu;

public class MainActivity extends Activity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
    }


    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.main, menu);
        return true;
    }
    
}



發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章