close

圖片視圖(ImageView)的基本概念

1. XML文件當中使用<ImageView/>標籤

2. 在代碼當中使用ImageView的物件表示

3. ImageView用於裝圖片的容器

 

<ImageView/>ImageView之間的關係與程式範例

11_activity_main.jpg 11_MainActivity.jpg 11_Firstproject結果.jpg  

 

ScaleType屬性之介紹

ScaleType使用時機

ScaleType用於當圖片和ImageView大小不匹配時之處理。

 

ScaleType的語法

<ImageView

        android:id=…..

        ….

        android:scaleType=”fitCenter” />                //屬性內容如下

 

XMLScaleType的使用屬性種類介紹

11_activity_main-ScaleType.jpg

11_bear-ScaleType.jpg

11_ic_launcher-ScaleType.jpg  

1. CENTER:當圖片比ImageView大時,會將該圖片中央的部分擷取出,並放在ImageView顯示出來。反之,當圖片比ImageView小時,會將該圖片以居中的方式顯示。

11_ScaleType-center.jpg  

 

2. CENTER_CROP:當圖片比ImageView/小時,會依圖片之等比例縮放,並將其放在框的中間顯示,即大的圖縮小,小的圖放大。但是,如果該圖非正方形者,會依其短邊來與ImageView的邊相等,因此其會將ImageView完全的填滿。

11_ScaleType-centerCrop.jpg  

 

3. CENTER_INSIDE:當圖片比ImageView大時,會依圖片之等比例縮小,並將其放在框的中間顯示。反之,當圖片比ImageView小時,則該圖片不縮放,但將其以居中的方式呈現。

11_ScaleType-centerInside.jpg  

 

4. FIT_CENTER(START, END):當圖片比ImageView/小時,會依圖片之等比例縮放,並將其放在框的中間顯示,即大的圖縮小,小的圖放大。而fitStart則靠上顯示;fitEnd為靠下顯示。

11_ScaleType-fitCenter.jpg 11_ScaleType-fitStart.jpg 11_ScaleType-fitEnd.jpg  

 

5. FIT_XY:圖片按照指定的大小在ImageView中顯示,延展顯示圖片,不保持原有之比例,全部顯示圖片並填滿ImageView

11_ScaleType-fitXY.jpg  

 

在代碼中之ScaleType的屬性設置介紹

11_MainActivity-ScaleType.jpg  

 

arrow
arrow

    Elsa 發表在 痞客邦 留言(0) 人氣()