Bouton avec coins arrondis et des frontières avec de la couleur

J'ai besoin de votre aide, j'essaie de faire, j'ai essayé de faire un bouton avec coins arrondis et de montrer à la frontière de cela, j'ai besoin d'être en mesure de modifier la couleur par programme en fonction de ce que je l'obtenir à partir d'un service web, jusqu'à présent, j'ai essayé d'ajouter la forme avec un drawable et il a donné la forme arrondie avec la couleur de la bordure mais je ne sais pas si c'est possible de changer la couleur de cela parce que c'est ajouté par défaut dans le drawable

<?xml version="1.0" encoding="UTF-8"?>

<stroke android:width="3dp"
    android:color="#ff000000"
    />

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

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

qui est le drawable j'ai été en utilisant, puis j'ai essayé d'ajouter la forme de la création d'une classe personnalisée pour le bouton et la modification de la méthode onDraw, et im obtenir une forme, mais est un peu bizarre

Bouton avec coins arrondis et des frontières avec de la couleur

@Override
protected void onDraw(Canvas canvas) {
    //TODO Auto-generated method stub

    Paint paint = new Paint();
    paint.setStyle(Paint.Style.STROKE);
    paint.setColor(strokeColor);
    paint.setStrokeWidth(5.0f);

    int  h = this.getHeight();
    int  w = this.getWidth();
    //final RectF rect = new RectF();

    RectF oval1 = new RectF(0, 0, w, h);
    canvas.drawRoundRect(oval1, 40, 40, paint);

}

et pour une raison en plus de la forme bizarre im ajoutant le texte par programmation avec le texte de la méthode et de ne pas montrer, il obtient la couleur pour le contour mais pas le texte

buttonCTA = ButterKnife.findById(this, R.id.btnCTA);
        buttonCTA.setTextColor(Color.parseColor(valueColor));
        buttonCTA.setStrokeColor(valueColor);
        buttonCTA.setText("test");
InformationsquelleAutor Diego Andres Vierma Chata | 2017-01-12
  1. 8

    C'est ce dont vous avez besoin.

        public static void setRoundedDrawable(Context context, View view, int backgroundColor, int borderColor) {
    GradientDrawable shape = new GradientDrawable();
    shape.setShape(GradientDrawable.RECTANGLE);
    shape.setCornerRadius(20f);
    shape.setColor(backgroundColor);
    if (borderColor != 0){
        shape.setStroke(2f, borderColor);
    }
    view.setBackgroundDrawable(shape);
}

    Vous pouvez modifier le rayon de l'angle et la largeur du trait dépend de ce que vous avez besoin.
    Espérons que cela aide!

    • merci! a été plus facile que je ne le pensais
    InformationsquelleAutor Roman Pozdnyakov
  2. 7

    créer round_background.xml dans le dossier drawable.

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

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

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

    définir comme arrière-plan

     <Button
        android:id="@+id/mybutton"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@drawable/round_background"
        android:text="Hello World!" />

    Le changer lors de l'exécution avec n'importe quelle vue.

     Button button = (Button) findViewById(R.id.mybutton);
 GradientDrawable drawable = (GradientDrawable)button.getBackground();
 drawable.setStroke(2, Color.YELLOW);
    InformationsquelleAutor Sohail Zahid
  3. 0

    Utilisation GradientDrawable pour obtenir la vue et de la modification:

    GradientDrawable drawable = (GradientDrawable)buttonCTA.getBackground();
drawable.setStroke(3, Color.your_color);

    Ici 3 est le prédéfinies de la largeur du tracé et Color.your_color est la couleur qui viendra de WebService.

    InformationsquelleAutor W4R10CK
  4. 0

    En fait vous pouvez le faire assez facilement avec le Matériel de Conception de Bouton. À mon humble avis à l'aide du matériel de conception est le façon standard de style de choses dans Android.

    Bouton avec coins arrondis et des frontières avec de la couleur

    Étape 1:

    Ajouter après la dépendance du module build.gradle de fichiers et de synchronisation du projet.

    implementation 'com.google.android.material:material:1.0.0'

    Étape 2:

    Changer votre style.xml app thème d'hériter à partir de matériaux constitutifs des thèmes mentionnés ici.

    ex:

    <style name="AppTheme" parent="Theme.MaterialComponents.NoActionBar">
...
</style>

    Étape 3:

    Changer votre bouton xml pour ressembler à ci-dessous

    <com.google.android.material.button.MaterialButton
            android:text="@string/button_text"
            android:layout_height="wrap_content"
            android:layout_width="wrap_content"
            android:id="@+id/btnRound"
            style="@style/Widget.MaterialComponents.Button.OutlinedButton"
            app:cornerRadius="1000dp"
            app:strokeColor="@color/colorPrimaryDark"/>
    • Vous pouvez changer la rondeur du bouton à l'aide d' app:cornerRadius valeur de l'attribut.
    • Bouton de réglage de la style attribut @style/Widget.MaterialComponents.Button.OutlinedButton faire sur le bouton indiqué.
    • Utilisation app:strokeColor valeur de l'attribut pour définir la couleur du contour.

    Références:

    InformationsquelleAutor user158