UI布局之selector layer-list

1,当我们想把多个图层叠在一起现身的时候，可以使用layer-list

在drawable下建立一个xml文件  例如 login_head.xml

 

<?xml version="1.0" encoding="UTF-8"?>
<layer-list
  xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:id="@+id/user_faceback_drawable" android:drawable="@drawable/faceback" />
    <item android:id="@+id/user_face_drawable" android:drawable="@drawable/h001" android:left="10.0dip" android:top="18.0dip" android:right="25.0dip" android:bottom="35.0dip" />
</layer-list>

 

其中facebook h001都是在drawable下的图片，这样就可以在layout xml文件中使用了

使用方法:

 

android:background="@drawable/login_head"

 

 

2,当我们像让界面随着动作的不同也改变时，例如当checkbox选中和没选中，或者获得焦点时，可以让它显示不同的状态，这些可以在java代码中通过捕捉事件来实现，也可以使用selector，并且更简单。

在drawable下建立一个xml文件，例如 check.xml

 

<?xml version="1.0" encoding="UTF-8"?>
<selector
  xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_enabled="false" android:drawable="@drawable/login_input" />
    <item android:state_pressed="true" android:drawable="@drawable/login_input" />
    <item android:state_focused="true" android:drawable="@drawable/input_over" />
</selector>

 

使用方法

 

android:background="@drawable/check"