如何将分隔符作为按钮旁边的图像

时间:2013-12-13 07:50:23

标签: android layout

我想在“RefreshButton”旁边和Logo和Refresh Button之间放置一个分隔符。下面是我的代码...我该如何添加?在相对布局中是否可以或者我必须将布局更改为线性?

想要像这样的分割器图像

<RelativeLayout
        android:id="@+id/title"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:orientation="vertical" >

        <ImageView
            android:id="@+id/windowtitle"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_centerInParent="true"
            android:background="#0a2436"
            android:gravity="center_horizontal|center_vertical"
            android:paddingBottom="10dip"
            android:paddingTop="10dip"
            android:src="@drawable/logo" >
        </ImageView>

        <ImageView>DIVIDER</ImageView>

        <ImageButton
            android:id="@+id/syncbutton"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentRight="true"
            android:layout_marginTop="3dip"
            android:background="@android:color/transparent"
            android:gravity="center"
            android:src="@drawable/sync"/>

    </RelativeLayout>

2 个答案:

答案 0 :(得分:0)

将此Imageview作为您的布局中的分隔符。

 <ImageView
            xmlns:android="http://schemas.android.com/apk/res/android"
            android:src="@android:drawable/divider_horizontal_dark"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:scaleType="fitXY"
            android:paddingLeft="5dp"
            android:paddingRight="5dp"
            android:paddingBottom="2dp"
            android:paddingTop="2dp" />

<View
    android:layout_width="fill_parent"
    android:layout_height="1dp"
    android:background="@android:color/darker_gray"/>

参考此link

答案 1 :(得分:0)

您可以通过两种方式执行此操作,但要使用相对布局执行此操作,您需要使用layout_toRightOf属性:

<RelativeLayout
    android:id="@+id/title"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:gravity="center" >

    <ImageView
        android:id="@+id/windowtitle"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:background="#0a2436"
        android:gravity="center_vertical"
        android:paddingBottom="10dip"
        android:paddingTop="10dip"
        android:src="@drawable/logo" >
    </ImageView>

    <ImageView
        android:id="@+id/divider"
        android:layout_toRightOf="@id/windowtitle">DIVIDER</ImageView>

    <ImageButton
        android:id="@+id/syncbutton"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_toRightOf="@id/divider"
        android:layout_alignParentRight="true"
        android:layout_marginTop="3dip"
        android:background="@android:color/transparent"
        android:gravity="center_vertical"
        android:src="@drawable/sync"/>

</RelativeLayout>

请注意,您需要为分割器图像设置ID才能使其正常工作。