Android中layer-list使用詳解

使用layer-list可以將多個drawable按照順序層疊在一起顯示,默認情況下,所有的item中的drawable都會自動根據它附上view的大小而進行縮放,

layer-list中的item是按照順序從下往上疊加的,即先定義的item在下面,後面的依次往上面疊放

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
    
    <item >
        <shape android:shape="rectangle" >
            <solid android:color="#0000ff"/>
        </shape>
    </item>
 
    <item android:bottom="25dp" android:top="25dp" android:left="25dp" android:right="25dp">
        <shape android:shape="rectangle" >
            <solid android:color="#00ff00" />
        </shape>
    </item>
 
    <item android:bottom="50dp" android:top="50dp" android:left="50dp" android:right="50dp">
        <shape android:shape="rectangle" >
            <solid android:color="#ff0000" />
        </shape>
    </item>
</layer-list
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <ImageView
        android:layout_width="150dp"
        android:layout_height="150dp" 
        android:background="@drawable/layer_list"/>
</LinearLayout>

效果

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<!--設置距離父控件的距離-->
            <item android:left="0dp" android:right="0dp" android:top="0dp">
                <shape>
<!--設置邊框的寬度和顏色-->
                    <stroke android:width="3dp" android:color="@color/gray" />
<!--設置填充的顏色-->
                    <solid android:color="#ffffff" />
<!--設置4個角的弧形半徑-->
                    <corners android:bottomLeftRadius="5dp" android:bottomRightRadius="5dp" android:topLeftRadius="5dp" android:topRightRadius="5dp" />
                </shape>
            </item>


</layer-list>

 

佈局

<RelativeLayout
        android:id="@+id/title_bar"
        android:layout_width="match_parent"
        android:layout_height="40dp"

        android:background="@drawable/title_bar"
        >

 

效果

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