0

我扩展了 Button 小部件,使其能够应用多个自定义属性。
其中一个属性是一个颜色过滤器,我在创建按钮时尝试将其应用于其背景。这没用。(请参阅下面的屏幕截图和代码)
我尝试在相同的代码位置直接设置背景颜色,它确实改变了背景颜色,但这不是我需要的,因为我使用的是我自己的按钮 PNG。

到目前为止有2个问题:

  1. 未应用彩色滤光片
  2. 自定义按钮被偏移、被剪裁且不可点击

第二个按钮使用普通按钮,它按预期定位并且是可点击的。第二个屏幕截图显示确实选择了正确的颜色,并且可以在代码中更改按钮背景颜色。

代码:

public class MyButton extends Button {
    private int backGroundColor;

    public MyButton(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
        TypedArray a = context.getTheme().obtainStyledAttributes(
            attrs, 
            R.styleable.MyButton, 
            defStyle, 
            0);

        try {
            Resources res = getResources();
            switch( a.getInteger(R.styleable.MyButton_type, 0) ) {
            case 0: 
                backGroundColor = res.getColor(R.color.Black); break;
            case 1: 
                backGroundColor = res.getColor(R.color.Red); break;
            case 2: 
                backGroundColor = res.getColor(R.color.DimGray); break;
            }
            getBackground().setColorFilter(backGroundColor, Mode.MULTIPLY);
            //setBackgroundColor(backGroundColor)
        } finally {
            a.recycle();
        }
    }
    public MyButton(Context context, AttributeSet attrs) {
        this(context, attrs, 0);
    }
    public MyButton(Context context) {
        this(context, null, 0);
    }
}

我使用的 XML:

<LinearLayout 
    android:layout_width="match_parent"
    android:layout_height="wrap_content">
    <com.example.test.MyButton
        android:id="@+id/btn1"
        android:text="BTN1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:textSize="14sp"
        android:textColor="@color/Blue"
        android:padding="2dp"
        android:layout_margin="4dp"
        android:background="@drawable/key_selector"
        app:type="RedButton"/>
    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:textSize="14sp"
        android:textColor="@color/Blue"
        android:padding="2dp"
        android:layout_margin="4dp"
        android:background="@drawable/key_selector"
        android:id="@+id/btn2"
        android:text="BTN2"/>
</LinearLayout>

setColorFilter() 结果的屏幕截图 在此处输入图像描述

setBackgroundColor() 结果的屏幕截图 在此处输入图像描述

编辑 这是我用于正常和按下状态的选择器 XML。

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android" >

    <item
        android:drawable="@drawable/key1_pressed"
        android:state_pressed="true"/>

    <item 
        android:drawable="@drawable/key1"/>


</selector>
4

1 回答 1

1

自定义按钮被偏移、被剪裁且不可点击

这是由于您使用了构造函数。该类Button确实在其构造函数之间进行了链接,但它不会0作为样式传递给最后一个构造函数(来自使用的第二个构造函数),它传递了内部样式(最终形成视觉效果Button)。如果你通过:

this(context, attrs, android.R.attr.buttonStyle);

Button应该没问题。

未应用彩色滤光片

进行上述更正后,设置颜色过滤器的代码应该没有问题。当您设置过滤器时,您会看到两个按钮都将应用过滤器(因为它们具有相同的位图(我假设您使用图像))。发生这种情况是因为相同类型的可绘制对象共享一个常量状态。你可以在这里阅读更多来自 Romain Guy 的解释:

getBackground().mutate().setColorFilter(backGroundColor, Mode.MULTIPLY);

让我知道这是否解决了问题(根据我的理解):

public static class MyButton extends Button {

    private int backGroundColor;
    private StateListDrawable mSld;
    private PorterDuffColorFilter mColorFilter;
    private boolean mHandled = false;

    public MyButton(Context context, AttributeSet attrs, int defStyle) {
        // ...
        try {
            //...
            mSld = (StateListDrawable) getBackground();
            mColorFilter = new PorterDuffColorFilter(backGroundColor,
                    Mode.MULTIPLY);
            mSld.setColorFilter(mColorFilter);
        } finally {
            a.recycle();
        }
    }

    @Override
    protected void onDraw(Canvas canvas) {
        if (!mHandled) {
            final Drawable current = mSld.getCurrent();
            current.mutate();
            current.setColorFilter(mColorFilter);
            mHandled = true;
        }
        super.onDraw(canvas);
    }

}
于 2013-04-29T12:42:23.327 回答