将9patch和纹理应用于按钮

时间:2015-03-18 15:35:09

标签: android xml textures nine-patch

我正在处理所有按钮都有类似纸张背景的项目。按钮还需要圆角和特定边框。为了制作角落和边框,我使用九个补丁。问题来了!使用纹理作为背景排除九个补丁btw九个补丁无法正确拉伸纹理。

有没有办法将九个补丁与纹理结合起来?我试图使用layer-list并失败了。

更新。 这是我的9补丁(缩放) enter image description here

这是纹理

enter image description here

1 个答案:

答案 0 :(得分:1)

经过一些研究后,我制作了扩展Button的自定义类。此类可以将纹理应用于9patch按钮相应的蒙版。

public class TextureButton extends Button {

private final static String TAG = TextureButton.class.getSimpleName();
private BitmapDrawable texture;
private NinePatchDrawable ninePatchDrawable;
private Paint paint;


public TextureButton(Context context) {
    super(context);
    init();
}

public TextureButton(Context context, AttributeSet attrs) {
    super(context, attrs);
    init();
}

public TextureButton(Context context, AttributeSet attrs, int defStyleAttr) {
    super(context, attrs, defStyleAttr);
    init();
}

private void init() {
    Bitmap bitmap = BitmapFactory.decodeResource(getResources(), R.drawable.pattern300);
    texture = new BitmapDrawable(getResources(), bitmap);
    texture.setTileModeXY(Shader.TileMode.REPEAT, Shader.TileMode.REPEAT);
    Bitmap bitmapMask = BitmapFactory.decodeResource(getResources(), R.drawable.btn_mask);
    ninePatchDrawable = new NinePatchDrawable(getResources(), bitmapMask, bitmapMask.getNinePatchChunk(), new Rect(0, 0, 0, 0), null);
    paint = new Paint();
    paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.MULTIPLY));
    paint.setAntiAlias(true);
}

@Override
protected void onDraw(@NonNull Canvas canvas) {
    super.onDraw(canvas);
    canvas.saveLayer(0, 0, getWidth(), getHeight(), paint, Canvas.ALL_SAVE_FLAG);
    texture.setBounds(0, 0, getWidth(), getHeight());
    texture.setAlpha(255);
    texture.draw(canvas);
    ninePatchDrawable.setBounds(0, 0, getWidth(), getHeight());
    ninePatchDrawable.draw(canvas);
    canvas.restore();
}

}

作为掩模我使用9patch白色和透明像素。