安卓:如何以编程方式创建StateListDrawable

Question

我有一个GridView来显示一些对象，视觉上每个对象都有一个图像图标和一个文本标签。我还希望图像图标在点击时有一些"推拉"效果，也就是说，当按下时，图像会向右下角方向移动一小段距离，当释放时会回到原来的位置。

对象（及其图像图标）来自某些动态源。我的直觉是为每个项目创建一个StateListDrawable，它将有两种状态：按下或不按下。对于GridView项目视图，我会使用一个按钮，它可以容纳一个Drawable和一个标签，这完全满足了我的要求。

我定义了一个项目类来包装原始对象：

public class GridItem<T> {
    public static final int ICON_OFFSET = 4;
    private StateListDrawable mIcon;
    private String mLabel;
    private T mObject;
    public Drawable getIcon() {
        return mIcon;
    }
    public void setIcon(Drawable d) {
        if (null == d) {
            mIcon = null;
        }else if(d instanceof StateListDrawable) {
            mIcon = (StateListDrawable) d;
        } else {
            InsetDrawable d1 = new InsetDrawable(d, 0, 0, ICON_OFFSET, ICON_OFFSET);
            InsetDrawable d2 = new InsetDrawable(d, ICON_OFFSET, ICON_OFFSET, 0, 0);
            mIcon = new StateListDrawable();
            mIcon.addState(new int[] { android.R.attr.state_pressed }, d2);
            mIcon.addState(StateSet.WILD_CARD, d1);
            //This won't help either: mIcon.addState(new int[]{}, d1);
        }
    }
    public String getLabel() {
        return mLabel;
    }
    public void setLabel(String l) {
        mLabel = l;
    }
    public T getObject() {
        return mObject;
    }
    public void setObject(T o) {
        mObject = o;
    }
}

现在的问题是，当我触摸网格项目时，图标会像我预期的那样"移动"，但当我的手指抬起离开该项目时，它不会恢复原来的位置。

我的问题是：如何以编程方式创建一个StateListDrawable，相当于从这样的XML资源中膨胀的StateListDrawble

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_pressed="true"
          android:drawable="@drawable/image_pressed" />  
    <item android:drawable="@drawable/image_normal" />
</selector>

Answer 1

如果你的可绘制对象只是位图，你可以用编程方式绘制它们，现在应该会有所帮助，但我想知道InsetDrawable在这里的使用有什么问题，基本上使用编程绘制的准备好的BitmapDrawables，你需要修改你的方法来接受位图b

        Bitmap bc1 = Bitmap.createBitmap(b.getWidth() + ICON_OFFSET, b.getHeight() + ICON_OFFSET, Bitmap.Config.ARGB_8888);
        Canvas c1 = new Canvas(bc1);
        c1.drawBitmap(b, 0, 0, null);
        Bitmap bc2 = Bitmap.createBitmap(b.getWidth() + ICON_OFFSET, b.getHeight() + ICON_OFFSET, Bitmap.Config.ARGB_8888);
        Canvas c2 = new Canvas(bc2);
        c2.drawBitmap(b, ICON_OFFSET, ICON_OFFSET, null);
        mIcon = new StateListDrawable();
        mIcon.addState(new int[] { android.R.attr.state_pressed },  new BitmapDrawable(bc2));
        mIcon.addState(StateSet.WILD_CARD, new BitmapDrawable(bc1));

Answer 2

我可以看到答案已经被接受了。如果你想为正常和按下状态动态分配用户按钮的颜色，我会分享。那么你可以调用这个函数：

public static StateListDrawable convertColorIntoBitmap(String pressedColor, String normalColor){

        /*Creating bitmap for color which will be used at pressed state*/
        Rect rectPressed = new Rect(0, 0, 1, 1);
        Bitmap imagePressed = Bitmap.createBitmap(rectPressed.width(), rectPressed.height(), Config.ARGB_8888);
        Canvas canvas = new Canvas(imagePressed);       
        int colorPressed = Color.parseColor(pressedColor);
        Paint paintPressed = new Paint();
        paintPressed.setColor(colorPressed);
        canvas.drawRect(rectPressed, paintPressed);
        RectF bounds = new RectF();
        bounds.round(rectPressed);
        /*Creating bitmap for color which will be used at normal state*/
        Rect rectNormal = new Rect(0, 0, 1, 1);     
        Bitmap imageNormal = Bitmap.createBitmap(rectNormal.width(), rectNormal.height(), Config.ARGB_8888);
        Canvas canvasNormal = new Canvas(imageNormal);
        int colorNormal = Color.parseColor(normalColor);
        Paint paintNormal = new Paint();
        paintNormal.setColor(colorNormal);
        canvasNormal.drawRect(rectNormal, paintNormal);

        /*Now assigning states to StateListDrawable*/
        StateListDrawable stateListDrawable= new StateListDrawable();
        stateListDrawable.addState(new int[]{android.R.attr.state_pressed}, new BitmapDrawable(imagePressed));
        stateListDrawable.addState(StateSet.WILD_CARD, new BitmapDrawable(imageNormal));
        return stateListDrawable;
    }

现在你只需要将其设置为你的文本视图或按钮背景，如下所示：

 if(android.os.Build.VERSION.SDK_INT>=16){
        yourbutton.setBackground(convertColorIntoBitmap("#CEF6CE00","#4C9D32"));        
            }else{
yourbutton.setBackgroundDrawable(convertColorIntoBitmap("#CEF6CE00","#4C9D32"));
    }

在这里，您可以看到动态传递颜色所需的一切，我们就完成了。希望这能帮助到某人：）你也可以在这里找到它的要点：）

Answer 3

我已经看到了前面的答案，但使用ColorDrawable提出了一个更短、更好的解决方案。

/**
     * Get {@link StateListDrawable} given the {@code normalColor} and {@code pressedColor}
     * for dynamic button coloring
     *
     * @param normalColor  The color in normal state.
     * @param pressedColor The color in pressed state.
     * @return
     */
    public static StateListDrawable getStateListDrawable(int normalColor, int pressedColor) {
        StateListDrawable stateListDrawable = new StateListDrawable();
        stateListDrawable.addState(new int[]{android.R.attr.state_pressed}, new ColorDrawable(pressedColor));
        stateListDrawable.addState(StateSet.WILD_CARD, new ColorDrawable(normalColor));
        return stateListDrawable;
    }

这接受已解析的颜色作为整数，并使用ColorDrawable将它们添加到StateListDrawable中。

一旦你有了抽屉，你可以像这样简单地使用它，

if (android.os.Build.VERSION.SDK_INT >= 16) {
            mButton.setBackground(Utils.getStateListDrawable(ResourceUtils.getColor(R.color.white),
                    ResourceUtils.getColor(R.color.pomegranate)));
        } else {
            mButton.setBackgroundDrawable(Utils.getStateListDrawable(ResourceUtils.getColor(R.color.white),
                    ResourceUtils.getColor(R.color.pomegranate)));
        }