Coins arrondis android boutons image

Je suis en train d'essayer d'arrondir les angles sur un android ImageButton, le code ressemble à ceci;

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

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="match_parent"
    android:layout_height="match_parent">

    <RelativeLayout 
        android:layout_width="fill_parent"
        android:layout_height="fill_parent">

        <ImageButton
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:id="@+id/imageButton"
            android:layout_marginTop="57dp"
            android:src="@drawable/friends"
            android:padding="1dp"
            android:layout_alignParentTop="true"
            android:layout_toLeftOf="@+id/imageButton2"
            android:layout_marginRight="62dp" />

    </RelativeLayout>
</LinearLayout>

Fondamentalement notre production est un ImageButton mais il a des coins carrés, on cherche à arrondir les angles.

Grâce

stackoverflow.com/questions/16791449/.... utilisez un sélecteur et cette stackoverflow.com/questions/12771367/...

OriginalL'auteur CBreeze | 2014-02-07

android imagebutton

Utilisation Forme dans android pour faire le rond coins

à créer un fichier xml nommé comme roundcorner.xml

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

Dans votre ImageButton ajouter cet attribut android:background="@drawable/roundcorner"

<ImageButton
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:id="@+id/imageButton"
                android:layout_marginTop="57dp"
                android:src="@drawable/friends"
                android:background="@drawable/roundcorner"
                android:padding="1dp"
                android:layout_alignParentTop="true"
                android:layout_toLeftOf="@+id/imageButton2"
                android:layout_marginRight="62dp" />

Cette juste faire le fond arrondi, pas l'image du bouton lui-même.....
Merci beaucoup, ça fonctionne parfaitement. Je me demande pourquoi il n'a pas d'attribut xml de sorte que nous pouvons le faire plus vite..!

OriginalL'auteur Nambi

Vous pouvez utiliser un sélecteur de fait de la forme un drawable comme arrière-plan, par exemple :

rounded_bg.xml (à créer dans res/drawable-nodpi dossier)

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

    <solid android:color="#ffffff" />
    <corners
        android:bottomLeftRadius="4dp"
        android:bottomRightRadius="4dp"
        android:topLeftRadius="4dp"
        android:topRightRadius="4dp" />

</shape>

En créer un autre, en changeant la couleur référencé dans solid android:color="#ffffff" , par exemple à solid android:color="#ff0000" et le nom de fichier rounded_bg_selected.xml

Créer le sélecteur (également dans res/drawable-nodpi), nom qu'il selectable_button_bg.xml:

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_pressed="true" 
        android:drawable="@drawable/rounded_bg_selected" />
    <item  android:state_focused="false" 
        android:drawable="@drawable/rounded_bg" />
</selector>

Ensuite y faire référence dans votre mise en page :

<ImageButton
     android:background="@drawable/selectable_button_bg"
     android:layout_width="wrap_content"
     android:layout_height="wrap_content"
     android:id="@+id/imageButton"
     android:layout_marginTop="57dp"
     android:src="@drawable/friends"
     android:padding="1dp"
     android:layout_alignParentTop="true"
     android:layout_toLeftOf="@+id/imageButton2"
     android:layout_marginRight="62dp" />

OriginalL'auteur 2Dee

Créer image_rounded_corner.xml intérieur /res/drawable

<?xml version="1.0" encoding="UTF-8" ?> 
  <shape xmlns:android="http://schemas.android.com/apk/res/android">
  <solid android:color="#000000" /> 
  <stroke android:width="3dp" android:color="#776da8" /> 
  <corners android:bottomRightRadius="5dp" android:bottomLeftRadius="5dp" android:topLeftRadius="5dp" android:topRightRadius="5dp" /> 
  <padding android:left="2dp" android:top="2dp" android:right="2dp" android:bottom="2dp" /> 
  </shape>

Appelez le image_rounded_corner.xml fichier avec android:background

<ImageView android:layout_width="wrap_content"
           android:layout_height="wrap_content"
           android:id="@+id/myimage" 
           android:src="@drawable/icon"
           android:background="@drawable/image_rounded_corner" />

ou l'utilisation d'un Dessiner le 9-patch fichier en tant que "Artoo Detoo" suggéré.

OriginalL'auteur Jorgesys

Utiliser ceci:
Mettez dans res/drawable dossier

my_gradient.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">

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

    <stroke
        android:width="5dp"
        android:color="#090" />

</shape>

Dans votre ImageButton Viens de mettre:

android:background="@drawable/my_gradient"

OriginalL'auteur Sagar Shah

 public static Bitmap toRoundCorner(Bitmap bitmap, int pixels) {
    Bitmap output = Bitmap.createBitmap(bitmap.getWidth(), bitmap.getHeight(), Bitmap.Config.ARGB_8888);
    Canvas canvas = new Canvas(output);
    final int color = 0xff424242;
    final Paint paint = new Paint();
    final Rect rect = new Rect(0, 0, bitmap.getWidth(), bitmap.getHeight());
    final RectF rectF = new RectF(rect);
    final float roundPx = pixels;
    paint.setAntiAlias(true);
    canvas.drawARGB(0, 0, 0, 0);
    paint.setColor(color);
    canvas.drawRoundRect(rectF, roundPx, roundPx, paint);
    paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC_IN));
    canvas.drawBitmap(bitmap, rect, rect, paint);
    return output;
  }

ce code va vous aider.(À partir d'un chinois de l'article:http://www.cnblogs.com/liuweiming/archive/2012/04/23/2466074.html)

OriginalL'auteur user3682351

Vous devez vous connecter pour publier un commentaire.