Android实战开发-Kotlin教程(布局篇 3.2)

本文介绍了如何在Android中创建一个登录界面,包括使用RelativeLayout作为外层布局,设置ImageView显示Logo,利用LinearLayout构建用户输入区,判断用户名和密码非空,并通过Toast提示。虽然此处仅模拟了界面操作,实际登录还需与服务端接口交互。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

上一篇我们对Android的布局方式有了一定的了解,本篇我们综合利前面学习的知识完整的搭建一个登录界面

新建LoginActivity

在这里插入图片描述
创建完LoginActivity后,我们来到activity_login.xml布局文件中开始搭建布局
在这里插入图片描述
最外层布局我们采用RelativeLayout的相对布局,首先,是顶部放置对应App的logo,因为是图片显示,我们采用ImageView的组件显示,如下图所示
在这里插入图片描述

接下来,我们利用线性布局LinerLayout搭建一个用户和密码输入的区域
在这里插入图片描述
这里先创建一个垂直方向的线性布局,让用户名、密码以及提交按钮按垂直的方向排列,同时用户名和密码框的组件也是一个单独的水平线性布局,里面是一个TextView显示标题栏,EditView处理输入框的内容。

用户名
在这里插入图片描述
密码
在这里插入图片描述

登录按钮
在这里插入图片描述
最后我们来看看布局的效果
请添加图片描述

接下来,我们来实现一下登录的逻辑处理。
正常在点击登录时我们需要判断用户名和密码不能为空,有些可能还需要判断用户名以及密码的格式,我们在这里暂时值判断非空的状态。
在这里插入图片描述
这里非空用TextUtils.isEmpty进行判断,如果是空值就直接提示并返回,不进行到下一步,提示使用Toast.makeText(this,“”,Toast.LENGTH_SHORT).show(),这个方法的第一个参数是Activity的上下文,可以使用当前对象,也就是this,第二参数是提示时间间隔是长还是短,Toast.LENGTH_SHORT(短提示),Toast.LENGTH_LONG(长提示)
我们来看看实际的效果

请添加图片描述
请添加图片描述
当然,这里我们只是模拟界面的操作,真正的登录逻辑肯定还涉及到和服务端的接口数据交互,今天我们就先到这里,下一篇我们继续学习接口的请求调用

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值