Android studio编写一个简单的登录界面

1首先先创建一个空的activity项目，接着设置本身的项目名称，勾选上lacuncher

创建成功后点开manifests把刚刚创建的文件名下面的<intent-filter>这一行全部删除

然后点开res，复制一张图片，右键drawable点击粘贴，这里放的是图片资源，用于放置登录头像

然后点开layout文件，开始编写我们的项目，右上角有三个选项分别为，展示代码，代码加效果，效果，这里我们选择代码加图片方便查看，当前为代码加效果，再点击一次还可以切换成上下。

然后我们将原来的androidx这一串更改为RelativeLayout

设置间隔边界的大小以及颜色

然后我们设置用户头像，并居中，编写如下代码，id是随便取的，但是需要记住，等下调节页面布局的时候需要用到

计划用户名和暗码表格，这里重叠了效果不太好

最后加入一个登录按钮，然后根据id调节一下位置

最后运行一下

1. <?xml version="1.0" encoding="utf-8"?>
2. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
3.     xmlns:app="http://schemas.android.com/apk/res-auto"
4.     xmlns:tools="http://schemas.android.com/tools"
5.     android:layout_width="match_parent"
6.     android:layout_height="match_parent"
7.     android:paddingVertical="15dp"
8.     android:background="#e3e3e3"
9.     tools:context=".SecondActivity">
11.     <ImageButton
12.         android:layout_width="70dp"
13.         android:layout_height="70dp"
14.         android:layout_centerHorizontal="true"
15.         android:src="@drawable/img"
16.         android:id="@+id/ivimg"
17.         android:layout_marginTop="45dp"/>
18.     <TableLayout
19.         android:layout_width="match_parent"
20.         android:layout_height="wrap_content"
21.         android:layout_marginTop="15dp"
22.         android:layout_below="@+id/ivimg"
23.         android:id="@+id/table"
24.         android:background="#fff"
25.         android:layout_centerHorizontal="true"
26.         android:stretchColumns="1"
27.         >
28.         <TableRow android:layout_height="wrap_content" android:layout_width="match_parent" android:id="@+id/row1" >
29.             <TextView android:id="@+id/tvUser" android:layout_width="60dp"
30.                 android:layout_height="wrap_content" android:textSize="18sp" android:text="用户"/>
31.             <EditText android:layout_height="wrap_content" android:layout_width="match_parent"
32.                 android:id="@+id/edUser"/>
33.         </TableRow>
35.         <TableRow android:layout_height="wrap_content" android:layout_width="match_parent" android:id="@+id/row2" >
36.             <TextView android:id="@+id/tvPassword" android:layout_width="60dp"
37.                 android:layout_height="wrap_content" android:textSize="18sp" android:text="密码"/>
38.             <EditText android:layout_height="wrap_content" android:layout_width="match_parent"
39.                 android:id="@+id/edPassword"
40.                 android:inputType="textPassword"/>
41.         </TableRow>
42.     </TableLayout>
43.     <Button
44.         android:layout_width="120dp"
45.         android:layout_height="wrap_content"
46.         android:layout_centerHorizontal="true"
47.         android:background="#a7157c"
48.         android:textSize="20sp"
49.         android:textColor="#fff"
50.         android:text="登录"
51.         android:id="@+id/btnLogin"
52.         android:layout_below="@+id/table"
53.         android:layout_marginTop="60dp"
54.         />
58. </RelativeLayout>

复制代码

 最后就完成了一个简单页面的创建


免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。