Android绘制圆圈并在Textview上环绕文本

Question

我有一个包含数字1,2,3的文本视图....我想在数字周围有一个圆圈，类似于某些东西;

我的textview的代码是;

 <TextView
        android:id="@+id/position"
        android:layout_height="wrap_content"
        android:layout_width="wrap_content"
        android:layout_weight="0.20"
        android:textStyle="bold"
        android:layout_gravity="center"
        android:layout_margin="5dp"
        android:background="@drawable/circlebg"
        android:textSize="20dp"/>

我有一个xml后台文件，其中包含;

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval">
    <corners android:radius="10dip"/>
    <stroke android:color="#ff0000" android:width="2dip"/>
    <solid android:color="@android:color/transparent"/>
</shape>

结果是;

我想知道的是如何才能将结果显示在第一个屏幕截图中。欢迎任何帮助。

Answer 1

activity.xml

<Button
            android:id="@+id/fragment_pos_inventory_Add"
            android:layout_width="25dp"
            android:layout_height="25dp"
            android:background="@drawable/layer_list" />

layer_list.xml

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
   <item android:state_pressed="false">
        <shape android:shape="oval">
            <solid android:color="#fa09ad" />
        </shape>
    </item>
    <item android:state_pressed="true">
        <shape android:shape="oval">
            <solid android:color="#ffffff"/>
            <padding android:left="2dp"
                android:right="2dp"
                android:top="2dp"
                android:bottom="2dp"/>
        </shape>
    </item>

</layer-list>

Answer 2

您是否尝试过ViewBadger或BadgeView？这些可能对你有帮助。您可以稍后对其进行更改。

Answer 3

您走在正确的轨道上，您所要做的就是将textview的layout_height和layout_width设置为固定值，例如50dp，而不是使用＆＃34; wrap_content＆＃34;。当textView的layout_height和layout_width相等时，你得到一个圆圈。