Android中View绘制不同状态背景图片原理

最新推荐文章于 2024-07-09 15:47:24 发布

chuanrouwb599726

最新推荐文章于 2024-07-09 15:47:24 发布

阅读量269

点赞数

文章标签：移动开发 java

原文链接：https://my.oschina.net/u/199733/blog/108994

版权

先看一下listview中的状态：

把下面的XML文件保存成你自己命名的.xml文件（比如list_item_bg.xml），在系统使用时根据ListView中的列表项的状态来使用相应的背景图片。drawable/item_bg.xml

java代码：
<?xml version="1.0" encoding="utf-8" ?> 

<selector xmlns:android="http://schemas.android.com/apk/res/android"> 

<!-- 默认时的背景图片 --> 
<item android:drawable="@drawable/pic1" /> 
<!-- 没有焦点时的背景图片 --> 
<item android:state_window_focused="false" 
android:drawable="@drawable/pic1" /> 
<!-- 非触摸模式下获得焦点并单击时的背景图片 --> 
<item android:state_focused="true" android:state_pressed="true" 
android:drawable= "@drawable/pic2" /> 
<!-- 触摸模式下单击时的背景图片 --> 
<item android:state_focused="false" android:state_pressed="true" 
android:drawable="@drawable/pic3" /> 
<!--选中时的图片背景 --> 
<item android:state_selected="true" 
android:drawable="@drawable/pic4" /> 
<!--获得焦点时的图片背景 --> 
<item android:state_focused="true" 
android:drawable="@drawable/pic5" /> 

</selector>

常用的就这些了

设置ListView等控件的选择器方式：
第一种：是在 xml 文件中的 listview 控件中配置android:listSelector=”@drawable/list_item_bg
第二种：或者在 listview 的item中添加属性 android：background=“@drawable/list_item_bg” 即可实现，或者在Java 代码中使用：

Drawable drawable = getResources().getDrawable(R.drawable.list_item_bg); 
ListView.setSelector(drawable); //同样的效果。

但是这样会出现列表有时候为黑的情况，需要加上：android:cacheColorHint=” @android :color/transparent” 使其透明。

其次再来看看Button的一些背景效果：
android:state_selected是选中
android:state_focused是获得焦点
android:state_pressed是点击
android:state_enabled是设置是否响应事件,指所有事件

根据这些状态同样可以设置button的selector效果。也可以设置selector改变button中的文字状态。

button还可以实现更复杂的效果，例如渐变啊等等。也就是说在selector的xml文件里可以加入shape属性

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

<selector xmlns:android="http://schemas.android.com/apk/res/android"> / 
<item android:state_pressed="true">//定义当button 处于pressed 状态时的形态。 
<shape> 

<gradient android:startColor="#8600ff" /> 
<stroke android:width="2dp" android:color="#000000" /> 
<corners android:radius="5dp" /> 
<padding android:left="10dp" android:top="10dp" 
android:bottom="10dp" android:right="10dp"/> 
</shape>

当然还有其他状态，
android:state_checkable
android:state_checked

前面说的xml文件，最终会被Android框架解析成StateListDrawable类对象
StateListDrawable类介绍
该类定义了不同状态值下与之对应的图片资源，即我们可以利用该类保存多种状态值，多种图片资源。常用方法为：
public void addState (int[] stateSet, Drawable drawable)
功能：给特定的状态集合设置drawable图片资源

//初始化一个空对象
StateListDrawable stalistDrawable = new StateListDrawable();
//获取对应的属性值 Android框架自带的属性 attr
int pressed = android.R.attr.state_pressed;
int window_focused = android.R.attr.state_window_focused;
int focused = android.R.attr.state_focused;
int selected = android.R.attr.state_selected;

stalistDrawable.addState(new int []{pressed , window_focused}, getResources().getDrawable(R.drawable.pic1));
stalistDrawable.addState(new int []{pressed , -focused}, getResources().getDrawable(R.drawable.pic2);
stalistDrawable.addState(new int []{selected }, getResources().getDrawable(R.drawable.pic3);
stalistDrawable.addState(new int []{focused }, getResources().getDrawable(R.drawable.pic4);
//没有任何状态时显示的图片，我们给它设置我空集合
stalistDrawable.addState(new int []{}, getResources().getDrawable(R.drawable.pic5);

上面的“-”负号表示对应的属性值为false
当我们为某个View使用其作为背景色时，会根据状态进行背景图的转换
这里顺便提一下Drawable的 public boolean isStateful ()方法
功能：表明该状态改变了，对应的drawable图片是否会改变。
在StateListDrawable类中，该方法返回为true，显然状态改变后，我们的图片会跟着改变

一般来说，Android框架为View定义了四种不同的状态，这些状态值的改变会引发View相关操作，例如：更换背景图片、是否
触发点击事件等；视图几种不同状态含义见下图

其中selected和focused的区别有如下几点：
1，我们通过查看setSelected()方法，来获取相关信息。
SDK中对setSelected()方法----对于与selected状态有如下说明：
public void setSelected (boolean selected)
Since: APILevel 1
Changes the selection state of this view. Aview can be selected or not. Note that selection is not the same as
focus. Views are typically selected in the context of an AdapterView like ListView or GridView ;the selected view is
the view that is highlighted.
Parameters selected true if the view must be selected, false otherwise

由以上可知：selected不同于focus状态，通常在AdapterView类群下例如ListView或者GridView会使某个View处于
selected状态，并且获得该状态的View处于高亮状态。
一个窗口只能有一个视图获得焦点(focus)，而一个窗口可以有多个视图处于”selected”状态中。

总结：focused状态一般是由按键操作引起的；
pressed状态是由触摸消息引起的；
selected则完全是由应用程序主动调用setSelected()进行控制。

例如：当我们触摸某个控件时，会导致pressed状态改变；获得焦点时，会导致focus状态变化。于是，我们可以通过这种
更新后状态值去更新我们对应的Drawable对象了。

通过看View源码知道根据状态值的改变去绘制/显示对应的背景图
当View任何状态值发生改变时，都会调用refreshDrawableList()方法去更新对应的背景Drawable对象。

//路径：\frameworks\base\core\java\android\view\View.java
    /* Call this to force a view to update its drawable state. This will cause
     * drawableStateChanged to be called on this view. Views that are interested
     * in the new state should call getDrawableState.
     */ 
    //主要功能是根据当前的状态值去更换对应的背景Drawable对象
    public void refreshDrawableState() {
        mPrivateFlags |= DRAWABLE_STATE_DIRTY;
        //所有功能在这个函数里去完成
        drawableStateChanged();
        ...
    }
    /* This function is called whenever the state of the view changes in such
     * a way that it impacts the state of drawables being shown.
     */
    // 获得当前的状态属性--- 整型集合 ； 调用Drawable类的setState方法去获取资源。
    protected void drawableStateChanged() {
            //该视图对应的Drawable对象，通常对应于StateListDrawable类对象
        Drawable d = mBGDrawable;   
        if (d != null && d.isStateful()) {  //通常都是成立的
                //getDrawableState()方法主要功能：会根据当前View的状态属性值，将其转换为一个整型集合
                //setState()方法主要功能：根据当前的获取到的状态，更新对应状态下的Drawable对象。
            d.setState(getDrawableState());
        }
    }
    /*Return an array of resource IDs of the drawable states representing the
     * current state of the view.
     */
    public final int[] getDrawableState() {
        if ((mDrawableState != null) && ((mPrivateFlags & DRAWABLE_STATE_DIRTY) == 0)) {
            return mDrawableState;
        } else {
                //根据当前View的状态属性值，将其转换为一个整型集合，并返回
            mDrawableState = onCreateDrawableState(0);
            mPrivateFlags &= ~DRAWABLE_STATE_DIRTY;
            return mDrawableState;
        }
    }

Step 1 、 setState()函数原型，
函数位于：frameworks\base\graphics\java\android\graphics\drawable\StateListDrawable.java 类中

//如果状态态值发生了改变，就回调onStateChange()方法。
    public boolean setState(final int[] stateSet) {
        if (!Arrays.equals(mStateSet, stateSet)) {
            mStateSet = stateSet;
            return onStateChange(stateSet);
        }
        return false;
    }

该函数的主要功能：判断状态值是否发生了变化，如果发生了变化，就调用onStateChange()方法进一步处理

Step 2 、onStateChange()函数原型：
该函数位于 frameworks\base\graphics\java\android\graphics\drawable\StateListDrawable.java 类中

//状态值发生了改变，我们需要找出第一个吻合的当前状态的Drawable对象
    protected boolean onStateChange(int[] stateSet) {
            //要找出第一个吻合的当前状态的Drawable对象所在的索引位置， 具体匹配算法请自己深入源码看看
        int idx = mStateListState.indexOfStateSet(stateSet);
        ...
        //获取对应索引位置的Drawable对象
        if (selectDrawable(idx)) {
            return true;
        }
        ...
    }

该函数的主要功能：根据新的状态值，从StateListDrawable实例对象中，找到第一个完全吻合该新状态值的索引下标处；继而，调用selectDrawable()方法去获取索引下标的当前Drawable对象。具体查找算法在 mStateListState.indexOfStateSet(stateSet) 里实现了。基本思路是：查找第一个能完全吻合该新状态值的索引下标，如果找到了，则立即返回。具体实现过程，只好看看源码

Step 3 、selectDrawable()函数原型：该函数位于 frameworks\base\graphics\java\android\graphics\drawable\StateListDrawable.java 类中

public boolean selectDrawable(int idx)
    {
        if (idx >= 0 && idx < mDrawableContainerState.mNumChildren) {
                //获取对应索引位置的Drawable对象
            Drawable d = mDrawableContainerState.mDrawables[idx];
            ...
            mCurrDrawable = d; //mCurrDrawable即使当前Drawable对象
            mCurIndex = idx;
            ...
        } else {
           ...
        }
        //请求该View刷新自己,这个方法我们稍后讲解。
        invalidateSelf();
        return true;
    }

该函数的主要功能是选择当前索引下标处的Drawable对象，并保存在mCurrDrawable中

转载于:https://my.oschina.net/u/199733/blog/108994

chuanrouwb599726

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
Android中View绘制不同状态背景图片原理

先看一下listview中的状态：把下面的XML文件保存成你自己命名的.xml文件（比如list_item_bg.xml），在系统使用时根据ListView中的列表项的状态来使用相应的背景图片。drawable/item_bg.xml java代码：&l...
复制链接

扫一扫