Android 注册登入界面 _Android

男儿欲遂平生志，五经勤向窗前读。这篇文章主要讲述Android 注册登入界面相关的知识，希望能为你提供帮助。
今天没啥事情做，就想着复习复习android，不然快把android给忘记了，于是乎就干起来。边学边复习边做做，正好我手上有一些自己爬虫的数据，想着没事干的时候可以做做一个小商城，当作练练手。
【Android 注册登入界面】开发环境：android studio，win10

首先在google地址栏输入android dev tools，或者直接访问https://www.androiddevtools.cn 下载android studio，安装好之后启动。（调试工具可以使用android手机，也可以去genymotion官网下载一个模拟器，as自带的那个手机我个人觉得不好用不推荐）
首先，我想先做一个注册登入页面
（1）先做一个页面，上面有两个按钮，注册和登入
（2）实现注册功能
（3）实现登入功能

先来第一步：先做一个页面，上面有两个按钮，注册和登入
布局文件，我的排版，如下面所示

文章图片

具体咋实现呢，我们看布局文件代码，我这边使用的是LinearLayout

文章图片

1 < ?xml version="1.0" encoding="utf-8"?> 2 < LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 3xmlns:app="http://schemas.android.com/apk/res-auto" 4xmlns:tools="http://schemas.android.com/tools" 5android:layout_width="match_parent" 6android:layout_height="match_parent" 7tools:context=".MainActivity" 8android:background="@drawable/main" 9android:orientation="vertical" 10> 11 12< LinearLayout 13 14android:layout_width="match_parent" 15android:layout_height="0dp" 16android:layout_weight="1" 17android:orientation="horizontal"> 18 19< LinearLayout 20android:layout_width="0dp" 21android:layout_height="match_parent" 22android:layout_weight="1" 23android:orientation="vertical" 24android:gravity="center"> 25 26 27 28< /LinearLayout> 29 30< LinearLayout 31android:layout_width="0dp" 32android:layout_height="match_parent" 33android:layout_weight="1" 34android:orientation="vertical" 35android:gravity="center"> 36 37 38< /LinearLayout> 39 40 41< /LinearLayout> 42 43 44< LinearLayout 45 46android:layout_width="match_parent" 47android:layout_height="0dp" 48android:layout_weight="1" 49android:orientation="horizontal"> 50 51< LinearLayout 52android:layout_width="0dp" 53android:layout_height="match_parent" 54android:layout_weight="1" 55android:orientation="vertical" 56android:gravity="center"> 57 58< Button 59 60android:id="@+id/signin" 61android:layout_marginTop="50dp" 62android:layout_gravity="center_horizontal" 63android:layout_width="wrap_content" 64android:layout_height="wrap_content" 65android:text="@string/signin" 66android:textSize="20sp" 67android:background="@color/seagreen" 68android:textColor="@color/white" 69/> 70 71< /LinearLayout> 72 73< LinearLayout 74android:layout_width="0dp" 75android:layout_height="match_parent" 76android:layout_weight="1" 77android:orientation="vertical" 78android:gravity="center"> 79 80< Button 81android:id="@+id/enroll" 82android:layout_marginTop="50dp" 83android:textSize="20sp" 84android:layout_gravity="center_horizontal" 85android:layout_width="wrap_content" 86android:layout_height="wrap_content" 87android:text="@string/new_user" 88android:background="@color/lightslategrey" 89android:textColor="@color/white" 90/> 91< /LinearLayout> 92 93 94< /LinearLayout> 95 96 97 < /LinearLayout>

主界面--布局文件代码
接着我们来第二步，实现登入的布局文件，这边使用的是RelativeLayout

文章图片

1 < ?xml version="1.0" encoding="utf-8"?> 2 < RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 3xmlns:app="http://schemas.android.com/apk/res-auto" 4xmlns:tools="http://schemas.android.com/tools" 5android:layout_width="match_parent" 6android:layout_height="match_parent" 7tools:context=".LoginActivity" 8android:background="@drawable/main"> 9 10 11< EditText 12android:id="@+id/account_input" 13android:gravity="center" 14android:layout_marginLeft="15dp" 15android:layout_marginRight="15dp" 16android:layout_width="match_parent" 17android:layout_height="wrap_content" 18android:hint="@string/tip_account" 19android:layout_centerVertical="true" 20android:background="@drawable/rounded_edittext" 21android:textSize="20sp" 22/> 23 24< EditText 25android:layout_marginTop="20dp" 26android:id="@+id/password_input" 27android:gravity="center" 28android:layout_marginLeft="15dp" 29android:layout_marginRight="15dp" 30android:background="@drawable/rounded_edittext" 31android:layout_width="match_parent" 32android:layout_height="wrap_content" 33android:hint="@string/tip_password" 34android:inputType="textPassword" 35android:layout_below="@id/account_input" 36android:textSize="20sp"/> 37 38< Button 39android:id="@+id/btn_login" 40android:layout_marginTop="20dp" 41android:textSize="20sp" 42android:layout_width="match_parent" 43android:layout_height="wrap_content" 44android:text="@string/signin" 45android:textColor="@color/white" 46android:layout_below="@id/password_input" 47android:layout_centerHorizontal="true" 48android:background="@color/seagreen"/> 49 50< Button 51android:id="@+id/btn_forget_pass" 52android:layout_marginTop="20dp" 53android:textSize="20sp" 54android:layout_width="match_parent" 55android:layout_height="wrap_content" 56android:text="@string/forget_pass" 57android:background="#0e000000" 58android:layout_below="@id/btn_login" 59android:layout_centerHorizontal="true" 60 61/> 62 < /RelativeLayout>

login布局文件
大家注意没有我这边使用的是圆角的Edittext，这样子我感觉看着会美关一些，具体咋实现了，其实很简单，就是在drawable资源里面添加一个这个圆角实现的xml代码，然后再edittext设置背景的时候，采用drawable设计的圆角作为背景，会美观不少呢

文章图片

1 < ?xml version="1.0" encoding="utf-8"?> 2 < shape xmlns:android="http://schemas.android.com/apk/res/android"> 3< solid android:color="#80858175" /> 4< stroke android:width="1dip" android:color="#fefefe" /> 5< corners android:radius="20dp"/> 6< padding android:bottom="10dp" 7android:left="10dp" 8android:right="10dp" 9android:top="10dp"/> 10 < /shape>

圆角设计
接下来就是注册啦，目前想不到别的设计，就跟登入差不多写了一个

文章图片

1 < ?xml version="1.0" encoding="utf-8"?> 2 < RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 3xmlns:app="http://schemas.android.com/apk/res-auto" 4xmlns:tools="http://schemas.android.com/tools" 5android:layout_width="match_parent" 6android:layout_height="match_parent" 7tools:context=".EnrollActivity" 8android:background="@drawable/main"> 9 10 11 12 13< EditText 14 15android:id="@+id/account_input" 16android:gravity="center" 17android:layout_marginLeft="15dp" 18android:layout_marginRight="15dp" 19android:layout_width="match_parent" 20android:layout_height="wrap_content" 21android:hint="@string/tip_account" 22android:layout_centerVertical="true" 23android:background="@drawable/rounded_edittext" 24android:textSize="20sp" 25/> 26 27< EditText 28android:layout_marginTop="20dp" 29android:id="@+id/password_input" 30android:gravity="center" 31android:layout_marginLeft="15dp" 32android:layout_marginRight="15dp" 33android:background="@drawable/rounded_edittext" 34android:layout_width="match_parent" 35android:layout_height="wrap_content" 36android:hint="@string/tip_password" 37android:inputType="textPassword" 38android:layout_below="@id/account_input" 39android:textSize="20sp"/> 40 41< Button 42android:id="@+id/btn_enroll" 43android:layout_marginTop="20dp" 44android:textSize="20sp" 45android:layout_width="match_parent" 46android:layout_height="wrap_content" 47android:text="@string/enroll" 48android:background="@color/lightslategrey" 49android:layout_below="@id/password_input" 50android:layout_centerHorizontal="true" 51android:textColor="@color/white" 52/> 53 < /RelativeLayout>

注册布局
写完这些代码，曾经的亲切感又回来了，哈哈哈。继续努力！！！