Question

我按照here所述制作了一个自定义按钮栏。

现在，我想在第一个和第二个之间以及第二个和第三个按钮之间添加一个分隔符。我的按钮栏定义如下：

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

我确信这很容易，请指出我正确的方向。

Answer 1

将其放在每个按钮之间。

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

应该给你一个纤细的灰色竖条。

Answer 2

你甚至可以通过fill_parent放置一个形状很好的分隔符并添加边距Top | 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布局的背景设置为灰色，并为按钮提供边距，而不是添加多个视图。这种方式视图将被分开，buttonBar的背景看起来像一个分隔符。

自定义按钮栏中按钮之间的分隔符

3 个答案: