Bouton arrondi dans Android

Question

Je veux créer des boutons arrondis dans un programme Android. J'ai regardé Comment créer un EditText avec des coins arrondis ?

Ce que je veux réaliser est:

1. Boutons à bords arrondis
2. Changer l'arrière-plan/apparence du bouton sur différents états (comme Onclick, Focus)
3. Utiliser mon propre PNG pour l'arrière-plan et ne pas créer une forme.

Answer 1

Vous pouvez créer un bouton avec des coins arrondis sans recourir à un ImageView.

Une ressource de sélecteur d'arrière-plan, button_background.xml:

Pour chaque état, une ressource drawable, par exemple button_press.xml:

Remarquez l'élément corners, cela vous donnera des coins arrondis !

Ensuite, définissez le drawable de fond sur le bouton :

android:background="@drawable/button_background"

MODIFICATION (9/2018) : La même technique peut être utilisée pour créer un bouton circulaire. Un cercle est vraiment juste un bouton carré avec une taille de rayon définie à la moitié du côté du carré

De plus, dans l'exemple ci-dessus, les éléments stroke et gradient ne sont pas nécessaires, ce sont juste des exemples et des moyens pour que vous puissiez voir la forme de coin arrondi

Answer 2

Si vous avez besoin d'un bouton arrondi dans Android, créez alors un fichier XML "RoundShapeBtn.xml" en tant que drawable.

Ajoutez ceci à votre code de bouton :

android:background="@drawable/RoundShapeBtn"

Answer 3

Créer un fichier xml dans le dossier drawable dans Android comme :

rounded_button.xml

     // si vous voulez une forme ronde claire, alors faites en sorte que la taille du rayon soit la moitié de la hauteur de votre bouton.
     // Couleur du bouton

Maintenant, utilisez ce fichier xml comme arrière-plan de vos boutons.

Answer 4

Étendez ImageView comme ceci :

public class RoundedImageView extends ImageView {
  private static final String TAG = "RoundedImageView";

  private float mRadius = 0f;

  public RoundedImageView(Context context) {
    super(context);
  }

  public RoundedImageView(Context context, AttributeSet attrs) {
    super(context, attrs);

    // récupérer les attributs de styles
    TypedArray a = context.obtainStyledAttributes(attrs, R.styleable.RoundedView);
    mRadius = a.getDimension(R.styleable.RoundedView_radius, 0f);
    a.recycle();
  }

  @Override
  protected void onDraw(Canvas canvas) {
    // ne faire cela que si nous avons vraiment un rayon
    if(mRadius > 0) {
      RectF rect = new RectF(0, 0, getWidth(), getHeight());
      Path clipPath = new Path();
      clipPath.addRoundRect(rect, mRadius, mRadius, Path.Direction.CW);
      canvas.clipPath(clipPath);
    }
    super.onDraw(canvas);
  }
}

Et appliquez votre ressource d'arrière-plan normale et elle devrait être coupée avec des coins arrondis.

Answer 5

Cela peut être fait en utilisant l'attribut corner. Regardez le XML ci-dessous.