ImageButton与另一个ImageButton重叠

时间:2014-01-03 18:17:36

标签: android layout

我预览了这个布局

enter image description here

使用此代码:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="50dp"
android:background="@drawable/actionbar_background"
android:gravity="center_vertical"
android:orientation="horizontal"
android:paddingRight="10dp" >

<ImageButton
    android:id="@+action_bar_documentos/btn_menu"
    android:layout_width="48dp"
    android:layout_height="48dp"
    android:layout_alignParentLeft="true"
    android:layout_alignParentTop="true"
    android:layout_marginLeft="5dp"
    android:adjustViewBounds="true"
    android:background="@drawable/list_selector_action_bar"
    android:contentDescription="@string/app_name"
    android:cropToPadding="false"
    android:onClick="menu"
    android:scaleType="center"
    android:src="@drawable/menu" />

    <RelativeLayout
        android:id="@+id/relativeLayout1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_toRightOf="@+action_bar_documentos/btn_menu" >

        <ImageButton
            android:id="@+action_bar/btn_camera"
            android:layout_width="48dp"
            android:layout_height="48dp"
            android:layout_alignParentBottom="true"
            android:layout_alignParentLeft="false"
            android:layout_toRightOf="@+action_bar/btn_menu"
            android:background="@drawable/list_selector_action_bar"
            android:contentDescription="@string/app_name"
            android:onClick="btnCamera"
            android:scaleType="centerCrop"
            android:src="@drawable/img_camera" />

        <ImageButton
            android:id="@+action_bar_documentos/btn_search"
            android:layout_width="48dp"
            android:layout_height="wrap_content"
            android:layout_centerVertical="true"
            android:layout_alignParentBottom="true"
            android:layout_toRightOf="@+action_bar_documentos/btn_camera"
            android:background="@drawable/list_selector_action_bar"
            android:contentDescription="@string/app_name"
            android:onClick="filtro"
            android:paddingBottom="5dp"
            android:paddingLeft="3dp"
            android:paddingRight="3dp"
            android:paddingTop="3dp"
            android:scaleType="centerCrop"
            android:src="@drawable/btn_filtro_top" />

    </RelativeLayout>....

现在看起来很好。但是当我运行我的应用程序时,布局变为:

enter image description here

屏幕尺寸有问题吗?或问题出在我的xml代码上?

谢谢你,对不起语法错误。

1 个答案:

答案 0 :(得分:4)

您的btn_camera不应该是toRightOf btn_menu,因为btn_menu不在同一个RelativeLayout中。相反,btn_camera应使用alignParentLeft="true"

或者,您可以在嵌套的RelativeLayout中移动btn_camera

另外,正如@epsilondelta所评论的那样,您的btn_search引用了btn_camera id的错误名称空间。有时,在关闭并重新打开xml文件之前,这样的错误不会被编辑器布局视图捕获。