用Android studio建一个方框,第一行分成两个方框,用户名一个,和一个空白方框,第二行左边密码文本方框,右边空白方框,第三行靠右有两个按钮,分别是确定和取消,全程使用相对布局并给出代码
时间: 2023-10-20 11:07:14 浏览: 132
【Android Studio代码】相对布局
好的,以下是用 Android Studio 建立一个符合你要求的方框的步骤:
1. 打开 Android Studio,创建一个新项目。
2. 在 res/layout 文件夹下创建一个新的 XML 布局文件,例如命名为 "login.xml"。
3. 在 "login.xml" 文件中添加一个 RelativeLayout,作为根布局。
4. 在 RelativeLayout 中添加一个 EditText,用于用户输入用户名,设置其 ID 为 "username_edittext"。
5. 在 RelativeLayout 中再添加一个 View,用于分隔用户名和空白方框,设置其 ID 为 "divider_view"。
6. 在 RelativeLayout 中添加一个 EditText,用于用户输入密码,设置其 ID 为 "password_edittext"。
7. 在 RelativeLayout 中再添加一个 View,用于分隔密码文本方框和空白方框,设置其 ID 为 "divider_view2"。
8. 在 RelativeLayout 中添加一个 Button,用于用户点击确认,设置其 ID 为 "confirm_button"。
9. 在 RelativeLayout 中再添加一个 Button,用于用户点击取消,设置其 ID 为 "cancel_button"。
10. 使用相对布局的特性,设置各个组件的位置和大小,具体代码如下:
```
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent">
<EditText
android:id="@+id/username_edittext"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:layout_marginStart="16dp"
android:layout_marginEnd="16dp"
android:hint="用户名"
android:textColorHint="@color/black"
android:inputType="text"
android:background="@drawable/edittext_background"
android:textColor="@color/black"
android:textSize="16sp"
android:layout_alignParentTop="true"
android:layout_alignParentStart="true"
android:layout_toStartOf="@+id/divider_view"
android:layout_marginEnd="8dp"/>
<View
android:id="@+id/divider_view"
android:layout_width="2dp"
android:layout_height="32dp"
android:layout_marginTop="16dp"
android:layout_marginEnd="16dp"
android:background="@color/black"
android:layout_alignParentTop="true"
android:layout_toStartOf="@+id/password_edittext"
android:layout_marginStart="8dp"/>
<EditText
android:id="@+id/password_edittext"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:layout_marginEnd="16dp"
android:hint="密码"
android:textColorHint="@color/black"
android:inputType="textPassword"
android:background="@drawable/edittext_background"
android:textColor="@color/black"
android:textSize="16sp"
android:layout_alignParentTop="true"
android:layout_alignParentEnd="true"
android:layout_marginStart="8dp"
android:layout_toEndOf="@+id/divider_view2"/>
<View
android:id="@+id/divider_view2"
android:layout_width="2dp"
android:layout_height="32dp"
android:layout_marginTop="16dp"
android:layout_marginStart="16dp"
android:background="@color/black"
android:layout_alignParentTop="true"
android:layout_toEndOf="@+id/username_edittext"
android:layout_marginEnd="8dp"/>
<Button
android:id="@+id/confirm_button"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="确定"
android:textColor="@color/white"
android:background="@drawable/button_background"
android:layout_alignParentEnd="true"
android:layout_alignParentTop="true"
android:layout_marginEnd="16dp"/>
<Button
android:id="@+id/cancel_button"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="取消"
android:textColor="@color/white"
android:background="@drawable/button_background"
android:layout_alignParentEnd="true"
android:layout_below="@+id/confirm_button"
android:layout_marginEnd="16dp"/>
</RelativeLayout>
```
最后,你可以在 Java 代码中实现按钮的点击事件,以便实现登录功能。
阅读全文