Android studio登录界面的简单实现

一 实现过程

1.新建login.xml,选择线性布局

这里我们注意要将gravity设为center,使得TextView的文字居中显示
orientation选择vertical垂直布局

2.通过TextView显示文字:用户登录

在这里插入图片描述

3.嵌套两个线性布局,其中放入EidtText即两个输入框(输入用户名、输入密码)

在这里插入图片描述
在这里插入图片描述

这里我们通过hint属性来显示提示内容,通过inputType设置为password使得页面输入密码后隐藏输入内容,通过background调用drawable文件夹中的back.xml来设置边框颜色、背景颜色、形状等
back.xml如图
在这里插入图片描述

4.编写Button

在这里插入图片描述

这里我们通过onClick来调用login方法(LoginActivity中)
通过btnback.xml对按钮的形状/颜色进行设置
btnback.xml如下
在这里插入图片描述

5.新建LoginActivity进行调用

代码如下:
在这里插入图片描述

6.进行完善,添加两个输入框的icon图标

这里在阿里巴巴矢量库选择喜欢的icon进行下载,同时要注意下载图片的大小
通过ImageView将图表导入进来,并且根据图片大小调整增边距

<ImageView
    android:layout_width="35dp"
    android:layout_height="35dp"
    android:background="@drawable/mima"
    android:padding="5dp"
    android:layout_marginTop="4dp"
    android:layout_marginBottom="3dp"
    android:layout_marginLeft="2dp"
    />

最终登录页面如图:
在这里插入图片描述

二 总体代码及SQLite数据库连接代码等有空再整理

猜你喜欢

转载自blog.csdn.net/weixin_44044395/article/details/116992475