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"

  • 1
    点赞
  • 16
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值