如何在Android UI中绘制圆角矩形？

Question

我需要在 Android UI 中绘制一个圆角矩形。对于 TextView 和 EditText 使用相同的圆角矩形也会很有帮助。

Answer 1

在您的布局 xml 中执行以下操作：

<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">

    <solid android:color="@android:color/holo_red_dark" />

    <corners android:radius="32dp" />

</shape>

通过更改 android:radius 您可以更改角的“半径”量。

用于定义可绘制对象的颜色。

您可以将 android:radius 替换为 android:bottomLeftRadius、android:bottomRightRadius、android:topLeftRadius 和 >android:topRightRadius 定义每个角的半径。

Answer 2

我想，这正是你所需要的。

这里的drawable(xml)文件创建圆角矩形。
round_rect_shape.xml

<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle" >

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

    <corners
        android:bottomLeftRadius="8dp"
        android:bottomRightRadius="8dp"
        android:topLeftRadius="8dp"
        android:topRightRadius="8dp" />

</shape>

此处布局文件：my_layout.xml

<LinearLayout
    android:id="@+id/linearLayout1"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@drawable/round_rect_shape"
    android:orientation="vertical"
    android:padding="5dp" >

    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Something text"
        android:textAppearance="?android:attr/textAppearanceLarge"
        android:textColor="#ff0000" />

    <EditText
        android:id="@+id/editText1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" >

        <requestFocus />
    </EditText>
</LinearLayout>

->在上面的代码中，LinearLayout具有背景（这是创建圆角矩形的关键作用）。
因此，您可以在 LinearLayout 中放置任何视图，如 TextView、EditText...，以将背景视为所有圆角矩形。

Answer 3

在monodroid中，你可以对圆角矩形进行这样的操作，然后将其作为父类，可以添加editbox和其他布局功能。

 class CustomeView : TextView
    {
       public CustomeView (Context context, IAttributeSet ) : base (context, attrs)  
        {  
        }
       public CustomeView(Context context, IAttributeSet attrs, int defStyle) : base(context, attrs, defStyle)  
        {  
        }
       protected override void OnDraw(Android.Graphics.Canvas canvas)
       {
           base.OnDraw(canvas);
           Paint p = new Paint();
           p.Color = Color.White;
           canvas.DrawColor(Color.DarkOrange);

           Rect rect = new Rect(0,0,3,3);

           RectF rectF = new RectF(rect);


           canvas.DrawRoundRect( rectF, 1,1, p);



       }  
    }
}

Answer 4

<shape xmlns:android="http://schemas.android.com/apk/res/android"
  android:padding="10dp"
  android:shape="rectangle">
    <solid android:color="@color/colorAccent" /> 
    <corners
      android:bottomLeftRadius="500dp"
      android:bottomRightRadius="500dp"
      android:topLeftRadius="500dp"
      android:topRightRadius="500dp" />
</shape>

现在，您想在哪个元素中使用此形状，只需添加：
android:background="@drawable/custom_round_ui_shape"

在名为“custom_round_ui_shape”的可绘制对象中创建一个新的 XML

Answer 5

右键单击可绘制对象并创建新的布局 xml 文件，其名称例如为“button_background.xml”。
然后复制并粘贴以下代码。
您可以根据需要更改它。

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<corners
android:radius="14dp" />
<solid android:color="@color/colorButton" />
<padding
android:bottom="0dp"
android:left="0dp"
android:right="0dp"
android:top="0dp" />
<size
android:width="120dp"
android:height="40dp" />
</shape>

现在您可以使用它了。

<Button
android:background="@drawable/button_background"
android:layout_width="wrap_content"
android:layout_height="wrap_content"/>

Answer 6

您可以在drawables文件夹中定义一个新的xml背景，

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

然后将其包含在您的TextView或EditText中
通过在后台定义它。

<TextView
 android:id="@+id/textView"
 android:layout_width="0dp"
 android:layout_height="80dp"
 android:background="YOUR_FILE_HERE"
 Android:layout_weight="1"
 android:gravity="center"
 android:text="TEXT_HERE"
 android:textSize="40sp" />

Answer 7

使用 CardView 作为圆角矩形。 CardView 提供了更多功能，如 cardCornerRadius、cardBackgroundColor、cardElevation 和 cardCornerRadius。还有更多。 CardView 使 UI 比自定义圆矩形可绘制更合适。

Answer 8

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

Answer 9

我尝试了几种方法，可以说您还应该添加 View.setClipToOutline (API >= 21)：

textView.clipToOutline = true

在这种情况下您不会在 TextView 下面得到矩形选择（它发生在某些设备上），如下所示：

有些人用CardView包裹一个矩形。它可以工作，但在某些旧设备上，如果半径足够大，它会显示错误的角：

在 TextView 中，您还可以添加此属性：

android:theme="@style/Theme.MaterialComponents.Light"

当单击浅灰色文本标签。

Answer 10

    paint.apply {
        strokeWidth = lineWidth.toFloat()
        style = Paint.Style.STROKE
        color = lineColor
        ***strokeCap = Paint.Cap.ROUND***
    }