Bootstrap

android登录注册功能,AndroidStudio制作登录和注册功能的实现,界面的布局介绍

前言

大家好,我是 Vic,今天给大家带来AndroidStudio制作登录和注册功能的实现,界面的布局介绍的概述,希望你们喜欢

每日一句:

Success is connecting with the world and making people feel. - 《名扬四海》

fa6ecb9a8175

每日一句

设计思路

当我们面临制作登录和注册功能的实现时,我们需要先设计登录界面的布局和注册界面的布局,做到有完整的思路时才开始实现其功能效果会更好。

我们需要做个标题栏,登陆界面,实现登陆界面的功能代码块,注册界面,实现测试界面的功能模块即可完成。

标题栏的设计思路

每个APP都基本上有个标题栏,即是显示标题,标题栏的两侧大多数都有一个返回建。那么标题栏即是一个返回键和一个标题栏的制作布局。

为了避免大多数代码的冗杂,我们把这个标题栏的制作布局独立起来,标题的显示我们可以在每块主题模块上,用setText()方法来显示不同的标题。

接下来我们创建main_title_bar.xml布局文件:

具体代码如下:

xmlns:android="http://schemas.android.com/apk/res/android"

android:id="@+id/title_bar"

android:layout_width="match_parent"

android:layout_height="50dp"

android:background="@android:color/transparent">

android:id="@+id/tv_back"

android:layout_width="50dp"

android:layout_height="50dp"

android:layout_alignParentLeft="true"

android:background="@drawable/go_back_selector" />

android:id="@+id/tv_main_title"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_centerInParent="true"

android:textColor="@android:color/white"

android:textSize="20sp"/>

补充:

现在标题栏布局做好了,我们需要了解怎么换图片,就是在android:background="@drawable/go_back_selector",其实就是在drawable中创建这个go_back_selector.xml文件而已,用到了android:state_pressed="true"这个属性,当点击时就是变化的图片效果,记住state_pressed就OK。

登录界面布局

创建登录界面,我们需要标题栏显示“登录”,那么就要通过标签。

我们需要设计想好美化登录界面,需要以下图片:登录背景图片login_bg.png,默认的头像图片default_icon,输入用户名的背景图片login_user_name_bg,在用户名前需要一个小标图user_name_icon,同理,输入密码框需要图片有login_psw_bg,psw_icon,按钮需要图片加以美观register_selector,根据需要的图片可自行制作。

登录界面布局模块代码

创建activity_login.xml布局文件,具体代码如下:

xmlns:android="http://schemas.android.com/apk/res/android"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:background="@drawable/login_bg"

android:orientation="vertical">

android:id="@+id/iv_head"

android:layout_width="70dp"

android:layout_height="70dp"

android:layout_marginTop="25dp"

android:layout_gravity="center_horizontal"

android:background="@drawable/default_icon"/>

android:id="@+id/et_user_name"

android:layout_width="fill_parent"

android:layout_height="48dp"

android:layout_marginTop="35dp"

android:layout_marginLeft="35dp"

android:layout_marginRight="35dp"

android:layout_gravity="center_horizontal"

android:background="@drawable/login_user_name_bg"

android:drawableLeft="@drawable/user_name_icon"

android:drawablePadding="10dp"

android:paddingLeft="8dp"

android:gravity="center_vertical"

android:hint="请输入用户名"

android:singleLine="true"

android:textColor="#000000"

android:textColorHint="#a3a3a3"

android:textSize="14sp"/>

android:id="@+id/et_psw"

android:layout_width="fill_parent"

android:layout_height="48dp"

android:layout_gravity="center_horizontal"

android:layout_marginLeft="35dp"

android:layout_marginRight="35dp"

android:background="@drawable/login_psw_bg"

android:drawableLeft="@drawable/psw_icon"

android:drawablePadding="10dp"

android:paddingLeft="8dp"

android:gravity="center_vertical"

android:hint="请输入密码"

android:inputType="textPassword"

android:singleLine="true"

android:textColor="#000000"

android:textColorHint="#a3a3a3"

android:textSize="14sp"/>

android:id="@+id/btn_login"

android:layout_width="fill_parent"

android:layout_height="40dp"

android:layout_marginTop="15dp"

android:layout_marginLeft="35dp"

android:layout_marginRight="35dp"

android:layout_gravity="center_horizontal"

悦读

道可道,非常道;名可名,非常名。 无名,天地之始,有名,万物之母。 故常无欲,以观其妙,常有欲,以观其徼。 此两者,同出而异名,同谓之玄,玄之又玄,众妙之门。