Comment ajouter un séparateur (vertical) à un LinearLayout horizontal ?

Question

J'essaie d'ajouter un séparateur à une mise en page linéaire horizontale, mais je n'arrive à rien. Le séparateur ne s'affiche pas. Je suis totalement novice en matière d'Android.

Voici ma mise en page XML :

<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>

Answer 1

Utiliser ceci pour un séparateur horizontal

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

et ceci pour le séparateur 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 voulez utiliser un séparateur vertical, alors au lieu de android:height="1dp" utilisation en forme android:width="1dp"

Conseil : N'oubliez pas le site android:showDividers article.

Answer 2

Essayez ceci, créez un séparateur dans le res/drawable dossier :

diviseur_vertical_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 le divider 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>

Note : android:divider n'est disponible que sous Android 3.0 (niveau 11 de l'API) ou plus.

Answer 3

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>

Le code ci-dessus crée un séparateur vertical pour LinearLayout

Answer 4

Malheureusement, vous devez activer l'affichage des séparateurs à partir du 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);

}

Answer 5

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