android圆角textview，角落里有完美的圆角

Posted 2023-04-15

【中文标题】android圆角textview，角落里有完美的圆角

【英文标题】：android rounded corner textview with perfect round in the corner

【发布时间】：2016-03-30 05:29:22

【问题描述】：

如何显示带有圆角矩形的文本视图，如原始图像所示

在上面（原始）图片中，按钮 2 的左右圆角形状正确，但在我的代码中，左右圆角形状不正确

在第二张图片中，我需要像第一张图片那样做更多的圆角。如何处理以下可绘制对象？

可绘制代码（green_bg.xml）

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <solid android:color="#19D8C8" />
    <corners android:radius="3dip" />
    <stroke
        android:
        android:color="#19D8C8" />
</shape>

activity_main.xml

.......
<TextView
    android:id="@+id/qmap_2"
    android:layout_
    android:layout_
    android:layout_gravity="center_vertical"
    android:gravity="center"
    android:text="2"
    android:textStyle="bold"
    android:textColor="@color/no_color" />
    ......

【问题讨论】：

看看这个library。

它们在哪些方面不正确？

@Karakuri，请比较两张圆角的图片。第一个更圆，但第二个不是第一个。

【参考方案1】：

在drawable中创建一个文件round.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <solid android:color="#176d7a" />
    <corners android:radius="50dp" />
</shape>

现在设置textview的背景像

<TextView
    android:id="@+id/qmap_2"
    android:layout_
    android:layout_
    android:layout_gravity="center_vertical"
    android:gravity="center"
    android:text="2"
    android:textStyle="bold"
    android:background="@drawable/round"
    android:textColor="@color/no_color" />

它应该可以工作

【讨论】：

谢谢，效果很好！你知道是否有办法让背景的最小纵横比为 1:1？所以它总是一个圆圈或更宽。

你可以像这样在形状内添加尺寸标签

【参考方案2】：

将角 半径更改为更高的值，即 100dp

<corners android:radius="100dip" />