Android图形选择 - Selector - android

1 概述

1.1 编写目的

学习Android图形选择Selector相关的知识，记录下来，方便后续学习及查询。

2 Selector图形（Drawable）

Android上Selector有selector和item两种属性，其中selector为一级属性，其余为item子属性，子属性可以选择定义。基本结构如下图：

<?xml version="1.0" encoding="utf-8"?>

2.1 Selector属性

Selector共包含以下属性：

Dither：值为“true”时，将在位图的像素配置与屏幕不同时（例如：ARGB 8888 位图和 RGB 565 屏幕）启用位图的抖动；值为“false”时则停用抖动。默认值为 true。　　　　
Visible：设置初始的可见性状态，默认为false。
ExitFadeDuration：状态改变时，旧状态消失时的淡出时间，单位毫秒。
EnterFadeDuration：状态改变时，新状态展示时的淡入时间，单位毫秒。　　　　　　　　
VariablePadding：如果可绘制对象的内边距，应根据选择的当前状态而变化，则值为“true”；如果内边距应保持不变（基于所有状态的最大内边距），则值为“false”。启用此功能要求您在状态变更时处理执行布局，这通常不受支持。默认值为 false。　
AautoMirrored：设置图片是否需要镜像反转，当布局方向是RTL，即从右到左布局时才有用。　
ConstantSize：可绘制对象报告的内部大小，在状态变更时保持不变，则值为“true”（大小是所有状态的最大值）；如果大小根据当前状态而变化，则值为“false”。默认值为 false。　　　　

2.2 Item属性

Item共包含以下属性：

其中一级属性如下：
Drawable：引用要插入的可绘制对象资源,可以是图片和颜色。列如：android:drawable="@drawable/my_selected"、 android:drawable="#888888"或android:drawable=" @color/gray"。
State_accelerated：判断对象是否启用硬件加速时使用此项目["true" | "false"]。
State_activated：判断对象是否具激活作为持续选择时使用此项目["true" | "false"]。
State_active：判断对象是否激活时使用此项目["true" | "false"]。
State_checkable：判断是否可选中对象时使用此项目["true" | "false"]。
State_checked：判断是否选中对象时使用此项目["true" | "false"]。
State_drag_can_accept：判断对象是否可以拖拽时使用此项目["true" | "false"]。
State_drag_hovered：判断对象拖拽时上面是否有View时使用此项目["true" | "false"]。
State_enabled：判断是否启用对象是使用此项目（是否能够接收触摸/点击事件）["true" | "false"]。
State_first：判断对象是否处于开始状态时使用此项目["true" | "false"]。
State_focused：判断对象是否具有焦点时使用此项目["true" | "false"]。
State_hovered：判断是否将光标停在对象上时使用此项目["true" | "false"]。
State_last：判断对象是否处于结束状态时使用此项目["true" | "false"]。
State_middle：判断对象是否处于中间状态时使用此项目["true" | "false"]。
State_pressed：判断是否按下对象时使用此项目["true" | "false"]。
State_selected：判断是否选择对象时使用此项目["true" | "false"]，对应View.setSelected(true)、View.setSelected(false)。
State_single：判断对象或父对象是否处于选择状态时使用此项目["true" | "false"]。
State_window_focused：判断对象所在窗口是否有焦点上时使用此项目["true" | "false"]。

2.3 Item下级属性

如2.2所示Item共包含animated-rotate、animated-selector、animation-list、bitmap、clip、color、inset、layer-list、level-list、nine-patch、ripple、rotate、scale、selector、shape、transition等下级属性：

Bitmap: 详情Bitmap图形。
Shape: 详情自定义图形。
Layer-list: 详情图形层叠。
部分属性请看下面第5。

2.4 Item常用属性

一般在按压、选择、焦点状态显示一种效果，其它显示一种效果。创建my_selected.xml和my_unselected.xml除颜色外，其它一样，my_selected.xml如下所示：

创建my_selector.xml内容如下：

<?xml version="1.0" encoding="utf-8"?>

2.5 资源创建

在res/drawable/下创建 my_selector.xml文件，内容如2.4所示。

3 Selector颜色（Color）

3.1 Selector属性

选择颜色时，selector没有包含属性。

3.2 Item属性

Item共包含以下属性：

Color：引用的颜色，android:color ="#888888"或android:color=" @color/gray"。

其它属性和图形的一致。

3.3 Item常用属性

常用属性同图形一致。创建color_selector.xml内容如下：

<?xml version="1.0" encoding="utf-8"?>

3.4 资源创建

在res/color/下创建 color_selector.xml文件，内容3.3所示。

4 Selector应用

使用2、3中的图形和颜色选择。布局setector_view.Xml如下：

<?xml version="1.0" encoding="utf-8"?>

代码片段：

public class SetectorActivity extends Activity{    private Button myButton1, myButton2, myButton3;    @Override    protected void onCreate(@Nullable Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.setector_view);        myButton1 = (Button) findViewById(R.id.selector_button1);        myButton2 = (Button) findViewById(R.id.selector_button2);        myButton1.setOnClickListener(myOnClickListener);        myButton2.setOnClickListener(myOnClickListener);    }    View.OnClickListener myOnClickListener = new View.OnClickListener() {        @Override        public void onClick(View v) {            myButton1.setSelected(false);            myButton2.setSelected(false);            v.setSelected(true);        }    };}

效果如下：

5 Item下级属性

5.1 Animated-rotate属性（旋转）

旋转动画，在item中该属性包含以下几个属性,修改my_selector.xml如下：

<?xml version="1.0" encoding="utf-8"?>    android:state_focused="true" />

Drawable：指向图片资源。
PivotX：旋转中心X坐标，布局控件的宽为X,左上为0点。
PivotY：旋转中心Y坐标，布局控件的高为Y,左上为0点。
Visible：是否可见["true" | "false"]。
其中animated_rotate_test.xml如下，图形居中，白色为参考线，实际显示时删除了没有：

修改setector_view.Xml如下,Button控件高宽改为500px,这样animated-rotate中pivotX和PivotY刚好在中间：

<?xml version="1.0" encoding="utf-8"?>

其它文件不变，效果如下：

5.2 Color属性

只有一项属性，设置颜色。

5.3 Clip属性（截取）

截取显示，共用三个属性drawable（图片资源）、clipOrientation（截取方向）、gravity（重心），修改my_selector.xml如下

<?xml version="1.0" encoding="utf-8"?>

修改setector_view.Xml如下

<?xml version="1.0" encoding="utf-8"?>

修改代码：

public class SetectorActivity extends Activity{    private Button myButton1, myButton2;    private ImageView myImageView;    @Override    protected void onCreate(@Nullable Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.setector_view);        myImageView = (ImageView) findViewById(R.id.selector_button1);        myButton2 = (Button) findViewById(R.id.selector_button2);        myImageView.setOnClickListener(myOnClickListener);        myButton2.setOnClickListener(myOnClickListener);    }    View.OnClickListener myOnClickListener = new View.OnClickListener() {        @Override        public void onClick(View v) {            myImageView.setSelected(false);            myButton2.setSelected(false);            if (R.id.selector_button2 == v.getId()) {                Drawable drawable = myImageView.getDrawable();                drawable.setLevel(drawable.getLevel() + 500);            }            v.setSelected(true);        }    };}

效果如下：

5.4 Scale属性（缩放）

缩放显示，修改my_selector.xml，属性如下：

<?xml version="1.0" encoding="utf-8"?>

Drawable：指向图片资源。
ScaleGravity：缩放重心。
Level：缩放比例，通过代码drawable.setLevel实时修改缩放比例（代码设置时UseIntrinsicSizeAsMinimum必须为false）。
UseIntrinsicSizeAsMinimum：是否使用原始大小作为最小高宽，如果为true，将不能通过setLevel改变比例。
ScaleHeight：高度缩放比例，[0%~100%],表示从高度多少开始缩放，0%表示起始高度为原图高度（不缩放），100%表示起始高度为0。

ScaleWidth：宽度缩放比例，[0%~100%],表示从宽度多少开始缩放。

其它控件和代码同5.5，效果如下：

5.5 Rotate属性（旋转）

旋转显示，修改my_selector.xml，属性如下：

<?xml version="1.0" encoding="utf-8"?>

Drawable：指向图片资源。
FromDegrees：旋转的开始角度。
ToDegrees：旋转的结束角度。
PivotX：旋转中心X坐标，布局控件的宽为X,左上为0点。
PivotY：旋转中心Y坐标，布局控件的高为Y,左上为0点。
Visible：是否可见["true" | "false"]。

5.6 Ripple属性（水波）

水波效果，修改my_selector.xml，属性如下：

<?xml version="1.0" encoding="utf-8"?>

Color：水波颜色。
Radius：水波半径。
其它同代码同5.5，效果如下：

5.7 Inset属性（边距等比例缩小）

按照边距等比例缩小，修改my_selector.xml，属性如下：

<?xml version="1.0" encoding="utf-8"?>

Drawable：指向图片资源。
Inset：与四周的距离。
InsetTop：与顶部的距离。
InsetBottom：与底部的距离。
insetLeft：与左边的距离。
insetRight：与右边的距离。
Visible：是否可见["true" | "false"]。

Inset和InsetTop、InsetBottom、insetLeft、insetRight同时设置时，单独设置有效，修改setector_view.Xml中背景用于对比，效果如下：

Android图形选择 - Selector