九补丁绘制与ColorFilter

我创建了一个日历视图，我想做的是为LineairLayout创建一个可点击的背景。

因此我用两个图像创建了StateListDrawable:

项目被按下时的图像

到目前为止，这段代码可以工作:

    NinePatchDrawable background = (NinePatchDrawable) context.getResources().getDrawable(R.drawable.calendar_item);
    Drawable backgroundFocus = context.getResources().getDrawable(R.drawable.calendar_focus);
    int stateFocused = android.R.attr.state_focused;
    int statePressed = android.R.attr.state_pressed;
    StateListDrawable sld = new StateListDrawable();
    sld.addState(new int[]{ stateFocused,  statePressed}, backgroundFocus);
    sld.addState(new int[]{-stateFocused,  statePressed}, backgroundFocus);
    sld.addState(new int[]{-stateFocused}, background);
    return sld;

但是我想做一些额外的事情。我希望用户能够传入他想要用来显示背景的颜色。所以背景变量必须是可变的，但它必须基于九个补丁绘制。

所以我想我可以这样做:

background.setColorFilter(Color.RED, PorterDuff.Mode.DST_IN);

颜色。红色必须被用户选择的颜色代替。

但这似乎不起作用。九个补丁被完美地创建，但没有应用颜色过滤器。

我也试过其他的波特·达夫。模式的:

SRC
SRC_ATOP
DST_IN
…

如果你有任何线索我做错了什么，或者我可以做什么来解决我的问题，请让我知道!: -)

Kr,

Dirk

我不认为你可以为StateListDrawable中的每个Drawable分配ColorFilters。原因:当StateListDrawable改变状态时，ColorFilter将被移除/替换。要查看实际效果，可以更改语句的顺序，如下所示:

background.setColorFilter(Color.RED, PorterDuff.Mode.DST_IN);

出现在StateListDrawable创建之后。你会看到ColorFilter被应用了。但是，一旦状态改变(单击，然后释放)，ColorFilter就不再存在了。

StateListDrawables允许你设置一个ColorFilter: StateListDrawable#setColorFilter(ColorFilter)。以下是所提供的(或null) ColorFilter的使用方式:

StateListDrawable # onStateChange (int []) :

@Override
protected boolean onStateChange(int[] stateSet) {
    ....
    if (selectDrawable(idx)) {    // DrawableContainer#selectDrawable(int)
        return true;
    }
    ....
}

DrawableContainer # selectDrawable (int) :

public boolean selectDrawable(int idx) {
    ....
    if (idx >= 0 && idx < mDrawableContainerState.mNumChildren) {
        Drawable d = mDrawableContainerState.mDrawables[idx];
        mCurrDrawable = d;
        mCurIndex = idx;
        if (d != null) {
            ....
            // So, at this stage, any ColorFilter you might have supplied
            // to `d` will be replaced by the ColorFilter you
            // supplied to the StateListDrawable, or `null`
            // if you didn't supply any.                 
            d.setColorFilter(mColorFilter);
            ....
        }
    } else {
        ....
    }
}

解决方案:

如果可能的话，使用ImageView (match_parent表示尺寸)来进行视觉交流。设置你已经创建的StateListDrawable作为ImageView的背景。为叠加创建另一个StateListDrawable:

StateListDrawable sldOverlay = new StateListDrawable();
// Match Colors with states (and ultimately, Drawables)
sldOverlay.addState(new int[] { statePressed }, 
                         new ColorDrawable(Color.TRANSPARENT));
sldOverlay.addState(new int[] { -statePressed }, 
                         new ColorDrawable(Color.parseColor("#50000000")));
// Drawable that you already have
iv1.setBackground(sld);
// Drawable that you just created
iv1.setImageDrawable(sldOverlay);

另一种可能性:使用framayout代替LinearLayout。线性布局没有前景属性。

// StateListDrawable
frameLayout.setBackground(sld);
// For tint
frameLayout.setForeground(sldOverlay);

它确实涉及透支，使其成为次优解决方案/变通方法。也许你可以扩展StateListDrawable和DrawableContainer。因为你没有使用StateListDrawable的ColorFilter，你可以从覆盖的DrawableContainer#selectDrawable(int)中删除d.setColorFilter(mColorFilter);。

相关内容

最新更新

热门标签：