【Android studio】Android studio登录界面的简单实现

一 实现过程

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

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

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

【Android studio】Android studio登录界面的简单实现_第1张图片

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

【Android studio】Android studio登录界面的简单实现_第2张图片
【Android studio】Android studio登录界面的简单实现_第3张图片

这里我们通过hint属性来显示提示内容,通过inputType设置为password使得页面输入密码后隐藏输入内容,通过background调用drawable文件夹中的back.xml来设置边框颜色、背景颜色、形状等
back.xml如图
【Android studio】Android studio登录界面的简单实现_第4张图片

4.编写Button

【Android studio】Android studio登录界面的简单实现_第5张图片

这里我们通过onClick来调用login方法(LoginActivity中)
通过btnback.xml对按钮的形状/颜色进行设置
btnback.xml如下
【Android studio】Android studio登录界面的简单实现_第6张图片

5.新建LoginActivity进行调用

代码如下:
【Android studio】Android studio登录界面的简单实现_第7张图片

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"
    />

最终登录页面如图:
【Android studio】Android studio登录界面的简单实现_第8张图片

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

你可能感兴趣的:(Android,studio,android,android,studio)