Android中无法将带描边的透明圆形Shape设置为TextView背景

嘿，我猜你大概率是自定义drawable文件的写法出问题了！要实现带描边的透明圆形背景，关键是把decibel_circle.xml这个shape文件写对，下面给你详细的解决步骤：

第一步：正确编写圆形描边的Drawable文件 #

在res/drawable目录下创建（或修改）decibel_circle.xml，写入以下代码：

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval">
    <!-- 透明填充，保证圆形内部是透的 -->
    <solid android:color="@android:color/transparent" />
    <!-- 描边配置：宽度和颜色可按需调整 -->
    <stroke
        android:width="2dp"
        android:color="#FF4081" /> <!-- 这里用了粉色描边，你可以换成自己需要的颜色值 -->
    <!-- 内边距：避免文字直接贴到描边上，提升美观度 -->
    <padding
        android:left="8dp"
        android:top="8dp"
        android:right="8dp"
        android:bottom="8dp" />
</shape>

第二步：调整TextView的布局属性 #

要注意TextView的宽高必须一致，否则圆形会被拉伸成椭圆。你可以设置固定宽高，或者确保wrap_content下的内容+内边距能让宽高相等。修改后的布局代码参考：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <TextView
        android:id="@+id/status"
        android:layout_width="60dp" <!-- 固定宽高保证正圆 -->
        android:layout_height="60dp"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="24dp"
        android:background="@drawable/decibel_circle"
        android:text="30 dB"
        android:gravity="center" <!-- 让文字居中显示 -->
        android:textColor="#333333" /> <!-- 文字颜色可按需调整 -->

</RelativeLayout>

几个容易踩的坑 #

• 如果描边显示不明显：检查stroke的width是否过小，或者描边颜色和页面背景色太接近；
• 出现椭圆而不是圆形：一定是TextView的宽高不一致，要么设固定相等值，要么调整内容和内边距让wrap_content后的宽高相同；
• 文字位置不对：别忘了设置android:gravity="center"，让文字在圆形里居中。

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