Comment ajouter un diviseur (vertical) à un LinearLayout horizontal?

J'essaye d'ajouter un diviseur à une disposition linéaire horizontale mais je ne vais nulle part. Le séparateur ne s'affiche tout simplement pas. Je suis un débutant total avec Android.

Voici mon XML de mise en page:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity" >

    <LinearLayout 
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:id="@+id/llTopBar"
        android:orientation="horizontal"
        android:divider="#00ff00"
        android:dividerPadding="22dip"
        android:showDividers="middle"
       >

        <Button
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:text="asdf" />
            <Button
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:text="asdf"
             />

    </LinearLayout>

</RelativeLayout>

utilisez ceci pour le diviseur horizontal

<View
    android:layout_width="1dp"
    android:layout_height="match_parent"
    android:background="@color/honeycombish_blue" />

et ceci pour diviseur vertical

<View
    android:layout_width="match_parent"
    android:layout_height="1dp"
    android:background="@color/honeycombish_blue" />

OU si vous pouvez utiliser le diviseur LinearLayout, pour le diviseur horizontal

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >
    <size android:height="1dp"/>
    <solid android:color="#f6f6f6"/>
</shape>

et dans LinearLayout

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

Si vous souhaitez utiliser un diviseur vertical android:height="1dp", utilisez plutôt une formeandroid:width="1dp"

Astuce: n'oubliez pas l' android:showDividersarticle.

Essayez ceci, créez un diviseur dans le res/drawabledossier:

vertical_divider_1.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">    
    <size android:width="1dip" />
    <solid android:color="#666666" />    
</shape> 

Et utilisez l' dividerattribut dans LinearLayout comme ceci:

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="48dp"
    android:orientation="horizontal"
    android:divider="@drawable/vertical_divider_1"
    android:dividerPadding="12dip"
    android:showDividers="middle"
    android:background="#ffffff" >

    <Button
        android:id="@+id/button1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Button" />
    <Button
        android:id="@+id/button2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Button" />

</LinearLayout>

Remarque: android:divider est uniquement disponible dans Android 3.0 (niveau d'API 11) ou supérieur.

Il est facile d'ajouter un séparateur à la mise en page, nous n'avons pas besoin d'une vue séparée.

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_alignParentBottom="true"
    android:divider="?android:listDivider"
    android:dividerPadding="2.5dp"
    android:orientation="horizontal"
    android:showDividers="middle"
    android:weightSum="2" ></LinearLayout>

Au-dessus du code, créez un diviseur vertical pour LinearLayout

Mise à jour: pré-Honeycomb utilisant AppCompat

Si vous utilisez la bibliothèque AppCompat v7, vous souhaiterez peut-être utiliser la LinearLayoutCompatvue. En utilisant cette approche, vous pouvez utiliser des séparateurs dessinables sur Android 2.1, 2.2 et 2.3.

Exemple de code:

<android.support.v7.widget.LinearLayoutCompat
        xmlns:app="http://schemas.android.com/apk/res-auto"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        app:showDividers="middle"
        app:divider="@drawable/divider">

drawable / divider.xml: (diviseur avec un peu de remplissage en haut et en bas)

<?xml version="1.0" encoding="UTF-8"?>
<inset xmlns:android="http://schemas.android.com/apk/res/android"
        android:insetBottom="2dp"
        android:insetTop="2dp">
    <shape>
        <size android:width="1dp" />
        <solid android:color="#FFCCCCCC" />
    </shape>
</inset>

Remarque très importante: la LinearLayoutCompatvue ne s'étend pas LinearLayoutet vous ne devez donc pas utiliser les propriétés android:showDividersou android:dividermais les propriétés personnalisées: app:showDividerset app:divider. Dans le code, vous devez également utiliser le LinearLayoutCompat.LayoutParamspas le LinearLayout.LayoutParams!

Je viens de rencontrer le même problème aujourd'hui. Comme l'indiquent les réponses précédentes, le problème provient de l'utilisation d'une couleur dans la balise de séparation, plutôt que d'un dessin. Cependant, au lieu d'écrire mon propre xml dessinable, je préfère utiliser autant que possible les attributs thématiques. Vous pouvez utiliser android: attr / dividerHorizontal et android: attr / dividerVertical pour obtenir un dessin prédéfini à la place:

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:showDividers="middle"
    android:divider="?android:attr/dividerVertical"
    android:orientation="horizontal">
    <!-- other views -->
</LinearLayout>

Les attributs sont disponibles dans l'API 11 et au-dessus.

De plus, comme mentionné par bocekm dans sa réponse, la propriété dividerPadding n'ajoute PAS de remplissage supplémentaire de chaque côté d'un diviseur vertical, comme on pourrait le supposer. Au lieu de cela, il définit le remplissage supérieur et inférieur et peut donc tronquer le diviseur s'il est trop grand.

Vous pouvez utiliser le séparateur intégré, cela fonctionnera pour les deux orientations.

<LinearLayout
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:divider="?android:attr/listDivider"
  android:orientation="horizontal"
  android:showDividers="middle">

Frustrant, vous devez activer l'affichage des diviseurs de code dans votre activité. Par exemple:

protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);

    // Set the view to your layout
    setContentView(R.layout.yourlayout);

    // Find the LinearLayout within and enable the divider
    ((LinearLayout)v.findViewById(R.id.llTopBar)).
        setShowDividers(LinearLayout.SHOW_DIVIDER_MIDDLE);

}

Votre diviseur peut ne pas s'afficher en raison d'un dividerPadding trop grand. Vous définissez 22dip, cela signifie que le diviseur est tronqué de 22dip à partir du haut et de 22dip à partir du bas. Si la hauteur de votre mise en page est inférieure ou égale à 44dip, aucun séparateur n'est visible.

Si la réponse de Kapil Vats ne fonctionne pas, essayez quelque chose comme ceci:

drawable / divider_horizontal_green_22.xml

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

    <size android:width="22dip"/>
    <solid android:color="#00ff00"/>

</shape>

layout / your_layout.xml

LinearLayout 
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:id="@+id/llTopBar"
            android:orientation="horizontal"
            android:divider="@drawable/divider_horizontal_green_22"
            android:showDividers="middle"
           >

J'ai rencontré un problème où l'attribut padding ne fonctionnait pas, j'ai donc dû définir la hauteur du diviseur directement dans le diviseur.

Remarque:

Si vous voulez l'utiliser dans un LinearLayout vertical, créez-en un nouveau, comme ceci: drawable / divider_vertical_green_22.xml

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

    <size android:height="22dip"/>
    <solid android:color="#00ff00"/>

</shape>

Pour être dessiné, le diviseur de LinearLayoutdoit avoir une certaine hauteur tandis que ColorDrawable(ce qui est essentiellement #00ff00aussi bien que toute autre couleur codée en dur) n'a pas. Un moyen simple (et correct) de résoudre ce problème consiste à envelopper votre couleur dans certaines Drawableavec une hauteur prédéfinie, telle que shapedessinable

Vous devez créer la vue any pour séparateur comme textview ou imageview, puis définir l'arrière-plan pour cela si vous avez une image, sinon utilisez la couleur comme arrière-plan.

J'espère que cela vous aide.