Android--使用线性布局搭建用户登录注册界面
时间: 2023-09-20 18:10:21 浏览: 291
1. 创建一个新的Android Studio项目,并在activity_main.xml中打开设计视图。
2. 将LinearLayout拖放到屏幕上,并在属性检查器中设置以下属性:
orientation:vertical(垂直方向)
gravity:center(居中对齐)
padding:16dp(内边距)
3. 在LinearLayout中添加一个TextView,用于显示应用程序名称或欢迎消息。
4. 接下来,使用两个EditText小部件添加一个LinearLayout,用于输入用户名和密码。为了使它们看起来更漂亮,可以使用drawable文件夹中的几个图标。
5. 紧接着,添加一个Button,用于提交登录或注册信息。可以使用selector文件夹中的几个不同状态的按钮,如pressed和focused。
6. 最后,添加一个TextView链接到注册页面,并在LinearLayout中设置gravity属性以居中对齐。
完成后,您的用户登录注册界面应该如此:
```
<LinearLayout
android:orientation="vertical"
android:gravity="center"
android:padding="16dp"
android:layout_width="match_parent"
android:layout_height="match_parent">
<TextView
android:text="MyApp"
android:textSize="24sp"
android:textStyle="bold"
android:layout_width="wrap_content"
android:layout_height="wrap_content"/>
<LinearLayout
android:orientation="vertical"
android:layout_marginTop="24dp"
android:layout_width="match_parent"
android:layout_height="wrap_content">
<EditText
android:hint="Username"
android:drawableLeft="@drawable/ic_person_outline_black_24dp"
android:layout_width="match_parent"
android:layout_height="wrap_content"/>
<EditText
android:hint="Password"
android:drawableLeft="@drawable/ic_lock_outline_black_24dp"
android:inputType="textPassword"
android:layout_marginTop="16dp"
android:layout_width="match_parent"
android:layout_height="wrap_content"/>
</LinearLayout>
<Button
android:text="Login"
android:textColor="#fff"
android:background="@drawable/btn_bg"
android:layout_marginTop="24dp"
android:layout_width="match_parent"
android:layout_height="wrap_content"/>
<TextView
android:text="Don't have an account? Register"
android:textColor="@color/colorPrimaryDark"
android:layout_marginTop="24dp"
android:layout_gravity="center_horizontal"
android:layout_width="wrap_content"
android:layout_height="wrap_content"/>
</LinearLayout>
```
阅读全文