Question

我想在我的LinearLayout的末尾放置一个Button，并制作类似this

的内容

所以我创建了一个布局并指定了渐变背景来实现这种外观，但我发现很难将按钮放在LinearLayout fragment_edit_profile.xml

的边框上

<?xml version="1.0" encoding="utf-8"?>
<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical" android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/bg_toolbar_gradient"
    android:padding="20dp"
    android:scrollbars="none">

    <LinearLayout
        android:padding="20dp"
        android:layout_width="match_parent"
        android:orientation="vertical"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:background="@drawable/bg_edit_profile">
        <EditText
            android:layout_width="match_parent"
            android:layout_height="50dp"
            android:background="@color/white"
            android:padding="10dp"
            android:layout_margin="5dp"
            android:hint="First Name" />

        <EditText
            android:layout_width="match_parent"
            android:layout_height="50dp"
            android:background="@color/white"
            android:padding="10dp"
            android:layout_margin="5dp"
            android:hint="Last Name" />

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="20dp"
            android:layout_marginBottom="5dp"
            android:orientation="vertical">
            <!-- Email -->
            <TextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:textColor="@color/darkGrey"
                android:text="Email"
                android:textSize="18sp"
                android:layout_margin="5dp"/>

            <EditText
                android:layout_width="match_parent"
                android:layout_height="50dp"
                android:background="@color/white"
                android:padding="10dp"/>
        </LinearLayout>
        <Button
            android:layout_width="200dp"
            android:layout_height="50dp"
            android:textColor="@color/white"
            android:text="Save Changes"
            android:background="@drawable/button_dark_filled"/>
    </LinearLayout>
</ScrollView>

你们有什么想法我怎么能实现这个目标？我搜索但没有找到任何有用的东西..提前致谢！

Answer 1

以下是我如何实现它：

<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@android:color/white"
    android:orientation="vertical">

    <FrameLayout
        android:id="@+id/frame_layout"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="0.6">

        <LinearLayout
            android:id="@+id/edit_text_linear_layout"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_marginBottom="25dp"
            android:orientation="vertical"
            android:background="@color/colorAccent">

            <EditText
                android:id="@+id/first_name_entry"
                android:layout_width="match_parent"
                android:layout_height="50dp"
                android:layout_margin="5dp"
                android:hint="First Name"
                android:padding="10dp" />

            <EditText
                android:id="@+id/last_name_entry"
                android:layout_width="match_parent"
                android:layout_height="50dp"
                android:layout_margin="5dp"
                android:hint="Last Name"
                android:padding="10dp" />

            <TextView
                android:id="@+id/email_title"
               android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_margin="5dp"
                android:text="Email"
                android:textSize="18sp" />

            <EditText
                android:id="@+id/email_entry"
                android:layout_width="match_parent"
                android:layout_height="50dp"
                android:padding="10dp" />
        </LinearLayout>

    <Button
        android:id="@+id/save_button"
        android:layout_width="wrap_content"
        android:layout_height="50dp"
        android:layout_gravity="bottom|center_horizontal"
        android:background="@color/colorPrimary"
        android:text="Save Changes"
        android:paddingLeft="10dp"
        android:paddingRight="10dp"
        android:textSize="18sp" />

     </FrameLayout>

    <LinearLayout
        android:id="@+id/bottom_container"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="0.4"
        android:orientation="vertical" />

</LinearLayout>

Answer 2

您需要在LinearLayout之外使用FrameLayout或RelativeLayout。

<?xml version="1.0" encoding="utf-8"?>
<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical" android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@drawable/bg_toolbar_gradient"
android:padding="20dp"
android:scrollbars="none"
android:fillViewport="true">
<RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content">
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@drawable/bg_edit_profile"
        android:layout_alignBottom="@id/input_form"
        android:layout_marginBottom="45dp"/>
    <LinearLayout
        android:padding="20dp"
        android:layout_width="match_parent"
        android:orientation="vertical"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:id="@+id/input_form"
        >
        <EditText
            android:layout_width="match_parent"
            android:layout_height="50dp"
            android:background="@color/white"
            android:padding="10dp"
            android:layout_margin="5dp"
            android:hint="First Name" />

        <EditText
            android:layout_width="match_parent"
            android:layout_height="50dp"
            android:background="@color/white"
            android:padding="10dp"
            android:layout_margin="5dp"
            android:hint="Last Name" />

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="20dp"
            android:layout_marginBottom="5dp"
            android:orientation="vertical">
            <!-- Email -->
            <TextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:textColor="@color/darkGrey"
                android:text="Email"
                android:textSize="18sp"
                android:layout_margin="5dp"/>

            <EditText
                android:layout_width="match_parent"
                android:layout_height="50dp"
                android:background="@color/white"
                android:padding="10dp"/>
        </LinearLayout>
        <Button
            android:layout_width="200dp"
            android:layout_height="50dp"
            android:textColor="@color/white"
            android:text="Save Changes"
            android:layout_alignParentBottom="true"
            android:layout_centerHorizontal="true"
            android:layout_below="@+id/input_form"
            android:background="@drawable/button_dark_filled"/>
    </LinearLayout>


</RelativeLayout>

按钮放在LinearLayout上

2 个答案: