Android：如何实现这样的视图，两个相对布局的图像视图

Question

Android：如何实现这样的视图，图像视图超过两个相对布局

你好朋友，我想要两个布局的imageview。 你可以在标题中看到。两个布局之间有一个imageview。我需要相同的观点。但我不能这样做。

请帮助

感谢Adavance。     

    <RelativeLayout
        android:id="@+id/relative_header"
        style="@style/tab_bar_style" >

        <ImageView
            android:id="@+id/menu_img_view"
            style="@style/menu_btn_style"
            android:layout_marginRight="20dp"
            android:layout_marginTop="20dp" />

        <TextView
            android:id="@+id/tv_titile"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerHorizontal="true"
            android:layout_centerVertical="true"
            android:text="New Deal"
            style="@style/title_text_stye"
            android:textAppearance="?android:attr/textAppearanceMedium" />

        <ImageView
            android:id="@+id/iv_icon"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentBottom="true"
            android:layout_alignParentLeft="true"
            android:layout_marginBottom="-15dp"
            android:layout_marginLeft="22dp"
            android:src="@drawable/ic_launcher" />

    </RelativeLayout>

        <RelativeLayout
            android:id="@+id/relative_middle_view"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_below="@+id/relative_header"
            android:layout_above="@+id/Relative_bottom_bar"
            android:background="@drawable/bg"
             >

    </RelativeLayout>

        <RelativeLayout
        android:id="@+id/Relative_bottom_bar"
        style="@style/bottom_bar_style" >


    </RelativeLayout>

</RelativeLayout>

这里我做了什么

Answer 1

也许使用三种布局 - 一般的，无所不包的布局，然后是标题和正文的两种布局。将图像放置在一般布局中并以这种方式定位，使其不在标题和正文布局中，因此不会将其限制在其域中。

Answer 2

看起来您可以在想要重叠的视图上使用.bringToFront（）：

http://developer.android.com/reference/android/view/View.html#bringToFront%28%29

或者你可以尝试使用FrameLayout而不是RelativeLayout：

Placing/Overlapping(z-index) a view above another view in android

Answer 3

我做了这个布局：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/stripes_vert_4"
    >
    <!-- This is the header -->
    <TextView
        android:id="@+id/tv_title"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:background="@drawable/card"
        android:gravity="center"
        android:drawableRight="@drawable/ic_launcher"
        android:drawablePadding="8dp"
        android:text="New Deal"
        android:textColor="#ffff"
        android:textAppearance="?android:attr/textAppearanceMedium"
    />
    <!-- This is the footer -->
    <RelativeLayout
        android:id="@+id/relative_bottom_bar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:paddingRight="-32dp"
        android:layout_marginRight="-32dp"
        android:background="#b91e4b"
        >
        <!-- A textView, just to give the footer some height -->
        <TextView
            android:id="@+id/txt_footer"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:gravity="center"
            android:text="Footer"
            android:textColor="#ffff"
            android:textAppearance="?android:attr/textAppearanceMedium"
        />
    </RelativeLayout>
    <!-- This is the content area -->
    <RelativeLayout
        android:id="@+id/relative_middle_view"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_below="@+id/tv_title"
        android:layout_above="@+id/relative_bottom_bar"
        >
    </RelativeLayout>
</RelativeLayout>

这是我得到的结果：

由于我没有你的背景图片和菜单图标，我使用了我所拥有的。我也删除了你的风格，因为我没有它们。

请注意，标题只是一个TextView 我正在使用9补丁作为背景，这里是（card.9.png）：

我必须在页脚容器中添加一个TextView，只是为了膨胀一些高度。