文本视图与圆形背景

时间:2016-01-08 10:04:17

标签: android xml

我希望我的TextView有圆角边框,并希望该戒指充满红色。

card_text_border.xml

<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:innerRadius="10dp"
    android:thickness="15dp"
    android:useLevel="false"
    android:shape="ring" >
    <solid 
        android:color="@color/PrimaryDarkColor"/>
    <stroke 
        android:width="4px"
        android:color="#000000" />
</shape>

这是我的TextView

<TextView
    android:layout_height="wrap_content"
    android:layout_width="wrap_content"
    android:text="0"
    android:id="@+id/txtView_cart"
    android:paddingRight="10dp"
    android:background="@drawable/card_text_border"
    android:layout_gravity="top|right"/>

3 个答案:

答案 0 :(得分:25)

使用以下代码:

<强> White_circle_drawable.xml

<shape xmlns:android="http://schemas.android.com/apk/res/android" 
     android:shape="oval">
    <solid android:color="#A6ffffff"/>
    <stroke android:width="0dp" android:color="#fff" />
    <size android:width="28dp" android:height="28dp"/>
</shape>

TextView

<TextView
    android:id="@+id/TextViewID"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginLeft="5dp"
    android:paddingTop="5dp"
    android:text="2"
    android:layout_marginTop="2dp"
    android:layout_marginBottom="2dp"
    android:gravity="center"
    android:visibility="gone"
    android:textColor="#ff2800"                
    android:background="@drawable/white_circle_drawable"
    android:textSize="13sp" />

答案 1 :(得分:8)

这是解决方案:

circular_textview.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:width="5dip"
         android:color="@color/red" />
   <solid android:color="@color/red" />

这是main.xml中的textView

            <TextView
                android:layout_width="27dp"
                android:layout_height="27dp"
                android:layout_gravity="center_vertical"
                android:layout_marginLeft="5dp"
              android:background="@drawable/circular_textview"
                android:gravity="center"
                android:padding="5dp"
                android:text="@string/tag_2"
                android:textColor="@color/white"
                android:textSize="12sp" />

这会对你有帮助。

答案 2 :(得分:1)

那里很好的答案,我将添加自己的方式。

首先,创建一个可绘制的文件并添加以下代码,您应该会很好。

<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="oval">
<solid android:color="#A6E41010" />
<size
android:width="36dp"
android:height="36dp" />
<corners android:radius="18dp" />
</shape>