2021-09-29

【Android】Layout 加上背景圖

先將圖片放置於 /res/drawable 目錄下,本例放了一張直的 teddy.jpg 和一張 不足螢幕尺寸的小圖片 tile.jpg

 

類型一

 
<???Layout
    ...
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/teddy" >
 
結果如下


類型二
當圖片不足螢幕尺寸時,layout 會將照片放大填滿整個螢幕,圖片會失真、糊掉。
 
<???Layout
    ...
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/tile" >
 



但我們想要呈現的效果是像磁磚一樣,將同一張小圖片多張、重複性地填滿螢幕

先建立一個重複圖片的 main_tile.xml
 
<?xml version="1.0" encoding="utf-8"?>
<bitmap 
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:src="@drawable/tile"
    android:tileMode="repeat" />
 


然後在 layoutbackground 屬性填入 main_tile.xml

 
<???Layout
    ...
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/main_tile" >



就不會像前一張那樣,圖片的顆粒被放大,呈現出模糊的效果。

沒有留言:

張貼留言