Question

这是我想在我的应用程序中实现的登录活动（Image2）。但我不知道该怎么做，因为我无法将 editText ，密码和按钮粘贴到图像的白色部分（整个图像有黑色边框）。该应用程序具有白色背景，我想使图像的外观为曲线，并将其他字段放在其下。现在它看起来像image1。

看看这个

我还希望我的图像与底部对齐，其宽度为match_parent，并且要调整高度，以便将原始图像的比例保存在不同的设备上。这是我的XML代码：

{{1}}

Answer 1

你可以做这样的事情

<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/banner"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:weightSum="5"
tools:context="com.example.android.start.MainActivity">

<ImageView
    android:id="@+id/logo"
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:layout_weight="2"
    app:srcCompat="@drawable/logo"
    />

<LinearLayout
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:layout_weight="3"
    android:gravity="center"
    app:srcCompat="@drawable/image2">


    <EditText
        android:id="@+id/editText3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:ems="10"
        android:inputType="textPassword"/>

    <EditText
        android:id="@+id/editText2"

        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:ems="10"
        android:inputType="textPersonName"
        android:text="Name"/>

    <Button
        android:id="@+id/button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:text="Button"/>

</LinearLayout>

Answer 2

使用RelativeLayout代替LinearLayout，它有望解决您的问题。

Answer 3

以下是我用来实现Image2外观的代码：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/banner"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:weightSum="5"
    tools:context="com.example.android.start.MainActivity">

    <ImageView
        android:id="@+id/logo"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="2"
        app:srcCompat="@drawable/logo" />

    <FrameLayout
        android:id="@+id/frame"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="3"
        android:background="@drawable/back"
        android:weightSum="2">
         <RelativeLayout
             android:layout_width="match_parent"
             android:layout_height="match_parent">

             <EditText
                 android:id="@+id/name"
                 android:layout_width="wrap_content"
                 android:layout_height="wrap_content"
                 android:layout_gravity="center"
                 android:background="#C8E6C9"
                 android:ems="10"
                 android:hint="Username"
                 android:inputType="textPersonName"
                 android:layout_marginBottom="117dp"
                 android:layout_alignParentBottom="true"
                 android:layout_centerHorizontal="true" />

             <Button
                android:id="@+id/button"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center_horizontal|center_vertical"
                android:text="Sign In"
                 android:background="#8BC34A"
                 android:layout_alignParentBottom="true"
                 android:layout_centerHorizontal="true"
                 android:layout_marginBottom="11dp" />

             <EditText
                 android:id="@+id/password"
                 android:layout_width="wrap_content"
                 android:layout_height="wrap_content"
                 android:layout_gravity="bottom"
                 android:background="#C8E6C9"
                 android:ems="10"
                 android:hint="Password"
                 android:inputType="textPassword"
                 android:layout_above="@+id/button"
                 android:layout_alignLeft="@+id/name"
                 android:layout_alignStart="@+id/name"
                 android:layout_marginBottom="19dp" />
             />

         </RelativeLayout>

    </FrameLayout>
</LinearLayout>

将文本字段和按钮粘贴到LinearLayout中的ImageView上

3 个答案: