在android中的textview的圆角

时间:2013-09-13 08:40:45

标签: android textview shapes

我有一个textview,并希望它的角落是圆形的。我已经知道可以使用android:background="@drawable/somefile"完成。在我的情况下,此标记已包含在内,因此无法再次使用。例如android:background="@drawable/mydialogbox"已经在那里创建背景图像

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="fill_parent"
    android:layout_gravity="top"
    android:background="@drawable/mydialogbox"
    android:orientation="horizontal" >

    <TextView
        android:id="@+id/textview_name"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true" />

    </LinearLayout>

</RelativeLayout>

所以当我希望textview(textview_name)也有圆角时,如何实现这一目标。

11 个答案:

答案 0 :(得分:388)

1)在rounded_corner.xml文件夹中创建drawable并添加以下内容

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >         
   <stroke
          android:width="1dp"
          android:color="@color/common_border_color" />

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

   <padding
           android:left="1dp"
           android:right="1dp"
           android:bottom="1dp"
           android:top="1dp" />

   <corners android:radius="5dp" />
</shape>

2)在TextView背景属性中设置此drawable。例如:

android:background="@drawable/rounded_corner"

我希望这对你有用。

答案 1 :(得分:14)

由于您的顶级视图已经设置了android:background属性,因此您可以使用<layer-list>link)创建一个新的XML drawable,它结合了旧背景和新的圆角背景

列表中的每个<item>元素都会在下一个元素上绘制,因此列表中的最后一个项目最终位于顶部。

<?xml version="1.0" encoding="utf-8"?>
<layer-list
    xmlns:android="http://schemas.android.com/apk/res/android" >
    <item>
        <bitmap android:src="@drawable/mydialogbox" />
    </item>
    <item>
        <shape>
            <stroke
                android:width="1dp"
                android:color="@color/common_border_color" />

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

            <padding
                    android:left="1dp"
                    android:right="1dp"
                    android:top="1dp" />

            <corners android:radius="5dp" />
        </shape>
    </item>
</layer-list>

答案 2 :(得分:10)

radius旁边,还有一些属性,例如topRightRadiustopLeftRadiusbottomRightRadiusbottomLeftRadius

示例TextView具有red边框with corner and灰色背景

bg_rounded.xml

<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <stroke
        android:width="10dp"
        android:color="#f00" />

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

    <corners
        android:radius="5dp"
        android:topRightRadius="100dp" />
</shape>

TextView

<TextView
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@drawable/bg_rounded"
    android:text="Text"
    android:padding="20dp"
    android:layout_margin="10dp"
    />

结果

enter image description here

答案 3 :(得分:9)

通过材料成分库,您可以使用MaterialShapeDrawable

使用 TextView

    <TextView
        android:id="@+id/textview"
        ../>

您可以通过编程方式应用MaterialShapeDrawable

float radius = getResources().getDimension(R.dimen.corner_radius);

TextView textView = findViewById(R.id.textview);
ShapeAppearanceModel shapeAppearanceModel = new ShapeAppearanceModel()
        .toBuilder()
        .setAllCorners(CornerFamily.ROUNDED,radius)
        .build();

MaterialShapeDrawable shapeDrawable = new MaterialShapeDrawable(shapeAppearanceModel);
ViewCompat.setBackground(textView,shapeDrawable);

enter image description here

如果要更改背景颜色和边框,只需应用:

shapeDrawable.setFillColor(ContextCompat.getColorStateList(this,R.color.....));
shapeDrawable.setStroke(2.0f, ContextCompat.getColor(this,R.color....));

答案 4 :(得分:5)

在drawable文件夹下创建一个xml gradient.xml文件

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape android:shape="rectangle"  >
            <corners android:radius="50dip" />
            <stroke android:width="1dip" android:color="#667162" />
            <gradient android:angle="-90" android:startColor="#ffffff" android:endColor="#ffffff" />
        </shape>
    </item>
</selector>

然后将其添加到TextView

android:background="@drawable/gradient"

答案 5 :(得分:4)

您可以使用提供的矩形形状(不使用渐变,除非您需要),如下所示:

var k=0; for(var i=0; i<this.JSON1.length; i++){ for(var j=0; j<this.JSON1[i].data.length; j++){ console.log("j",j); this.JSON1[i].data[j].value = this.JSON2[k]; k++; } }

drawable/rounded_rectangle.xml

然后在你的文字视图中:

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <corners android:radius="5dp" />
    <stroke android:width="1dp" android:color="#ff0000" />
    <solid android:color="#00ff00" />
</shape>

当然,您需要自定义尺寸和颜色。

答案 6 :(得分:4)

1。右键单击Drawable文件夹并创建新文件 2.根据您的名字命名文件,并将扩展名添加为.xml。 3.在文件中添加以下代码

  <?xml version="1.0" encoding="utf-8"?>
  <shape xmlns:android="http://schemas.android.com/apk/res/android"
      android:shape="rectangle">
      <corners android:radius="5dp" />
      <stroke android:width="1dp"  />
      <solid android:color="#1e90ff" />
  </shape>

4。在要舍入的edg android:background="@drawable/corner"

处添加行

答案 7 :(得分:3)

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

    <item android:id="@android:id/background">
        <shape>
            <corners android:radius="5dp" />
            <solid android:color="#ffffff"/>

        </shape>
    </item>
</layer-list>

答案 8 :(得分:1)

有两个步骤

1)在可绘制文件夹中创建此文件:-rounded_corner.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
         <corners android:radius="10dp" />  // set radius of corner
         <stroke android:width="2dp" android:color="#ff3478" /> // set color and width of border
         <solid android:color="#FFFFFF" /> // inner bgcolor
</shape>

2)将此文件设置为TextView作为背景属性。

android:background="@drawable/rounded_corner"

您也可以在Button或Edittext中使用此可绘制对象

答案 9 :(得分:0)

您可以使用SVG圆角化并加载到ImageView中,并使用ConstraintLayout将ImageView带到TextView上

我将其用于舍入的ImageView和舍入的TextView

答案 10 :(得分:-2)

只需使用圆角图像作为该视图的背景

别忘了将自定义图像放在可绘制文件夹中

android:background="@drawable/my_custom_image"