图像视图和线性布局顶部的按钮

Question

我的 activity 中有三件物品。图像视图、按钮和线性布局。我想让按钮位于线性布局和图像视图的顶部。

示例输出如下：

~~~~~~~~~~~~~~~~~~~~~~~~
|       IMAGE VIEW     |
|       ~~~~~~~~       |
|-------|BUTTON|-------|
|       ~~~~~~~~       |
|     linear layout    |
|______________________|

虽然我已经尝试使用这个 XML 对其进行编码，但问题是按钮没有呈现在按钮和线性布局之上，就像我希望在示例中发生的那样。有办法实现吗？

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context="package">


<LinearLayout

    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_centerHorizontal="true"
    android:layout_alignParentBottom="true"
    android:layout_weight="3">


    <ImageView

        android:layout_height="wrap_content"
        android:id="@+id/imageView3"
        android:layout_gravity="center_horizontal"
        android:background="#AAAAAA"
        android:src="@drawable/write"
        android:layout_width="match_parent"
        android:layout_weight="1" />


    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="New Button"
        android:id="@+id/button2"
        android:layout_gravity="center_horizontal"
   />

    <Button
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="New Button"
        android:id="@+id/button"
        android:layout_gravity="center_horizontal"
        android:layout_weight="2" />

</LinearLayout>

Answer 1

google 设计库中的 Co-ordinator Layout 就是为这种类型制作的 "com.android.support:design:22.2.0"

Answer 2

我通过肌酸找到了一个相对布局，其中按钮将设置在中心使用 android:layout_centerInParent="true" 然后我用 android:weightSum="2" 创建了一个线性布局，然后我将 linearLayout 与一个 imageView 和另一个 linearLayout 等分。

<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="fill_parent"
android:layout_centerVertical="true"
android:layout_height="fill_parent">


<LinearLayout
    android:layout_below="@+id/app_bar"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:weightSum="2"
    android:layout_height="fill_parent">

    <ImageView
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:id="@+id/imageView3"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true"
        android:layout_weight="1"
        android:background="#DDF43F" />

<LinearLayout
android:layout_weight="1"
android:layout_width="fill_parent"
android:layout_height="wrap_content">


</LinearLayout>

</LinearLayout>
<ImageButton
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_centerInParent="true"
    android:background="@drawable/button_custom_login"/>
</RelativeLayout>

图像视图和线性布局顶部的按钮

Button on top of an imageview and a linear layout

android

android-layout

android-xml