Разделитель между кнопками в пользовательской панели кнопок

Question

Я сделал пользовательскую панель кнопок, как описано здесь.

Теперь я хочу добавить разделитель между первой и второй и между второй и третьей кнопкой. Моя панель кнопок определяется следующим образом:

<LinearLayout
            android:id="@+id/buttonBar"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:background="@drawable/buttonbarstyle"
            android:layout_alignParentBottom="true"
            android:orientation="horizontal"
            >
            <ImageButton
                android:id="@+id/buttonBarImageButton1" 
                android:scaleType="centerInside"
                android:layout_height="wrap_content"
                android:layout_width="wrap_content"
                android:layout_weight="1"
                android:src="@drawable/copy"
                android:padding="2dip"
                android:background="@drawable/buttonbar_background_selector"
                android:layout_gravity="center_vertical"
            />              
            <ImageButton 
                android:id="@+id/buttonBarImageButton2"
                android:scaleType="centerInside"
                android:layout_height="wrap_content"
                android:layout_width="wrap_content"
                android:layout_weight="1"
                android:src="@drawable/options"
                android:padding="2dip"
                android:background="@drawable/buttonbar_background_selector"
                android:layout_gravity="center_vertical"
            />              
            <ImageButton
                android:id="@+id/buttonBarImageButton3" 
                android:scaleType="centerInside"
                android:layout_height="wrap_content"
                android:layout_width="wrap_content"
                android:layout_weight="1"
                android:src="@drawable/media_play"
                android:padding="2dip"
                android:background="@drawable/buttonbar_background_selector"
                android:layout_gravity="center_vertical"
            />              
        </LinearLayout>

Задача кажется такой простой, но я не могу найти хороший способ сделать это. Предполагается, что между каждой кнопкой есть разделитель серого цвета, так что это выглядит примерно так.

Я уверен, что это легко, пожалуйста, просто укажите мне правильное направление.

Answer 1

Поместите это между каждой кнопкой.

<View android:layout_height="fill_parent"
    android:layout_width="2px"
    android:background="#90909090"/>

должен дать вам тонкую сероватую вертикальную полосу.

Answer 2

Вы можете даже поместить разделитель красивой формы с помощью fill_parent и добавления marginTop|Bottom

  <View
        android:layout_width="1dp"
        android:layout_height="fill_parent"
        android:layout_marginBottom="7dp"
        android:layout_marginTop="7dp"
        android:background="@color/dark_grey" />

Answer 3

Добавление вида разделительной линии является выбором, но вместо добавления нескольких представлений вы можете просто установить серый цвет фона макета кнопки и выделить поля для кнопок друг от друга. Таким образом, представления будут разделены, а фон buttonBar будет выглядеть как разделитель.