Android bouton avec l'icône et le texte

J'ai des boutons comme ça dans mon application:

    <Button
        android:id="@+id/bSearch"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:padding="16dp"
        android:text="Search"
        android:textSize="24sp" />

Je suis en train de créer un bouton avec un texte et une icône.
android:drawableLeft ne fonctionne pas pour moi (il a Peut-être, mais je ne sais pas comment mettre un max de la hauteur de l'icône).

J'ai donc créé un LinearLayout avec une ImageView et un TextView et fait-il agir comme un bouton:

    <LinearLayout
        android:id="@+id/bSearch2"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:background="@android:drawable/btn_default"
        android:clickable="true"
        android:padding="16dp"
        android:orientation="horizontal" >

        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center_vertical"
            android:layout_marginLeft="5dp"
            android:adjustViewBounds="true"
            android:maxHeight="30dp"
            android:maxWidth="30dp"
            android:scaleType="fitCenter"
            android:src="@drawable/search_icon" />

        <TextView
            android:id="@+id/tvSearchCaption"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_gravity="center_vertical"
            android:textSize="24sp"
            android:paddingRight="30dp"
            android:gravity="center"
            android:text="Search" />
    </LinearLayout>

Mon nouveau bouton est exactement ce que je veux (taille de la police, l'icône et le texte de l'emplacement).
Mais il ne ressemble pas à mes boutons par défaut:

J'ai donc essayé, pour changer l'arrière-plan et la couleur du texte de mon Bouton nouveau:

Button Search = (Button) findViewById(R.id.bSearch);
LinearLayout bSearch2 = (LinearLayout) findViewById(R.id.bSearch2);
bSearch2.setBackground(bSearch.getBackground());
TextView tvSearchCaption = (TextView)findViewById(R.id.tvSearchCaption);
tvSearchCaption.setTextColor(bSearch.getTextColors().getDefaultColor());

Cela donne un résultat étrange, mon vieux bouton, se foiré:

Quand j'ai changer l'ordre de ces deux boutons dans le XML, de sorte que le "nouveau bouton" va d'abord, il fait un autre résultat étrange:

Maintenant, j'ai remarqué, que quand j'ai essayer d'appuyer sur le vieux bouton, la nouvelle se pressé.

Des idées?

InformationsquelleAutor Dusan | 2014-04-09

234

Essayer celui-ci.
```
<Button
    android:id="@+id/bSearch"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:padding="16dp"
    android:text="Search"
    android:drawableLeft="@android:drawable/ic_menu_search"
    android:textSize="24sp"/>
```
- C'est exactement la façon dont je le veux, mais je veux utiliser mes propres icônes, pas la valeur par défaut d'android proches. Mes icônes sont de plus grande taille. Est-ce à dire, j'ai besoin de créer de plus petites images bitmap pour chaque résolution? Est-il un paramètre qui me permet de contrôler la taille de l'icône?
- Qui est correct. Vous avez besoin de créer de la taille d'image différente pour chaque résolution
- Ok, merci pour votre aide, mais maintenant j'ai une autre question... Mes icônes sont la lumière, parce que le texte est blanc sur un bouton sombre, comme vous pouvez le voir dans les images dans ma question. L'application est définie, à l'utilisation d'un thème qui est disponibles dans la version d'android. Mes exemples sont à partir d'android 4.3. Lorsque l'application s'exécute sur android 2.3.3, par défaut, les boutons sont de la lumière avec l'obscurité du texte. Plutôt quelque chose comme un bouton sur ma première image. Est-il un moyen de fournir une alternative bitmap pour l'icône en cours d'exécution sur des appareils plus anciens. J'espère que vous comprenez ma question 🙂
- C'est une bonne question. Vous pouvez définir différents style de votre icône, le texte refroidisseur de style pour chaque niveau API (il signifie android OS version). Vous pouvez voir les valeurs-v11, les valeurs-v14 dossiers.
- Je vais faire un essai. Mon thème est également réglée par l'intermédiaire du styles.xml dans ces dossiers.
- Non, c'est par défaut d'Android. Vous pouvez modifier votre thème dans ces dossiers 🙂
- Vous pouvez aussi utiliser des ressources dans le mipmap dossier?
- Comment puis-je redimensionner les images?
- Oui, vous pouvez @Isuru; l'Image sera mis dans une résolution différente dossier. Est-il exact de votre question?
- Simple et élégant. Merci 🙂
- La note important - il ne fonctionne pas pour les API=18 et ci-dessous. Vous recevrez un moteur d'exécution d'un plantage avec "android:drawableLeft".
- Pouvez-vous partager le crash?
- EXCEPTION FATALE: principaux d'android.vue.InflateException: Binaire fichier XML ligne n ° 63: Erreur de gonflage de la classe Bouton.... Le journal est plein comme une capture d'écran est ici: my.jetscreenshot.com/3084/20170919-dlry-91kb
- - Je construire avec: minSdkVersion 14 targetSdkVersion 18 je n'ai pas le crash comme vous.
- Construire ok, mais essayez de le lancer...
- sans plantage après la construction et l'exécution
- Veillez à vous lancer sur Android 4.3
- Laissez-nous continuer cette discussion dans le chat.
- Vous pouvez également ajouter le remplissage de l'icône android:drawablePadding=""
InformationsquelleAutor Liem Vo
15

Pour ajouter une image à gauche, à droite, en haut ou en bas, vous pouvez utiliser des attributs comme ceci:
```
android:drawableLeft
android:drawableRight
android:drawableTop
android:drawableBottom
```
L'exemple de code est donné ci-dessus. Vous pouvez également obtenir cette aide par rapport de mise en page.
- Comment puis-je le faire par programmation
- On pourrait dire android:drawableStart au lieu de Gauche, et android:drawableEnd au lieu de Droite.
- Commencer devrait remplacer droit et fin devrait remplacer à gauche dans tous les lieux. Ceci est pour s'assurer que lisent de droite à gauche ainsi que de la gauche vers la droite de lecture est disponible depuis quelques autres pays lire différemment.
InformationsquelleAutor user3515854
9

Pour ceux qui cherchent à le faire dynamiquement puis setCompoundDrawables(Drawable left, Drawable top, Drawable right, Drawable bottom) sur les boutons de l'objet de l'aider.

Échantillon
```
Button search = (Button) findViewById(R.id.yoursearchbutton);
search.setCompoundDrawables('your_drawable',null,null,null);
```
- À l'aide de setCompoundDrawables ne pas réfléchir sur l'INTERFACE utilisateur. Utilisé setCompoundDrawablesWithIntrinsicbounds au lieu de cela, et ça a fonctionné.
InformationsquelleAutor Kennedy Nyaga

@Liem Vo est correct, mais si vous utilisez de Fin/Début au lieu de Droite/Gauche, android studio, cela sera apprécié 🙂

<Button
android:id="@+id/bSearch"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:padding="16dp"
android:text="Search"
android:drawableStart="@android:drawable/ic_menu_search"
android:textSize="24sp"/>

Il va travailler avec l'API Android >= 17.

InformationsquelleAutor TheTeslaa

Vous devez vous connecter pour publier un commentaire.