Разделитель между кнопками в пользовательской панели кнопок - PullRequest
Новая
       64

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

6 голосов
/ 19 февраля 2011

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

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

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

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

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

Ответы [ 3 ]

30 голосов
/ 19 февраля 2011

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

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

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

7 голосов
/ 10 июля 2012

Вы можете даже поместить разделитель красивой формы, заполнив 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" />
1 голос
/ 08 декабря 2016

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

...