Как нарисовать прямоугольник с закругленными углами в пользовательском интерфейсе Android?

Question

Мне нужно нарисовать скругленный прямоугольник в пользовательском интерфейсе Android.Было бы полезно иметь одинаковый прямоугольник с закругленными углами для TextView и EditText.

Answer 1

В вашем макете XML выполните следующие действия:

   <shape xmlns:android="http://schemas.android.com/apk/res/android">
         <gradient
            android:endColor="@color/something"
            android:centerColor="@color/something_else"
            android:startColor="@color/something_else_still"
            android:angle="270" />
        <corners
            android:radius="3dp" />
        <padding
            android:left="10dp"
            android:top="10dp"
            android:right="10dp"
            android:bottom="10dp" />
    </shape>

Изменяя радиус андроида: вы можете изменить величину «скругления» углов.

Answer 2

Я думаю, это именно то, что вам нужно.

Здесь рисуемый (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, имеющийфон (это ключевая роль для создания скругленного прямоугольника).Таким образом, вы можете поместить любое представление, например TextView, EditText ... в этот LinearLayout, чтобы видеть фон как круглый прямоугольник для всех.

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"

Создайте новый XML-файл в рисоваемой форме с именем «custom_round_ui_shape»

Answer 5

Если вы хотите использовать скругленный прямоугольник в качестве фона для TextView и EditText, вы должны использовать пользовательский фон.Вам нужно использовать компонент shape для получения дополнительной информации. Прочитайте этот вопрос Использование shapeable в качестве фона для моего текста xml