Comment dessiner un rectangle arrondi dans l'interface utilisateur d'Android ?

Question

Je dois dessiner un rectangle arrondi dans l'interface utilisateur Android. Avoir le même rectangle arrondi pour TextView y EditText serait également utile.

Answer 1

Dans votre layout xml, faites ce qui suit :

<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>

En modifiant le android:radius vous pouvez modifier le "rayon" des coins.

<solid> est utilisé pour définir la couleur du dessinable.

Vous pouvez utiliser le remplacement android:radius con android:bottomLeftRadius , android:bottomRightRadius , android:topLeftRadius y android:topRightRadius pour définir le rayon de chaque coin.

Answer 2

Je pense que c'est exactement ce dont vous aviez besoin.

Voici un fichier drawable(xml) qui crée un rectangle arrondi. forme_rectangle_ronde.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>

Voici le fichier de mise en page : 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>

-> Dans le code ci-dessus, LinearLayout ayant le fond (C'est le rôle clé à placer pour créer le rectangle arrondi). Ainsi vous pouvez placer n'importe quelle vue comme TextView, EditText... dans ce LinearLayout pour voir le fond comme un rectangle rond pour tous.

Answer 3

En monodroid vous pouvez faire comme ceci pour le rectangle arrondi, et ensuite garder ceci comme classe parent, editbox et d'autres caractéristiques de mise en page peuvent être ajoutées.

 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>

Maintenant, dans quel élément vous voulez utiliser cette forme, il suffit d'ajouter : android:background="@drawable/custom_round_ui_shape"

Créez un nouveau XML dans la table de dessin nommé "custom_round_ui_shape".

Answer 5

Vous pourriez simplement définir un nouveau fond xml dans le dossier drawables

<?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>  

Après cela, il suffit de l'inclure dans votre TextView ou EditText. en le définissant en arrière-plan.

<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" />