如何使用计数制作可绘制的圆形

Question

我真的很感激，如果有人可以帮我使用如何绘制圆形视图，就像我的下图一样。

我为我的要求编写了一些代码，但它显示的是矩形，但我想要圆形......

linear_layout_border（可绘制文件）

       <FrameLayout
            android:id="@+id/group_attachment_layout"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentTop="true"
            android:layout_centerHorizontal="true">

            <RelativeLayout
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_centerInParent="true"
                android:layout_margin="3dp"
                android:background="@drawable/linear_layout_border">

                <ImageView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:paddingLeft="5dp"
                    android:paddingRight="5dp"
                    android:src="@drawable/ic_group"
                    android:tint="@color/rosecolor" />

            </RelativeLayout>

            <TextView
                android:id="@+id/members_count_textview"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="top|right"
                android:layout_marginBottom="3dp"
                android:background="@drawable/test_circle"
                android:gravity="center"
                android:minWidth="15dp"
                android:paddingLeft="2dp"
                android:paddingRight="2dp"
                android:text="0"
                android:textColor="#fff"
                android:textStyle="bold"
                android:visibility="visible" />

        </FrameLayout>

的xml：

window.performance.getEntries().filter(e=>e.initiatorType==='xmlhttprequest');

图像： -

Answer 1

试试这个看起来像你想要的

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval">
    <corners
        android:radius="10dip"/>
    <solid
        android:color="#2196F3" />
    <stroke
        android:width="2dip"
        android:color="#FFF" />
    <padding
        android:left="2dip"
        android:right="2dip"
        android:top="2dip"
        android:bottom="2dip" />
</shape>

Answer 2

<?xml version="1.0" encoding="utf-8"?>
<shape
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval">

   <solid 
       android:color="#666666"/>

   <size 
       android:width="120dp"
        android:height="120dp"/>
</shape>

使用此代码绘制一个圆圈并将其作为TextView的背景并制作其android:gravity="center"

根据需要更改高度和宽度。

Answer 3

尝试关注drawable

<selector xmlns:android="http://schemas.android.com/apk/res/android">
        <item xmlns:android="http://schemas.android.com/apk/res/android">
            <shape>
                <solid android:color="#58050505" />
                <corners
                    android:topLeftRadius="3dp"
                    android:topRightRadius="3dp"
                    android:bottomLeftRadius="3dp"
                    android:bottomRightRadius="3dp"
                    />
            </shape>
        </item>
    </selector>

Answer 4

  

    

将其用于TextView背景

  

在drawable文件夹中

badge_background.xml

   <?xml version="1.0" encoding="utf-8"?>
   <shape xmlns:android="http://schemas.android.com/apk/res/android">
   <gradient
    android:endColor="@color/purple"
    android:startColor="@color/purple"></gradient>
   <corners android:radius="100dp"></corners>
   <stroke
    android:width="0.5dp"
    android:color="@color/white" />
   </shape>

  

    

TextView

  

<TextView
                android:id="@+id/serial_no"
                android:layout_width="22dp"
                android:layout_height="22dp"
                android:layout_gravity="top|start"
                android:layout_marginTop="5dp"
                android:background="@drawable/badge_background"
                android:gravity="center|center_vertical"
                android:maxLines="1"
                android:text="1"
                android:textColor="@android:color/white"
                android:textSize="13sp"
                android:textStyle="bold" />