Android中TextView设置圆形背景却显示为椭圆形的原因咨询

嗨，这问题我之前也碰到过，咱们一步步来拆解原因和解决办法～

为什么会变成椭圆形？ #

核心原因是你的TextView宽高设为wrap_content，而shape里的<size>只是drawable的默认大小，会被TextView的实际尺寸拉伸：

• 当文本是“1”时，TextView的宽度远小于高度（单个字符很窄），作为背景的oval shape会被横向挤压拉伸，就变成了椭圆形；
• 当文本是“10”时，TextView的宽高接近相等，oval shape自然就显示成圆形了。
  另外你添加的<padding>会让drawable内部留出空间，但本质还是TextView的宽高不一致导致的变形。

几种可行的解决办法 #

方法1：给TextView固定相等的宽高 #

直接给TextView设置相同的宽高值，同时让文本居中，这样不管文本是几位，背景都会保持圆形：

<TextView 
    android:id="@+id/cartItemsCountTV" 
    android:elevation="20dp" 
    android:layout_width="30dp" 
    android:layout_height="30dp" 
    android:layout_centerVertical="true" 
    android:layout_marginStart="16dp" 
    android:layout_alignStart="@id/addToCartBtn" 
    android:text="1" 
    android:textSize="16sp" 
    android:textStyle="bold" 
    android:background="@drawable/circle"
    android:gravity="center"/>

方法2：修改shape文件为圆角矩形（更灵活） #

把oval改成rectangle，设置一个足够大的圆角半径（比如999dp），这样只要TextView宽高相等，就会显示为圆形，这种方式在适配不同尺寸时更通用：

<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle">
    <solid android:color="#FFF" />
    <corners android:radius="999dp"/> <!-- 足够大的圆角确保变成圆形 -->
    <padding android:left="5dip" android:right="5dip" android:top="5dip" android:bottom="5dip" />
</shape>

方法3：用约束让TextView宽高自动相等 #

如果你用的是ConstraintLayout（看你的布局里有constraint属性），可以设置宽高相等的约束，不用写固定值也能保证宽高一致：

<TextView 
    android:id="@+id/cartItemsCountTV" 
    android:elevation="20dp" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_centerVertical="true" 
    android:layout_marginStart="16dp" 
    android:layout_alignStart="@id/addToCartBtn" 
    android:text="1" 
    android:textSize="16sp" 
    android:textStyle="bold" 
    android:background="@drawable/circle"
    android:gravity="center"
    app:layout_constraintWidth_equalTo="layout_height"
    app:layout_constraintHeight_min="30dp"/> <!-- 可选：设置最小高度避免过小 -->

选其中一种方法就能解决你的问题啦～

内容的提问来源于stack exchange，提问作者sir-haver