Android页面布局问题

在Android中在页面方面有很多布局方式，今天在这里总结一下几个比较常用的选择器。这些选择器通常是跟一些控件在一起产生作用，它们生成的文件通常被当做图片或是按钮的背景。

首先，说一下selector选择器，它可以设置不同的图片或字体的颜色。这个选择器通常是我们在点击某个页面的内容时，被选中的内容的背景或文字颜色发生变化，图片的变化的实现时现在res/drawable文件下创建一个xml文件，里面写上当执行什么操作时，图片会发生什么变化，然后在layout文件里只需把这个文件当做drawable类型的图片当做背景使用即可。下面是当点击某些文字时，文字的背景发生变化：

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_pressed="true" android:drawable="@drawable/comm_new_home_index_fourm_press"/>
    <item android:drawable="@drawable/comm_new_home_index_fourm_normal"/>
</selector>

我们也可以在点击某个按钮时，让按钮上的文字颜色发生改变，单这个xml文件要建在res/color目录下。下面是点击按钮时，按钮上的文字颜色变为红色：

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_pressed="true" android:color="#ff0000"/>
    <item android:color="#000000"/>
</selector>

Shape选择器是自定义图片，可以自定义图片的形状，填充的颜色，描边的颜色。下面的是自定义了一个矩形，边框的颜色是绿色：

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >


    <!-- 四边形角的弧度 -->
    <corners android:radius="20dp" />
    <!-- 描边 -->
    <stroke
        android:width="2dp"
        android:color="#00ff00" />
</shape>

Layer是实现多张图片的叠加，定义好每张图片的大小，就可以实现多张图片叠加在一起的效果

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >


    <!-- 图片叠加 -->
    <item android:drawable="@drawable/grossini_dance_01"/>
    <item
        android:drawable="@drawable/grossini_dance_02"
        android:left="10dp"
        android:top="10dp"/>
    <item
        android:drawable="@drawable/grossini_dance_03"
        android:left="20dp"
        android:top="20dp"/>
</layer-list>

Level list选择器通常是根据变量取值的不同，选择显示不同的图片当背景。这个通常应用在电量或者WiFi信号上，系统得到当前的值，然后调出符合当前的图片展示在页面上。

下面展示的是循环显示不同的图片：

<?xml version="1.0" encoding="utf-8"?>
<level-list xmlns:android="http://schemas.android.com/apk/res/android" >


    <item
        android:maxLevel="0"
        android:drawable="@drawable/grossini_dance_01"/>
    <item
        android:maxLevel="1"
        android:drawable="@drawable/grossini_dance_02"/>
    <item
        android:maxLevel="2"
        android:drawable="@drawable/grossini_dance_03"/>
    <item
        android:maxLevel="3"
        android:drawable="@drawable/grossini_dance_04"/>
    <item
        android:maxLevel="4"
        android:drawable="@drawable/grossini_dance_05"/>
    <item
        android:maxLevel="5"
        android:drawable="@drawable/grossini_dance_06"/>
    <item
        android:maxLevel="6"
        android:drawable="@drawable/grossini_dance_07"/>
    <item
        android:maxLevel="7"
        android:drawable="@drawable/grossini_dance_08"/>
</level-list>

然后在Activity文件里循环调用level文件即可

protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.selectorlayout);
final ImageView img = (ImageView)findViewById(R.id.imageView2);
Button btn = (Button)findViewById(R.id.button2);
btn.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
i++;
if(i>=5){
i=0;
}
img.getDrawable().setLevel(i);
}
});