est-il possible de répartir uniformément les boutons sur toute la largeur d'un linearlayout android

J'ai un linéaire de la mise en page (orienté à l'horizontale), qui contient 3 boutons. Je veux les 3 boutons ont une largeur fixe et d'être répartie uniformément sur toute la largeur de la disposition linéaire.

Je peux gérer ce par la définition de la gravité de la linearlayout centre et puis en ajustant le rembourrage des boutons, mais cela fonctionne pour une largeur fixe et ne fonctionne pas pour la modification des dispositifs ou des orientations.

<LinearLayout android:id="@+id/LinearLayout01" 
android:layout_height="wrap_content" 
android:orientation="horizontal" 
android:layout_width="fill_parent" 
android:gravity="center">

<Button 
android:id="@+id/btnOne"
android:layout_width="wrap_content" 
android:layout_height="wrap_content" 
android:width="120dip"></Button>

<Button 
android:id="@+id/btnTwo"
android:layout_width="wrap_content" 
android:layout_height="wrap_content" 
android:width="120dip"></Button>


<Button 
android:id="@+id/btnThree"
android:layout_width="wrap_content" 
android:layout_height="wrap_content" 
android:width="120dip"></Button>

</LinearLayout>
InformationsquelleAutor yamspog | 2010-08-12
  1. 308

    Expansion sur fedj réponse, si vous définissez layout_width à 0dp et définir la layout_weight pour chacun des boutons à 1, la largeur disponible sera partagé à parts égales entre les boutons.

    • Pour se développer sur ce, si vous ne voulez pas la largeur des boutons à 1/3ème de l'écran, envelopper chaque bouton dans un LinearLayout et définir layout_width="0dp" et layout_weight="1" sur la 3 LinearLayouts. En outre, définir la gravité sur la LinearLayouts de "centre", de sorte que les boutons vont s'aligner dans le centre de chaque LinearLayout.
    • c'est le cas pour linearlayout seulement.peut-on donner une idée pour equispacing dans relativelayout
    • Dans mon cas, j'utilise layout_width="wrap_content" et uniquement avec layout_weight="1" fonctionne bien!
    • Ce n'est pas correct que l'OP veut fixe avec. Voir stoefln de réponse.
    InformationsquelleAutor Dan Dyer
  2. 205

    Si vous ne voulez pas les boutons à l'échelle, mais d'ajuster l'espacement entre les touches (égale à l'espacement entre tous les boutons), vous pouvez utiliser les vues avec poids="1" qui va remplir l'espace entre les boutons:

        <Space
        android:layout_width="0dp"
        android:layout_height="1dp"
        android:layout_weight="1" >
    </Space>

    <ImageButton
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:adjustViewBounds="true"
        android:background="@null"
        android:gravity="center_horizontal|center_vertical"
        android:src="@drawable/tars_active" />

    <Space
        android:layout_width="0dp"
        android:layout_height="1dp"
        android:layout_weight="1" >
    </Space>

    <ImageButton
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:adjustViewBounds="true"
        android:background="@null"
        android:gravity="center_horizontal|center_vertical"
        android:src="@drawable/videos_active" />

    <Space
        android:layout_width="0dp"
        android:layout_height="1dp"
        android:layout_weight="1" >
    </Space>
    • C'est certainement la plus simple, la plus faible surcharge de méthode qui fonctionne (pour le cas où vous voulez de l'espace entre les points de vue à l'échelle, pas l'opinion d'eux-mêmes). Je l'utilise à la verticale, et donc, juste échangé les valeurs de largeur et hauteur. Merci.
    • C'est une solution élégante. Vous préférerez peut-être utiliser la Space type de vue. Rend les choses un peu plus lisible.
    • Ryan, oui, c'est si vous êtes l'aide de l'API 14+ (comme nous).
    • Honnêtement, je pensais que ça ne fonctionne pas quand disposant de 4 boutons, mais cela a fonctionné à merveille, sans chichi et d'exécution de la mesure. Le Respect!
    • C'est mieux que celui qui est accepté comme réponse.
    • Ce code rate le top linéaire de la mise en page. Pour que cela fonctionne avec un nombre arbitraire de boutons, vous avez besoin chaque bouton enveloppé à l'intérieur des espaces. Fonctionne admirablement bien.

    InformationsquelleAutor stoefln
  3. 21

    Vous pouvez l'utiliser avec du suivant.

    <LinearLayout
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal"
    android:layout_marginTop="15dp">
    <Space
        android:layout_weight="1"
        android:layout_height="wrap_content"
        android:layout_width="wrap_content"/>
    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Save"/>
    <Space
        android:layout_weight="1"
        android:layout_height="wrap_content"
        android:layout_width="wrap_content"/>
    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Reset"/>
    <Space
        android:layout_weight="1"
        android:layout_height="wrap_content"
        android:layout_width="wrap_content"/>
    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="cancel"/>
    <Space
        android:layout_weight="1"
        android:layout_height="wrap_content"
        android:layout_width="wrap_content"/>
</LinearLayout>
    • c'est sweeet!! Je n'ai jamais entendu parler de Space jusqu'à maintenant
    InformationsquelleAutor Sandhu
  4. 19

    Vous pouvez le faire en donnant à la fois Views un layout_width de 0dp et un layout_weight de 1:

    <LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <Button
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"/>

    <TextView
        android:layout_width="0dp"
        android:text="example text"
        android:layout_height="wrap_content"
        android:layout_weight="1"/>

</LinearLayout>

    La façon dont android layout_weight fonctionne, c'est que:

    • tout d'abord, il ressemble à la taille d'une Vue normalement et se réserve cet espace.
    • deuxième, si la mise en page est match_parent puis diviser le de l'espace qui est laissé dans le rapport de la layout_weights. Ainsi, si vous avez donné le point de Vue layout_weight="2" et layout_weight="1",la résultante de ratio de 2 pour 1,c'est : la première Vue d'obtenir les 2/3 de l'espace qui est à gauche et l'autre 1/3.

    C'est pourquoi si vous donnez layout_width une taille de 0dp la première étape n'a pas plus de sens puisque les deux points de Vue ne sont affectés à aucune espace. Alors seulement le deuxième point décide de l'espace de chaque View obtient, en donnant à la Views l'espace que vous avez spécifié en fonction du rapport!

    Pour expliquer pourquoi 0dp provoque l'espace à diviser de manière égale en fournissant un exemple qui montre le contraire: Le code ci-dessous aboutirait à quelque chose de différent depuis example text maintenant a une largeur qui est supérieure à 0dp parce qu'il a wrap_content au lieu de prise de l'espace libre à gauche de diviser moins de 100% parce que le texte prend de l'espace. Le résultat sera que de 50% de l'espace libre à gauche, mais le texte a déjà pris un peu d'espace de sorte que le TextView aura bien plus de 50% de l'espace total.

    <LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <Button
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"/>

    <TextView
        android:layout_width="wrap_content"
        android:text="example text"
        android:layout_height="wrap_content"
        android:layout_weight="1"/>

</LinearLayout>
    InformationsquelleAutor Joop
  5. 13

    Bien, si vous avez exactement 3 boutons et si il est ok (ou encore) que les boutons extérieurs sont alignés à gauche et à droite, alors vous voudrez peut-être essayer un RelativeLayout qui est moins de frais généraux (dans de nombreuses situations).

    Vous pouvez utiliser layout_alignParentBottom pour aligner tous les boutons avec le fond de la disposition. Utilisation layout_alignParentLeft and Right pour les boutons extérieurs et layout_centerHorizontal pour le bouton du milieu.

    Qui va bien travailler sur des orientations différentes et de tailles d'écran.

    • Pour préciser, cela ne fonctionne pas si vous avez plus de trois boutons.
    • Exactement. Vous devez utiliser un LinearLayout ou groupe de boutons (le cas échéant) à la place.
    InformationsquelleAutor marsbear
  6. 11

    Vous devriez jeter un oeil à android:layout_weight attribut

    • C'est ma compréhension que le layout_weight attribut permet d'étirer la taille du bouton pour remplir la mise en page. Je veux garder la taille des boutons de la constante et de simplement augmenter le remplissage entre les boutons.
    • Ah ! Je ne sais pas vraiment la meilleure façon de le faire. Peut-être en joignant à chaque bouton de mise en page. 3 mise en page avec layout_weight attribut et le bouton centré dans la mise en page. Mais je ne sais vraiment pas si c'est la meilleure façon de le faire.
    InformationsquelleAutor fedj
  7. 4

    Pour espacer uniformément deux boutons à l'horizontale linéaire de la mise en page, j'ai utilisé 3 LinearLayout objets d'agir comme des espaces qui vont être redimensionnées automatiquement. J'ai placé ces LinearLayout objets comme suit:

    [] Button1 [] Bouton2 []

    ([] représente un LinearLayout objet utilisé pour l'espacement)

    puis-je définir chacun de ces [] LinearLayout objets en poids à 1, et je reçois régulièrement espacés de boutons.

    Espère que cette aide.

    InformationsquelleAutor Muhammad
  8. 4

    j'ai créé une Vue personnalisée DistributeLayout pour ce faire.

    InformationsquelleAutor martyglaubitz
  9. 4

    Je vous suggère d'utiliser LinearLayout est weightSum attribut.

    L'ajout de la balise
    android:weightSum="3" à votre LinearLayout de la déclaration xml et ensuite android:layout_weight="1" à vos Boutons de résultat dans les 3 boutons sont uniformément distribués.

    InformationsquelleAutor matdev
  10. 4

    Ceci peut être réalisé en attribuant poids à chaque ajout d'un bouton à l'intérieur du conteneur, très important pour définir l'orientation horizontale :

        int buttons = 5;

    RadioGroup rgp = (RadioGroup) findViewById(R.id.radio_group);

    rgp.setOrientation(LinearLayout.HORIZONTAL);

    for (int i = 1; i <= buttons; i++) {
        RadioButton rbn = new RadioButton(this);         
        rbn.setId(1 + 1000);
        rbn.setText("RadioButton" + i);
        //Adding weight
        LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(LayoutParams.MATCH_PARENT, LayoutParams.WRAP_CONTENT, 1f);
        rbn.setLayoutParams(params);
        rgp.addView(rbn);
    }

    ainsi, nous pouvons avoir dans notre appareil comme un résultat:

    est-il possible de répartir uniformément les boutons sur toute la largeur d'un linearlayout android

    même si nous faisons tourner notre dispositif de la poids définies dans chaque bouton peut rolurile la elemenents uniformally le long du conteneur:

    est-il possible de répartir uniformément les boutons sur toute la largeur d'un linearlayout android

    InformationsquelleAutor Elenasys
  11. 3

    Meilleure approche est d'utiliser TableLayout avec android:layout_width="match_parent" et dans les colonnes d'utiliser android:layout_weight="1" pour toutes les colonnes

    InformationsquelleAutor Prashant
  12. 2

    Les réponses ci-dessus à l'aide de layout_didn fonctionne pas pour moi, mais la suite n'.

    <LinearLayout
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:orientation="horizontal"
    android:layout_weight="0.1"
    android:layout_gravity="center_horizontal"
    >

    <android.support.design.widget.FloatingActionButton
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:layout_gravity="center"
       />

    <android.support.design.widget.FloatingActionButton
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:layout_gravity="center"
        android:layout_marginLeft="40dp"
        android:layout_marginStart="40dp"/>

    <android.support.design.widget.FloatingActionButton
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:layout_gravity="center"
        android:layout_marginLeft="40dp"
        android:layout_marginStart="40dp"
        />

    <android.support.design.widget.FloatingActionButton
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:layout_gravity="center"
        android:layout_marginLeft="40dp"
        android:layout_marginStart="40dp"/>

</LinearLayout>

    C'est la façon dont il regarde sur l'écran,

    est-il possible de répartir uniformément les boutons sur toute la largeur d'un linearlayout android

    InformationsquelleAutor sean le roy
  13. 2

    Au-dessus de toutes les réponses sont justes mais Dans un cas vous avez besoin d'visible et disparu de fonctionnalités, puis ce, de façon pragmatique, la méthode fonctionne bien

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:orientation="horizontal">

        <Button
            android:id="@+id/btnOne"
            android:layout_width="120dp"
            android:layout_height="match_parent"></Button>

        <Button
            android:id="@+id/btnTwo"
            android:layout_width="120dp"
            android:layout_height="match_parent"></Button>


        <Button
            android:id="@+id/btnThree"
            android:layout_width="120dp"
            android:layout_height="match_parent"></Button>
    </LinearLayout>



 float width=CommonUtills.getScreenWidth(activity);
            int cardWidth=(int)CommonUtills.convertDpToPixel (((width)/3),activity);

LinearLayout.LayoutParams params =
                new LinearLayout.LayoutParams(width,
                        LinearLayout.LayoutParams.MATCH_PARENT);

btnOne.setLayoutParams(params);
btnTwo.setLayoutParams(params);
btnThree.setLayoutParams(params);

public class CommonUtills {
public static float getScreenWidth(Context context) {
        float width = (float) 360.0;
        DisplayMetrics displayMetrics = context.getResources().getDisplayMetrics();
        width = displayMetrics.widthPixels /displayMetrics.density;
        return width;
    }
}
    InformationsquelleAutor Rajesh Nasit
  14. 2

    Le plus simple et le plus rapide, (mais pas le meilleur), c'est d'ajouter un TextView avec vide attribut de texte, à l'instar de ce

    android:text=""

    la couleur d'arrière-plan doit être la même à l'LinearLayout, alors vous pouvez utiliser la propriété padding, à l'instar de ce 

    android:paddingBottom="250dp"

    ou tout ce que vous avez besoin.
    Ici est un exemple.

    InformationsquelleAutor Cesar Bobadilla
  15. 1
    <LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="wrap_content"
android:layout_height="wrap_content">

<TextView
    android:text="Tom"
    android:layout_width="wrap_content"
    android:layout_height="200dp"
    android:textSize="24sp" />

<TextView
    android:text="Tim"
    android:layout_width="wrap_content"
    android:layout_height="200dp"
    android:textSize="24sp" />

<TextView
    android:text="Todd"
    android:layout_width="wrap_content"
    android:layout_height="200dp"
    android:textSize="24sp" />

    InformationsquelleAutor basem
  16. 1

    Pondération égale, les enfants

    Pour créer un linéaire de la mise en page dans laquelle chaque enfant utilise la même quantité de
    de l'espace sur l'écran, réglez le android:layout_height de chaque vue de
    "0dp" (pour une mise en page verticale) ou android:layout_width de chaque vue
    pour "0dp" (pour une mise en page horizontale). Ensuite, réglez le android:layout_weight
    de chaque point de vue à "1".

    Dans l'ordre pour que cela fonctionne dans le LinearLayout groupe affichage des valeurs d'attribut pour android:layout_width et android:layout_height doivent être identiques à "match_parent"...

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

    <TextView
        android:text="Tom"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:textSize="24sp" 
        android:layout_weight="3"/>

    <TextView
        android:text="Tim"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:textSize="24sp"
        android:layout_weight="3"/>

    <TextView
        android:text="Todd"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:textSize="24sp" 
        android:layout_weight="3"/>

</LinearLayout>

    En cercle, Tom, Tim, et Todd obtenir supposé être de 3 cm. Si vous voulez qu'il soit tactile en bas de l'écran, mettre comme Tom et Tim se supposé être de 1 centimètre, ce qui signifie qu'ils combinent virtuel mais son plan 2D est en bas. C'est affiché sur l'écran.

    InformationsquelleAutor Dinesh Gowd