首頁  >  文章  >  web前端  >  src和background的差別在哪裡

src和background的差別在哪裡

yulia
yulia原創
2018-09-21 17:37:183600瀏覽

我們都知道想在頁面中加入圖片,可以使用src,還可以透過background,那這兩者都可以加入圖片,它們有什麼不同呢?接下來就跟大家聊聊src和background的差別,有興趣的朋友可以看看,歡迎按讚留言。

ImageView中XML屬性src和background的區別:

background會根據ImageView元件給定的長寬進行拉伸,而src就存放的是原圖的大小,不會進行拉伸。 src是圖片內容(前景),bg是背景,可以同時使用。

此外:scaleType只對src起作用;bg可設定透明度,例如在ImageButton中就可以用android:scaleType控制圖片的縮放方式,範例程式碼如下:

<ImageView android:id="@+id/img"?
android:src="@drawable/logo"
android:scaleType="centerInside"
android:layout_width="60dip"
android:layout_height="60dip"
android:layout_centerVertical="true"/>

說明:centerInside表示按比例縮放圖片,使得圖片長?(寬)的小於等於視圖的對應維度。

注意:控制的圖片為資源而非背景,即android:src="@drawable/logo",而非android:background="@drawable/logo"。程式中動態載入圖片也類似,如:應該imgView.setImageResource(R.drawable.*);而非imgView.setBackgroundResource(R.drawable.*)

#附:更詳細的scaleType說明:

CENTER /center在視圖中心顯示圖片,並且不縮放圖片

CENTER_CROP/ centerCrop 按比例縮放圖片,使得圖片長?(寬)的大於等於視圖的相應維度

CENTER_INSIDE/ centerInside 按比例縮放圖片,使得圖片長?(寬)的小於等於視圖的相應維度

FIT_CENTER/ fitCenter 按比例縮放圖片到視圖的最小邊,居中顯示

# FIT_END/ fitEnd 按比例縮放圖片到視圖的最小邊,顯示在視圖的下部分位置

FIT_START/ fitStart 把圖片按比例擴大/縮小到視圖的最小邊,顯示在視圖的上部分位置

FIT_XY/ fitXY 把圖片不按比例縮放到視圖的大小顯示

MATRIX/ matrix 用矩陣來繪製

以上是src和background的差別在哪裡的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn