教學(xué)知識點(diǎn)圖片控件

學(xué)習(xí)目標(biāo)知識目標(biāo)掌握圖片控件01能力目標(biāo)會(huì)使用圖片控件02圖片控件什么是圖片控件？圖片控件，用于在屏幕中顯示任何Drawable對象，通常用來顯示圖片。在Andriod中，可以使用兩種方法向屏幕中添加圖像視圖：一種是通過在XML布局文件中使用<ImageView>標(biāo)記添加；另一種是在java文件中，通過new關(guān)鍵字創(chuàng)建。推薦采用第一種方法。使用ImageView組件顯示圖像時(shí)，通?？梢詫⒁@示的蹄片放置在res/drawable目錄中，然后應(yīng)用在面的代碼將其顯示在布局管理器中。圖片控件<ImageView

屬性列表

></ImageView>

ImageView支持的常用XML屬性圖片控件XML屬性描述android:adjustViewBounds用于設(shè)置ImageView是否調(diào)整自己的邊界來保持所顯示圖片的長寬比android:maxHeight設(shè)置ImageView的最大高度，需要設(shè)置android:adjustViewBounds屬性值為true，否則不起作用android:maxWidth設(shè)置ImageView的最大寬度，需要設(shè)置android:adjustViewBounds屬性值為true，否則不起作用android:scaleType用于設(shè)置所顯示的圖片如何縮放或移動(dòng)以適應(yīng)ImageView的大小，其屬性值可以是matrix（使用matrix方式進(jìn)行縮放）、fitXY（對圖片橫向、縱向獨(dú)立縮放，使得該圖片完全適應(yīng)于該ImageView，圖片的縱橫比可能會(huì)改變）、fitStart（保持縱橫比縮放圖片，直到該圖片能完全顯示在ImageView中，縮放完成后該圖片放在ImageView的左上角）、fitCenter（保持縱橫比縮放圖片，直到該圖片能完全顯示在ImageView中，縮放完成后該圖片放在ImageView的中央）、fitEnd（保持縱橫比縮放圖片，直到該圖片能完全顯示在ImageView中，縮放完成后該圖片放在ImageView的右下角）、center（把圖像放在ImageView的中間，但不進(jìn)行任何縮放）、centerCrop（保持縱橫比縮放圖片，以使得圖片能完全覆蓋ImageView）或centerInside（保持縱橫比縮放圖片，以使得ImageView能完全顯示該圖片）android:src用于設(shè)置ImageView所顯示的Drawable對象的ID，例如，設(shè)置顯示保存在res/drawable目錄下的名稱為flower.jpg的圖片，可以將屬性值設(shè)置為android:src="@drawable/flower"android:tint用于為圖片著色，其屬性值可以是“#rgb”、“#argb”、“#rrggbb”或“#aarrggbb”表示的顏色值圖片控件示例應(yīng)用ImageView組件顯示圖像。圖片控件示例1.將垂直線性布局管理器設(shè)置為水平布局管理器，在該布局管理器中添加一個(gè)TextView組件，用于按圖片的原始尺寸顯示圖像，代碼如下。<?xmlversion="1.0"encoding="utf-8"?><LinearLayoutxmlns:android=""android:orientation="horizontal"android:layout_width="fill_parent"android:layout_height="fill_parent"android:background="@drawable/background"><ImageViewandroid:src="@drawable/flower"android:id="@+id/imageView1"android:layout_margin="5px"android:layout_height="wrap_content"android:layout_width="wrap_content"/></LinearLayout>圖片控件示例2.在線性布局管理器中，添加一個(gè)ImageView組件，并設(shè)置該組件的最大高度和寬度。<ImageViewandroid:src="@drawable/flower"android:id="@+id/imageView2"android:maxWidth="180px"android:maxHeight="180px"android:adjustViewBounds="true"android:layout_margin="5px"android:layout_height="wrap_content"android:layout_width="wrap_content"/>圖片控件示例3.添加一個(gè)ImageView組件，實(shí)現(xiàn)保持縱橫比縮放圖片，直到該圖片能完全顯示在ImageView組件中，并讓該圖片顯示在ImageView組件的右下角，具體代碼如下。<ImageViewandroid:src="@drawable/flower"android:id="@+id/imageView3"android:scaleType="fitEnd"android:layout_margin="5px"android:layout_height="180px"android:layout_width="180px"/>圖片控件示例4.添加一個(gè)ImageView組件，實(shí)現(xiàn)為顯示在ImageView組建中的的圖像著色的功能，這里設(shè)置的是半透明的紅色，具體代碼如下。<ImageViewandroid:src="@drawable/flower"android:id="@+id/imageView4"