Android开发技巧——自定义控件之增加状态

最新推荐文章于 2021-05-29 04:37:00 发布

貌似掉线

最新推荐文章于 2021-05-29 04:37:00 发布

阅读量2.7k

点赞数 4

分类专栏： Android笔记 Android开发技巧与实战文章标签： android android开发控件自定义控件控件状态

本文链接：https://blog.csdn.net/maosidiaoxian/article/details/50112191

版权

Android笔记同时被 2 个专栏收录

133 篇文章 3 订阅

订阅专栏

Android开发技巧与实战

32 篇文章 42 订阅

订阅专栏

Android开发技巧——自定义控件之增加状态

题外话

这篇本该是上周四或上周五写的，无奈太久没写博客，前几段把我的兴头都用完了，就一拖再拖，直到今天。不想把这篇拖到下个月，所以还是先硬着头皮写了。

《自定义控件》我也没想着要写多长或多短，只是介绍点知识，大部分都是自己积累和摸索的。网上有很多教如何自定义某某控件来做出很酷炫的效果的，但我想写的与这些不同。我平时所积累下来的知识，还是偏向于实用而匮乏于酷炫。而对于各种酷炫的效果，其实也是说不完写不尽的。掌握一定的数学及算法知识，再加上对API的了解，基本上你觉得能实现的你都能够去实现。而我这里，只是想着介绍些相关的基础知识。这些知识，若与只是使用控件来搭建界面相比，它们算是进阶，但对于想要进阶的开发者而言，它们都是基础。
写完这篇之后，我可能会写一两篇自定义控件来优化界面的具体例子，也兑现我在第一篇的最后所说的话，但不会对onDraw讲得太细。

还有就是Gradle的翻译我也拖了好久了，现在都到2.9版本了。目前我个人采用的翻译方式是使用CAT辅助翻译，生成编译之后的文件。之前是再采用人工合并的方式合完之后提交到Github同时同步到七牛空间。昨天花了点时间，写了段代码来进行译文和原文的自动合并，生成中英对照的HTML，到时就能把从合并内容所节省下来的时间用于翻译了。

正文

场景

View类是Android中的所有UI组件的基础构建模块，之前翻过某版本的源代码，大概有2万行左右的代码，它主要负责组件的绘制及事件的处理。我们在一些自定义控件的场合，可能需要在一个组件上画些东西，也是通过重写View的onDraw方法，通过其参数的Canvas对象进行绘制。本篇先不谈onDraw，而是说一下另外一个点——状态。
在我们学习<selector/>的时候，就知道了关于一个视图组件会有许多种状态，比如按下（pressed），选择（selected），可用（enabled），正常状态，其他状态等等。View也处理了关于一个组件在不同状态下的显示的绘制逻辑，通常继承自View的组件都有着以上所说的这些状态。但是也有一些状态是View没有提供的，而我们可能正需要它们，所以就需要对状态进行扩展，增加我们的状态，比如增加checked。
这里有一个具体的场景：
这里写图片描述
这是一个开关按钮，开关状态下背景不同，文字不同，文字旁边的图片也不同。状态我用checked，文字我定义了两个属性：onText以及offText，文字旁边的图片我打算只用一个foreground属性，但需要写一个selector来定义正常状态（未锁）和checked状态（锁定）下的图片。

实现

首先写一个类继承自TextView，因为我打算用TextView的setCompoundDrawables来设定文字旁边的图片。
然后定义属性：

    <declare-styleable name="ToggleView">
        <attr name="android:foreground"/>
        <attr name="pwOnText"/>
        <attr name="pwOffText"/>
        <attr name="pwColor"/>
        <attr name="pwDrawableHeight"/>
    </declare-styleable>

读取属性：

        TypedArray a = context.obtainStyledAttributes(attrs, R.styleable.ToggleView);
        stateListDrawable = (StateListDrawable) a.getDrawable(R.styleable.ToggleView_android_foreground);
        colorStateList = a.getColorStateList(R.styleable.ToggleView_pwColor);
        offText = a.getString(R.styleable.ToggleView_pwOffText);
        onText = a.getString(R.styleable.ToggleView_pwOnText);
        drawableHeight = a.getDimensionPixelSize(R.styleable.ToggleView_pwDrawableHeight, 0);
        a.recycle();

这些都是前几篇的内容。
我们通过在类中实现Checkable接口，可以完成选中的逻辑，但是画出来的状态却没有更新，所以接下来的实现过程就是本篇的主要内容：
首先定义状态集：

    private static final int[] CHECKED_STATE_SET = {android.R.attr.state_checked};

然后我们要把状态给加进去。我们需要重写protected int[] onCreateDrawableState(int extraSpace)方法，如下：

    @Override
    protected int[] onCreateDrawableState(int extraSpace) {
        final int[] drawableState = super.onCreateDrawableState(extraSpace + 1);
        if (isChecked) {
            mergeDrawableStates(drawableState, CHECKED_STATE_SET);
        }
        return drawableState;
    }

先调用父类的onCreateDrawableState方法得到状态数组对象drawableState，但是参数extraSpace要加上1，因为我们要往里面增加一个状态。然后判断在代码逻辑中，是否为选中状态，如果是的话，调用mergeDrawableStates(drawableState, CHECKED_STATE_SET)方法把我们的状态值给加进去，最终返回drawableState。
但是我们虽然实现了Checkable接口，在设置状态时却没有触发到这个状态。所以我们需要自己去触发这个状态。

    @Override
    public void setChecked(boolean checked) {
        if (isChecked != checked) {
            isChecked = checked;
            refreshDrawableState();
        }
    }

在状态改变时，调用refreshDrawableState()刷新状态。
最后，我们要重写drawableStateChanged()方法，获取到当前状态的drawable，然后绘制出来。

    @Override
    protected void drawableStateChanged() {
        super.drawableStateChanged();
        if (stateListDrawable != null) {
            int[] myDrawableState = getDrawableState();
            stateListDrawable.setState(myDrawableState);
            Drawable drawable = stateListDrawable.getCurrent();
            if(drawableHeight != 0) {
                drawable.setBounds(0, 0, drawable.getIntrinsicWidth() * drawableHeight / drawable.getIntrinsicHeight(), drawableHeight);
            } else {
                drawable.setBounds(0, 0, drawable.getIntrinsicWidth(), drawable.getIntrinsicHeight());
            }
            if (isChecked) {
                setCompoundDrawables(drawable, null, null, null);
            } else {
                setCompoundDrawables(null, null, drawable, null);
            }
        }
        setText(isChecked ? onText : offText);
    }