Come aggiungere un divisore (verticale) a un LinearLayout orizzontale?

Sto cercando di aggiungere un divisore a un layout lineare orizzontale ma non sto arrivando da nessuna parte. Il divisore semplicemente non viene visualizzato. Sono un principiante totale con Android.

Questo è il mio layout 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>

usalo per il divisore orizzontale

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

e questo per il divisore verticale

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

OPPURE se puoi usare il divisore LinearLayout, per il divisore orizzontale

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

e in 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" >

Se si desidera utilizzare un divisore verticale, al posto della android:height="1dp"forma utilizzareandroid:width="1dp"

Suggerimento: non dimenticare l' android:showDividersoggetto.

Prova questo, crea un divisore nella res/drawablecartella:

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> 

E usa l' dividerattributo in LinearLayout in questo modo:

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

Nota: android:divider è disponibile solo in Android 3.0 (livello API 11) o versioni successive.

È facile aggiungere un divisore al layout, non abbiamo bisogno di una vista separata.

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

Il codice sopra crea un divisore verticale per LinearLayout

Aggiornamento: pre-Honeycomb utilizzando AppCompat

Se stai usando la libreria AppCompat v7 potresti voler usare la LinearLayoutCompatvista. Usando questo approccio puoi usare divisori disegnabili su Android 2.1, 2.2 e 2.3.

Codice di esempio:

<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: (divisore con imbottitura in alto e in basso)

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

Nota molto importante: la LinearLayoutCompatvista non si estende LinearLayoute quindi non dovresti usare le proprietà android:showDividerso android:dividerma quelle personalizzate: app:showDividerse app:divider. Nel codice dovresti anche usare il LinearLayoutCompat.LayoutParamsnon il LinearLayout.LayoutParams!

Oggi mi sono imbattuto nello stesso problema. Come indicano le risposte precedenti, il problema deriva dall'uso di un colore nel tag divisore, piuttosto che un disegnabile. Tuttavia, invece di scrivere il mio xml disegnabile, preferisco utilizzare il più possibile attributi a tema. Puoi utilizzare android: attr / dividerHorizontal e android: attr / dividerVertical per ottenere invece un drawable predefinito:

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

Gli attributi sono disponibili in API 11 e versioni successive.

Inoltre, come menzionato da bocekm nella sua risposta, la proprietà dividerPadding NON aggiunge imbottitura extra su entrambi i lati di un divisore verticale, come si potrebbe supporre. Invece definisce il riempimento superiore e inferiore e quindi può troncare il divisore se è troppo grande.

Puoi usare il divisore integrato, funzionerà per entrambi gli orientamenti.

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

In modo frustrante, devi abilitare la visualizzazione dei divisori dal codice nella tua attività. Per esempio:

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

}

Il tuo divisore potrebbe non essere visualizzato a causa di dividerPadding troppo grande. Si imposta 22dip, il che significa che il divisore viene troncato di 22dip dall'alto e di 22dip dal basso. Se l'altezza del layout è inferiore o uguale a 44dip, non è visibile alcun divisore.

Se la risposta di Kapil Vats non funziona, prova qualcosa del genere:

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

Ho riscontrato un problema in cui l'attributo padding non funzionava, quindi ho dovuto impostare l'altezza del divisore direttamente nel divisore.

Nota:

Se vuoi usarlo in LinearLayout verticale, creane uno nuovo, come questo: 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>

Per essere disegnato, il divisore di LinearLayoutdeve avere una certa altezza mentre ColorDrawable(che è essenzialmente #00ff00come qualsiasi altro colore codificato) non ha. Un modo semplice (e corretto) per risolvere questo problema è avvolgere il tuo colore in alcuni Drawablecon un'altezza predefinita, come il shapedrawable

Devi creare qualsiasi vista per separatore come textview o imageview, quindi impostare lo sfondo per quello se hai un'immagine altrimenti usa il colore come sfondo.

Spero che questo ti aiuti.