Android美工坊：Selector选择器的使用

Android selector选择器可以让你切换自定义的背景风格，比如button、ListView、或者布局点击时候的背景切换等，都需要用到它

　　背景可以是自定义到颜色，或者图片资源

　　首先需要在你的res目录下创建drawable文件夹，然后在里面创建一个selector文件，如myselector.xml

　　注：不知为什么，selector里面有关focus的东西在真机上没什么效果，反而会影响使用，比如android:state_focus="true"，加上它就没有效果，去掉它就可以正常使用了

　　默认情况下直接用下面的布局即可实现点击后即可切换背景，其实只需要两个item标签即可，当然，item标签内部可以用shape标签自定义不同的风格

　　例子1：button点击效果

<?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/button_pressed"
        ></item>
    <item
        android:drawable="@drawable/button_normal"
        ></item>
</selector>

res/layout/main.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >
    <Button
        android:id="@+id/test"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:background="@drawable/myselectr"
        android:text="Go Home"
        />
</LinearLayout>

　　运行效果：

　　这是正常情况

　　这是点击后的效果

　　当然，针对button的selector还有很多其他的配置，但是对于一般程序来说上面的配置就够了

　　例子2：TextView点击效果

　　这个例子是网上找的，演示的是一个用TextView来定义的一个Button，实现类似TabWidget风格的选项卡。

　　自定义按钮，这里没有通过Button类或者子类去做派生，而是通过TextView派生出来的。

　　在这里三个按钮是三个TextView派生类实例，中间的白线，是1px宽的白色矩形，这样就可以做出类似上面的效果。先看图

　　点击后

　　转自：http://marshal.easymorse.com/archives/3059

　　/res/drawable/background_color.xml 用shape标签自定义一个渐变背景

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >
    <gradient
        android:startColor="#FFFFFFFF"
        android:endColor="#FFFFFFFF"
        android:angle="270.0"
        android:centerY="0.3"
        android:centerColor="#FFBDBDBD"
        />
</shape>

/res/drawable/button_color.xml
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >
    <gradient
        android:startColor="#FF7F7F7F"
        android:endColor="#FF000000"
        android:angle="270.0"
        />
</shape>

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android"
    android:constantSize="true">
    
    <item android:state_focused="true">
        <shape>
            <gradient
                android:startColor="#FFE5CF33"
                android:endColor="#FFF1E7A2"
                android:angle="90.0"
                />
        </shape>
    </item>
    
    <item android:state_enabled="true" android:state_pressed="false">
        <shape>
            <gradient
                android:startColor="#FF1B1B1B"
                android:endColor="#FF969696"
                android:angle="90.0"
                />
        </shape>
    </item>
    
    <item android:state_enabled="true" android:state_pressed="true">
        <shape>
            <gradient
                android:startColor="#FF000000"
                android:endColor="#FF474747"
                android:angle="90.0"
                />
        </shape>
    </item>
    <item android:state_enabled="false" android:state_pressed="true">
        <shape>
            <gradient
                android:startColor="#FF000000"
                android:endColor="#FF474747"
                android:angle="90.0"
                />
        </shape>
    </item>
    
    <item>
        <shape>
            <gradient
                android:startColor="#FF000000"
                android:endColor="#FF474747"
                android:angle="90.0"
                />
        </shape>
    </item>
</selector>

res/drawable/button_selector.xml
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android"
    android:constantSize="true">
    
    <item android:state_focused="true">
        <shape>
            <gradient
                android:startColor="#FFE5CF33"
                android:endColor="#FFF1E7A2"
                android:angle="90.0"
                />
        </shape>
    </item>
    
    <item android:state_enabled="true" android:state_pressed="false">
        <shape>
            <gradient
                android:startColor="#FF1B1B1B"
                android:endColor="#FF969696"
                android:angle="90.0"
                />
        </shape>
    </item>
    
    <item android:state_enabled="true" android:state_pressed="true">
        <shape>
            <gradient
                android:startColor="#FF000000"
                android:endColor="#FF474747"
                android:angle="90.0"
                />
        </shape>
    </item>
    <item android:state_enabled="false" android:state_pressed="true">
        <shape>
            <gradient
                android:startColor="#FF000000"
                android:endColor="#FF474747"
                android:angle="90.0"
                />
        </shape>
    </item>
    
    <item>
        <shape>
            <gradient
                android:startColor="#FF000000"
                android:endColor="#FF474747"
                android:angle="90.0"
                />
        </shape>
    </item>
</selector>

res/layout/main.xml，这个是主布局，由自定义的Button和1px的白色矩形组成
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:background="@drawable/background_color"
    android:orientation="vertical" >

　　继承自TextView的自定义Button

package com.loulijun.demo02;
import android.content.Context;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;
import android.widget.TextView;
import android.widget.Toast;
public class TextButton extends TextView {
    public TextButton(Context context)
    {
        super(context);
    }
    public TextButton(Context context, AttributeSet attrs, int defStyle)
    {
        super(context,attrs,defStyle);
    }
    public TextButton(final Context context, AttributeSet attrs)
    {
        this(context,attrs,0);
        this.setOnTouchListener(new OnTouchListener()
        {
            @Override
            public boolean onTouch(View v, MotionEvent event) {
                if(event.getAction()==MotionEvent.ACTION_CANCEL
                        ||event.getAction()==MotionEvent.ACTION_UP
                        ||event.getAction()==MotionEvent.ACTION_OUTSIDE)
                {
                    Toast.makeText(context, "hello", Toast.LENGTH_SHORT).show();
                }
                return false;
            }

        });
    }
}

　　主程序

package com.loulijun.demo02;
import android.app.Activity;
import android.os.Bundle;
public class Demo02Activity extends Activity {
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
    }
}

本文转自 wws5201985 51CTO博客，原文链接：http://blog.51cto.com/wws5201985/812711，如需转载请自行联系原作者

Android美工坊：Selector选择器的使用相关推荐

Android美工坊--一个QQ登录验证的小例子
客户端: 1.登录时检查网络状态 2.登录加载进度条 3.登录服务器端进行验证,如果用户名和密码存在且正确,则登录,否则失败 4.注册时将用户信息保存到服务器端数据库中(MySQL) 5.记住密码功能 ...
Android中的Selector
selector的用法 android中selector主要用于在不同的状态下设置不同的背景或者不同的颜色. selector分为两种类型,colorselector和drawableselector ...
Java NIO之Selector(选择器)
**Java高级特性增强-NIO 本部分网络上有大量的资源可以参考,在这里做了部分整理并做了部分勘误,感谢前辈的付出,每节文章末尾有引用列表~ 写在所有文字的前面:作者在此特别推荐Google排名第一 ...
Android中的Selector的用法
Android中的Selector主要是用来改变ListView和Button控件的默认背景.其使用方法可以按一下步骤来设计: (以在mylist_view.xml为例) 1.创建mylist_vie ...
Selector选择器概述||Selector选择器组合使用
Selector选择器组合使用
使用选择器语法查找元素——Selector选择器概述 ——未完待续
使用选择器语法查找元素 jsoup elements对象支持类似于CSS (或jquery)的选择器语法,来实现非常强大和灵活的查找功能. select 方法在Document, Element,或E ...
[JavaWeb-XML]XML_快捷查询方式(selector选择器，XPath)
快捷查询方式: 1. selector:选择器* 使用的方法:Elements select(String cssQuery)* 语法:参考Selector类中定义的语法2. XPath:XPath ...
Android样式开发--selector
Thanks to 转载自Keegan小钢原文链接:http://keeganlee.me/post/android/20150905 上一篇详细讲了shape的用法,讲解了怎么用shape自定义矩 ...
（五）Netty之Selector选择器
基本介绍 Java的NIO,用非阻塞的IO方式,可以用一个线程,处理多个客户端连接,就会使用到Selector(选择器) Selector能够检测多个注册通道上是否有事件发生(注意:多个Channel ...

Android美工坊：Selector选择器的使用

Android美工坊：Selector选择器的使用相关推荐

最新文章

热门文章