欢迎光临散文网 会员登陆 & 注册

Android Jetpack笔记7

2022-10-29 21:47 作者:SKUNK1212  | 我要投稿

3.登录页

继续实现登陆页面。

首先是自定义文本框:

自定义文本框

先定义状态变量

状态变量

功能实现

实现1个title+2个TextField+1个Button
效果展示

接下来修改一下登录逻辑和布局。

首先,布局方面,用Box套一个Card实现悬浮卡片效果,内容居中,加上账号密码文字提示。

将提交按钮整合到Card,添加忘记密码(现在注册等之类的)跳转文字。

嵌套结构
账号密码区结构
实现效果

其次,登录肯定有成功和失败状态,现在不清楚后续需求,先简单设计一个判断密码正确的逻辑结构,其次登录成功会跳转到Home页,不成功留在本页。

首先将登录框抽出为LoginBox

Login函数简化

判断逻辑

传参,将判断逻辑放在按钮内
账号密码匹配判断

经验证,正确跳转。至此,登录页基本实现。

4.注册页

结构与登录页类似,当注册成功后返回登录页。在此只展示页面效果。

注册页面

5.欢迎页

这里的欢迎页指的是一系列引导页面

功能:首页是欢迎语句,接下来是几页功能介绍页 

初步布局

复用大部分之前的Box控件代码,修改内容和跳转,在此不做赘述,仅展示效果。

欢迎页
引导结束页

今天就到这里,第一阶段设计主要功能已基本实现,接下来将根据任务需求进入第二阶段,实现主页功能。

Android Jetpack笔记7的评论 (共 条)

分享到微博请遵守国家法律