如何在Button中创建简单LayerDrawable并理解其工作机制？

首先得明确核心逻辑：LayerDrawable是一个按层级堆叠显示多个Drawable的容器——数组里索引越小的Drawable越靠底层（会被上层的Drawable覆盖），索引越大则越靠上层。当把它设为Button的背景时，整个LayerDrawable的显示范围就对应Button的Drawable区域（由Button的尺寸、自身padding等属性决定）。

结合你的需求，我们一步步实现两个彩色矩形的效果：

1. 实现无内边距的底层矩形（填满Button的Drawable区域） #

你代码里的background1（蓝色）作为最底层，设置setLayerInset(0, 0, 0, 0, 0)是完全正确的。这个方法的参数格式是(图层索引, 左内边距, 上内边距, 右内边距, 下内边距)，全部设为0意味着这个图层会完全填充LayerDrawable的整个区域，也就是Button的背景范围。

2. 实现带内边距的上层矩形 #

要让上层的绿色矩形缩在蓝色矩形内部，你需要给索引1的图层设置非零的inset值。这里要注意把dp单位转成像素，适配不同密度的屏幕：

// 先将dp转换为像素，保证多屏幕适配
int insetDp = 16;
float density = getResources().getDisplayMetrics().density;
int insetPx = (int) (insetDp * density + 0.5f);

ColorDrawable background1 = new ColorDrawable(Color.BLUE);
ColorDrawable background2 = new ColorDrawable(Color.GREEN);
Drawable[] drawables = new Drawable[] { background1, background2 };
LayerDrawable ld = new LayerDrawable(drawables);

// 底层蓝色矩形：无内边距，填满整个背景区域
ld.setLayerInset(0, 0, 0, 0, 0);
// 上层绿色矩形：四边设置内边距，缩在蓝色矩形内部
ld.setLayerInset(1, insetPx, insetPx, insetPx, insetPx);

// 将LayerDrawable设置为Button的背景
Button myButton = findViewById(R.id.my_button);
myButton.setBackground(ld);

关键细节拆解 #

• 图层堆叠规则：因为background1是最底层，所以上层的background2会覆盖它的外围区域，最终呈现的效果是蓝色边框包裹绿色内部矩形。
• setLayerInset的本质：这个方法是给单个图层设置相对于LayerDrawable整体边界的偏移，相当于给图层自身加padding，和Button本身的android:padding是独立的——Button的padding控制文字和背景的间距，而图层inset控制单个Drawable在背景区域内的位置。

内容的提问来源于stack exchange，提问作者lostintranslation