如何实现具有自定义选择器状态的CustomView？

Question

我想创建一个CustomView用于显示图片。点击视图后，它应该更改其状态。视图可以表示三种状态(关闭、设置、未设置)。我想使用XML中的选择器来完成此操作。它不一定需要是自定义选择器。我可以重复使用选择器的三个状态(如果状态名称不同也没有关系)。

有没有好的方法可以实现这个功能？

- X.X_Mass_Developer

Answer 1

如果你的问题还没有得到解决，我会使用Android Button的新实现来改变状态。

状态是在.xml中定义的，并通过选择器设置。这里是在attrs.xml文件中定义的三个状态：

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <declare-styleable name="states">
        <attr name="state_on" format="boolean" />
        <attr name="state_off" format="boolean" />
        <attr name="state_notset" format="boolean" />
    </declare-styleable>
</resources>

而在drawables文件夹内的选择器(statebutton_selector.xml)中: (我认为启用特定状态会自动禁用其他状态 - 像"state_on"这样的可绘制对象只是代表各个状态的.png图像)

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res/com.example.statebuttontest">
<item
    app:state_on="true"
    app:state_off="false"
    app:state_notset="false"
    android:drawable="@drawable/state_on" />
<item
    app:state_on="false"
    app:state_off="true"
    app:state_notset="false"
    android:drawable="@drawable/state_off" />
<item
    app:state_on="false"
    app:state_off="false"
    app:state_notset="true" 
    android:drawable="@drawable/state_notset" />
</selector>

同时，请确保在选择器xml文件中引用了正确的包名，如您的清单文件中所述：

Translated text:

同时，请确保在选择器xml文件中引用了正确的包名，如您的清单文件中所述：

xmlns:app="http://schemas.android.com/apk/res/com.example.statebuttontest"

最后，StateButton 类继承了 Button。通过简单的 OnClickListener 可以改变状态。我还实现了一个 OnStateChangedListener，例如，一个包含按钮的 Activity 可以实现它，并在状态更改时被调用。

状态本身的更改是在 onCreateDrawableState(...) 方法内部完成的，这个方法自动地在每次点击按钮时被调用。"extraspace + 1" 的意思是，在 drawableStates 数组中会有一个额外的状态。

public class StateButton extends Button implements OnClickListener {

    private static final int[] mStates = { R.attr.state_notset, R.attr.state_on, R.attr.state_off };
    private int mStateIndex = 0; // first state is "notset"

    private OnStateChangedListener mListener;

    public StateButton(Context context, AttributeSet attrs) {
        super(context, attrs);

        setOnClickListener(this);
    }

    @Override
    public void onClick(View v) {
        changeState();
    }

    public void changeState() {
        mStateIndex = (mStateIndex+1) % mStates.length;

        // notify listener
        if(mListener != null) mListener.onStateChanged(mStates[mStateIndex]);
    }

    @Override
    protected int[] onCreateDrawableState(int extraSpace) {

        final int[] drawableState = super.onCreateDrawableState(extraSpace+1);

        int [] state = { mStates[mStateIndex] };

        mergeDrawableStates(drawableState, state);

        return drawableState;
    }

    public void setOnStateChangedListener(OnStateChangedListener l) {
        this.mListener = l;
    }
}

最后但同样重要的是，将选择器设置为您的Button的背景：

<com.example.statebuttontest.StateButton
        android:id="@+id/stateButton1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_centerVertical="true"
        android:background="@drawable/statebutton_selector"
        android:text="" />

一个带有监听器的Activity示例：

public class MainActivity extends Activity implements OnStateChangedListener {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        StateButton s = (StateButton) findViewById(R.id.stateButton1);
        s.setOnStateChangedListener(this);
    }

    @Override
    public void onStateChanged(int state) {
        Log.i("Main", "State changed to: " + getResources().getResourceEntryName(state));
    }
}

- Philipp Jahoda