在Android开发中，布局背景的处理方式直接影响到安装包的体积与界面的渲染效率。如果每遇到一个圆角按钮就切一张图片，每遇到一个渐变背景就加一张PNG，drawable目录会迅速膨胀，而且图片在不同屏幕密度下还可能出现模糊或失真的问题。drawable xml的shape标签就是为解决这类问题而生的，它允许开发者用纯XML描述一个矢量形状，由Android系统在运行时完成绘制。无论是圆形头像占位图、带描边的矩形输入框，还是按下状态变色的按钮，都可以通过shape搭配selector实现。
shape标签的基础结构与核心属性
shape标签是整个形状绘制方案的基础容器，它存放在res/drawable目录下的XML文件中。文件根节点必须是一个shape元素，通过android:shape属性决定形状的类型，可选值包括rectangle（矩形）、oval（椭圆）、line（横线）和ring（圆环）。其中rectangle是默认值，也是最常用的一种。定义一个最基本的形状文件，只需要在工程res/drawable目录下新建XML文件，并写入shap节点，子标签按需添加即可。
shape节点的内部可以包含四个主要子标签：corners用于定义矩形四个角的圆角半径，solid用于填充纯色，gradient用于实现渐变效果，stroke用于绘制描边边框。这四个子标签各有自己的属性集合，它们可以单独出现，也可以组合使用。需要注意的是，corners只对rectangle类型生效，oval本身是椭圆，不需要圆角概念。solid和gradient在功能上是互斥的，如果同时写入了solid和gradient，系统绘制时会以gradient为准，solid会被忽略。
在实际项目中，一个典型的shape文件会同时使用多种属性组合。比如构建一个带圆角、带描边的输入框背景，外层shape声明形状为矩形，corners定义圆角大小，stroke定义灰色描边的宽度和颜色，内部再通过padding属性控制内容和边框的间距。如果只是定义形状而不设置任何填充或描边，这个shape在界面上是不可见的，这一点初学者容易忽略。理解shape标签的层级结构，是正确编写drawable资源的前提。
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<!-- 圆角：四个角可以分别设置 -->
<corners
android:topLeftRadius="16dp"
android:topRightRadius="16dp"
android:bottomLeftRadius="4dp"
android:bottomRightRadius="4dp" />
<!-- 纯色填充 -->
<solid android:color="#F5F5F5" />
<!-- 描边：宽度2dp，颜色为半透明灰 -->
<stroke
android:width="2dp"
android:color="#88000000" />
<!-- 内边距：控制内容与形状边缘的距离 -->
<padding
android:left="12dp"
android:top="8dp"
android:right="12dp"
android:bottom="8dp" />
</shape>
用oval绘制圆形背景与头像占位图
圆形在Android界面中非常常见，圆形头像、圆形按钮、消息角标都离不开它。利用shape绘制圆形，不需要指定具体像素尺寸，只需要将shape的shape类型设置为oval，然后通过size标签定义圆形的宽高。当宽和高相等时，oval就表现为正圆；当宽高不相等时，呈现为椭圆。因此，得到正圆的关键在于确保宽高一致。对于ImageView的圆形占位图，一般会搭配scaleType为centerCrop，这样图片在缩放裁剪时不会变形。
除了基本的纯色圆形，通过添加stroke可以绘制带描边的圆形头像边框；通过gradient可以制作立体感更强的渐变圆形按钮。在UI设计中，圆形的使用场景还包括数字角标、状态指示灯等，这些都可以用shape完成。相比使用位图资源，shape绘制的圆形在任何屏幕密度下都边缘平滑，不需要提供多套不同分辨率的图片，这是矢量绘制的天然优势。
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="oval">
<!-- 宽高一致才能显示为正圆 -->
<size
android:width="80dp"
android:height="80dp" />
<!-- 内部填充主题色 -->
<solid android:color="#3F7FBF" />
<!-- 白色描边，可模拟头像的白色边框效果 -->
<stroke
android:width="2dp"
android:color="#FFFFFF" />
</shape>
将上述文件保存到res/drawable目录后，在布局中引用它即可。假设需要一个圆形头像占位背景，可以在ImageView的src或者background中进行引用。需要特别说明的是，background和src在视觉呈现上是有差异的，当ImageView设置了padding时，background会跟随padding区域，而src不会。如果希望图片覆盖整个圆形区域，一般把shape设置到background中使用，并将ImageView的scaleType设置为centerCrop，这样可以确保图片按照圆形区域进行裁剪填充。
如果项目需要更大的圆形，不建议在shape文件中把size尺寸写得很大，因为shape文件一旦被多个控件复用，size会限制控件的最小尺寸。更好的做法是让控件自身决定大小，shape里的size只作为参考值。例如使用ImageView时设置layout_width和layout_height为80dp，同时shape里size写80dp，这样的一致性可以避免尺寸不一致导致的形状变形。
用rectangle实现圆角矩形与渐变背景
矩形是Android布局中另一类高频形状，常态的按钮、卡片、输入框都以矩形为基础。shape的default类型就是矩形，因此即使不写android:shape属性，系统也会按照矩形来解析。矩形最重要的修饰属性是corners，它允许开发者设置四个圆角的半径，让直角的矩形变成圆角卡片，这在现代扁平化UI设计中几乎成了标配。corners的radius属性可以统一指定四个角的半径，而单独的topLeftRadius等属性则可以为每个角设置不同的大小。
除了corners，gradient标签的使用也很频繁。gradient支持线性渐变、径向渐变和扫描渐变三种模式，核心属性包括startColor、centerColor、endColor和angle。angle属性对线性渐变有效，必须设置为45的倍数，例如45表示从左下角到右上角的方向，270表示从上到下。通过调整渐变色值，可以让一个普通的矩形背景呈现层次感和立体感，替代一张渐变图片。渐变背景在按钮的默认状态与按下状态上的应用尤其广泛，配合selector可以做出细腻的交互反馈。
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<!-- 统一设置所有圆角半径8dp -->
<corners android:radius="8dp" />
<!-- 从浅蓝到深蓝的线性渐变，方向从上到下 -->
<gradient
android:startColor="#4FC3F7"
android:centerColor="#039BE5"
android:endColor="#01579B"
android:angle="270"
android:type="linear" />
<!-- 底部加上一条高光的描边，模拟光泽感 -->
<stroke
android:width="1dp"
android:color="#80FFFFFF" />
</shape>
圆角矩形中有一个容易踩的坑：当corners设置的圆角半径大于形状实际尺寸的一半时，系统会按照比例自动收缩圆角大小。理论上45dp的按钮高度如果设置了25dp的圆角，实际显示可能和25dp一样，但在不同版本的Android系统上行为可能会出现细微差异。对于这类边界情况，建议圆角半径不超过按钮高度的一半，例如按钮高度为40dp时，圆角设置在20dp以内比较稳妥。
还有一个使用场景值得注意：shape文件经常被用作TextView的background。当文字内容过多导致TextView被拉伸时，如果shape内部没有设置padding，文字会直接贴住圆角边缘，视觉上显得拥挤。因此，在shape中添加padding子标签，为上下左右各留出合适的间距，可以让文字和背景边界之间保留呼吸感。这一点在布局中看不到明显效果，但实际渲染后差别很大，属于影响界面质感的关键细节。
与selector结合打造可点击的按钮背景
shape虽然能绘制美观的形状背景，但它本身不具备状态感知能力。而一个优秀的按钮反馈体验，需要视觉在按压前后发生对应的变化，这时就需要引入selector。selector本身也是一个drawable资源，它的每个item节点可以引用一个shape文件，并为item设置android:state_pressed、state_enabled等状态条件。系统在按钮按下时自动匹配对应的item，从而实现背景切换。
在实际项目中，selector文件通常放置在res/drawable目录下，item节点按照顺序自上而下匹配。需要注意item的排列顺序，state_pressed对应的item要放在最前面，没有状态条件的默认item放在最后面。因为系统从上到下逐条匹配，一旦某条item的状态条件满足，后续item不再参与匹配。如果顺序反了，默认状态的item会提前拦截匹配，导致按压效果失效。
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<!-- 按下状态：使用更深的圆角矩形背景 -->
<item android:state_pressed="true">
<shape android:shape="rectangle">
<corners android:radius="6dp" />
<solid android:color="#C62828" />
</shape>
</item>
<!-- 默认状态：正常显示的浅红背景 -->
<item>
<shape android:shape="rectangle">
<corners android:radius="6dp" />
<solid android:color="#E53935" />
</shape>
</item>
</selector>
除了按压态，selector还经常处理可用和不可用状态，通过state_enabled=“false”配合灰色shape，可以让禁用按钮的视觉效果明确传递出来。比如一个登录按钮，在输入框内容未填满时不满足提交条件，此时可以禁用按钮，背景呈现为灰色；内容填满后启用按钮，背景恢复为主题色。这种视觉表达完全依靠shape配合selector实现，不需要动态修改背景颜色，逻辑与视图的耦合度更低。
在使用selector时还有一个小技巧：将圆角、描边等通用属性抽离到独立的shape文件中，然后在多个selector中复用，可以减少重复代码，也方便统一调整设计规范。如果项目有深色模式和浅色模式，可以通过配置不同values-night目录下的selector文件来适配，shape文件内容的颜色值也可以按照主题进行定义。这种资源驱动的设计思路，让UI样式的管理与替换都变得非常灵活。
shape文件的最佳实践与性能优化
shape文件本身对性能影响很小，它由系统在CPU端创建，渲染时通过GPU绘制，和位图加载的内存占用相比几乎可以忽略不计。但这并不代表可以随意编写shape，一些使用习惯会直接影响界面层级和绘制效率。首先，避免在一个布局中嵌套过多的shape背景，因为每个带背景的控件都会增加一次绘制操作，如果能够合并的层级尽量合并。其次，对于固定大面积的纯色背景，可以考虑直接使用ColorDrawable而非shape，系统对这种特殊drawable做了额外优化。
shape文件中还有一个容易被忽视的属性android:dither，该属性用于开启抖动效果。当设备屏幕的颜色位数低于图像颜色位数时，开启抖动可以减少色带现象。在如今绝大多数设备都支持32位色的情况下，dither的意义已经不大，但为了兼容旧设备，在渐变shape中将其设置为true是一个不错的习惯。
最后要说的是版本兼容性。shape标签自Android 1.0起就存在，这些属性在历次版本迭代中保持稳定，即使是老旧的minSdkVersion项目也可以放心使用。唯一的例外是某些新属性，比如配置渐变方向或角度的方式在不同版本间有一些小差异，需要开发者注意查看当前compileSdkVersion对应的文档。整体来说，drawable xml shape是Android官方长期支持的解决方案，用它在项目中替代部分切图工作，是一项性价比极高的投入。
drawableshapeAndroid布局背景修改时间：2026-08-26 14:02:10