La Suppression De L'Image Bouton De Rembourrage (Android)

J'ai des Boutons qui ressemblent à l'image du haut pour l'orientation paysage:

capture d'écran http://i46.tinypic.com/33zb9dj.jpg

Je veux qu'il ressemble à l'image du bas.

Voici mon .code xml de ces boutons.

<TableRow
    android:id="@+id/tableRow7"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="center"
    android:weightSum="1.0" >

    <ImageButton
        android:id="@+id/appHome"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_weight=".5"
        android:background="@null"
        android:contentDescription="Home"
        android:cropToPadding="true"
        android:scaleType="fitEnd"
        android:src="@drawable/home_bar" />

    <ImageButton
        android:id="@+id/menuHome"
        android:layout_weight="0"
        android:background="@null"
        android:contentDescription="Menu"
        android:cropToPadding="true"
        android:scaleType="center"
        android:src="@drawable/menu_bar" />

    <ImageButton
        android:id="@+id/back"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_weight=".5"
        android:background="@null"
        android:contentDescription="Back"
        android:cropToPadding="true"
        android:scaleType="fitStart"
        android:src="@drawable/back_bar" />

</TableRow>
InformationsquelleAutor Eichhörnchen | 2012-12-31
  1. 7

    Vous ne pouvez pas le faire avec les boutons par défaut, les boutons 9 patchs ont un rembourrage en eux (les deux, holo et le pré holo boutons).
    Vous pouvez voir que ici.

    Si vous voulez boutons sans rembourrage, alors vous devrez modifier le 9 patchs et de créer votre propre thème:

    <style name="myTheme" parent="....">
    <item name="imageButtonStyle">@style/myImageButton</item>
</style>

    et votre imageButtonStyle:

    <style name="myImageButton" parent="Widget.ImageButton">
    <item name="android:background">@drawable/myCostomizedNinePatchSelectorWithoutPadding</item>
</style>
    InformationsquelleAutor Ahmad
  2. 2

    J'ai fini par résoudre cela par le changement de mon TableLayout à un LinearLayout. Voici mon code, à moins que quelqu'un d'autre vient sur ce problème:

    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="center_horizontal"
    android:orientation="vertical">

<LinearLayout
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_weight="1"
    android:gravity="center" >

    <ImageButton
        android:id="@+id/appHome"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@null"
        android:contentDescription="Home"
        android:scaleType="fitEnd"
        android:src="@drawable/home_bar_grey" />

    <ImageButton
        android:id="@+id/menuHome"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@null"
        android:contentDescription="Menu"
        android:onClick="menuhome"
        android:scaleType="fitCenter"
        android:src="@drawable/menu_bar" />

    <ImageButton
        android:id="@+id/back"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@null"
        android:contentDescription="Back"
        android:scaleType="fitStart"
        android:src="@drawable/exit_bar" />
</LinearLayout>

    • le problème avec le fond de null, c'est que vous perdez la teinte grise qui vient avec un ImageButton sur cliquez sur.
    InformationsquelleAutor Eichhörnchen
  3. 1

    //suppression de l' android:weightSum utiliser une largeur de match_parent

    //donner android:layout_weight="1" pour tous imageButton

    //utilisation android:scaleType="fitXY" pour tous

    <TableRow
    android:id="@+id/tableRow7"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_gravity="center"
    >

    <ImageButton
        android:id="@+id/appHome"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:background="@null"
        android:contentDescription="Home"
        android:cropToPadding="true"
        android:scaleType="fitXY"
        android:src="@drawable/home_bar" />

    <ImageButton
        android:id="@+id/menuHome"
        android:layout_weight="0"
        android:background="@null"
        android:contentDescription="Menu"
        android:layout_weight="1"
        android:cropToPadding="true"
        android:scaleType="fitXY"
        android:src="@drawable/menu_bar" />

    <ImageButton
        android:id="@+id/back"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
       android:layout_weight="1"
        android:background="@null"
        android:contentDescription="Back"
        android:cropToPadding="true"
       android:scaleType="fitXY"
        android:src="@drawable/back_bar" />

</TableRow>
    • Cela fonctionne, mais il étend les images, qui est ce que je ne veux pas.
    • Ensuite, retirer le android:scaleType="fitXY".
    • Quand j'ai fait cela, j'ai obtenu le même résultat qu'avant (avec le rembourrage de l'espace de chose)
    InformationsquelleAutor Padma Kumar
  4. 0

    Utilisation négative de rembourrage sur les ImageButton dans votre xml pour réduire le rembourrage utilisé.

    android:paddingLeft="-5dip"
android:paddingRight="-5dip"

    Remarque ci-dessus est juste un exemple... vous aurez besoin de jouer avec les chiffres pour les ajuster à votre cas spécifique afin de rendre les choses correctes.

    • Peu importe à quelle hauteur les chiffres, je suis toujours en train d'obtenir le même bizarre de rembourrage.
    • Il peut être marge au lieu de rembourrage... même astuce s'applique, utiliser des nombres négatifs.
    • J'ai juste essayé de la marge avec le même résultat... j'ai essayé les deux pour l'enfer de lui aussi. Il y a encore tous les invisibles de l'espace.
    InformationsquelleAutor Barak
  5. 0

    Une alternative plus facile de créer votre propre 9 patch image pour supprimer la marge est de définir l'arrière-plan la valeur null.

    Par exemple, ajoutez la ligne suivante à res/styles.xml:

    <style name="MarginlessImageButton" parent="android:Widget.ImageButton">
    <item name="android:background">@null</item>
</style>

<style name="AppTheme" parent="AppBaseTheme">
    <item name="android:imageButtonStyle">@style/MarginlessImageButton</item>
</style>

    Vous devez maintenant trouver que tous les ImageButtons à zéro de la marge, indépendamment du fait que défini en XML ou créé par programmation.

    InformationsquelleAutor appsonthemove