Donc, pour le moment, j'ai un bouton qui ressemble à la première image ci-dessus. Comment réduire le remplissage autour du texte à l'intérieur du bouton lui-même (pour ressembler davantage à la deuxième image)?
La largeur et la hauteur de la mise en page sont définies comme suit:
android:layout_width="match_parent"
android:layout_height="wrap_content"
La forme de style personnalisé a des paramètres "
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle" android:padding="10dp">
Le reste n'étant que des attributs de couleur et des valeurs de rayons.
Juste pour être clair, je veux que le cadre du bouton épouse le texte "Connexion" plus près.
Toute aide et rétroaction est grandement appréciée. Merci.
android:includeFontPadding="false"
Réponses:
Il m'a fallu une éternité pour trouver cela, mais le "remplissage" autour du texte dans un bouton n'est pas vraiment un remplissage du tout. Le style Widget.Button par défaut inclut une propriété minHeight. Changer minHeight sur le bouton vous permettra d'ajuster le rembourrage comme prévu.
la source
essayez ceci dans votre fichier shape.xml personnalisé
vous pouvez également apporter des modifications au xml de votre bouton
la source
Dans la bibliothèque de composants de matériaux, le
MaterialButton
a un style par défaut avecinsetBottom
etinsetTop
avec une valeur de6dp
.Vous pouvez les modifier dans la mise en page:
ou dans un style:
la source
Si vous voulez un rembourrage supérieur et inférieur plus petit, utilisez ceci:
la source
android:padding
ouandroid:layout_margin"
dans les vues parentes de<shape />
.Vous pouvez utiliser le style Borderless dans AppCompatButton comme ci-dessous. Utilisez également la couleur de fond de votre choix.
Code du bouton
Production:
la source