利用 Android studio 2021 软件输出一个简易用户登录界面，拥有头像并且能够实现对自行输入的账号密码进行保存，文件名为 saveqq，功能实现对账号与密码的输入和存储，简单QQ界面布局。
文章目录
- 前言
- 一、具体步骤
- 1.创建程序
- 2.实现界面布局
- 3.导入图片
- 4.1.创建工具类
- 4.2.创建工具类
- 5.编写逻辑代码
- 6.运行程序
- 7.验证结果
- 感谢观看！
最后实现效果：
文章图片
一、具体步骤
1.创建程序 打开 Android studio，在 Android studio 创建一个新的应用程序，命名为SaveQQ。
2.实现界面布局 在界面左侧 layout 包下的 acyivity_main.xml 下编写界面布局。
文章图片
界面布局代码如下（示例）：
3.导入图片 将需要当作头像的图片导入进程序中创建的 drawable 文件夹下，这里图片命名为 handsome，使用自己的图片时要注意在 acyivity_main.xml 的界面布局下修改图片名称。
文章图片
文章图片
4.1.创建工具类 先在 java 包下的 com.example.saveqq 下创建工具类FileSaveQQ，实现对QQ账号与密码的存储与读取功能。
文章图片
FileSaveQQ 代码如下：
package com.example.saveqq;
import android.content.Context;
import java.io.FileInputStream;
import java.io.FileOutputStream;
import java.io.IOException;
import java.util.HashMap;
import java.util.Map;
public class FileSaveQQ {public static boolean saveUserInfo(Context context, String account, String
password) {
FileOutputStream fos = null;
try {fos = context.openFileOutput("data.txt",
Context.MODE_PRIVATE);
fos.write((account + ":" + password).getBytes());
return true;
} catch (Exception e) {
e.printStackTrace();
return false;
}finally {
try {
if(fos != null){
fos.close();
}
} catch (IOException e) {
e.printStackTrace();
}
}
}public static Map getUserInfo(Context context) {
String content = "";
FileInputStream fis = null;
try {fis = context.openFileInput("data.txt");
byte[] buffer = new byte[fis.available()];
fis.read(buffer);
content = new String(buffer);
Map userMap = new HashMap();
String[] infos = content.split(":");
userMap.put("account", infos[0]);
userMap.put("password", infos[1]);
return userMap;
} catch (Exception e) {
e.printStackTrace();
return null;
}finally {
try {
if(fis != null){
fis.close();
}
} catch (IOException e) {
e.printStackTrace();
}
}
}
}4.2.创建工具类（基于使用 SharedPreferences 存储方式） 【android|简单步骤，使用 Android studio 实现保存 QQ 账号密码，和简易 QQ 用户登录界面】同样在 java 包下的 com.example.saveqq 下创建命名为SPSaveQQ 类,这里实现的同样是存储的功能，但是使用 SharedPreferences 存储方式将会更加的简单方便。所以更推荐 SharedPreferences 存储方式来存储数据。
文章图片
SPSaveQQ 代码如下（示例）：
package com.example.saveqq;
import android.content.Context;
import android.content.SharedPreferences;
import java.util.HashMap;
import java.util.Map;
public class SPSaveQQ{public static boolean saveUserInfo(Context context, String account,
String password) {
SharedPreferences sp = context.getSharedPreferences("data",
Context.MODE_PRIVATE);
SharedPreferences.Editor edit = sp.edit();
edit.putString("userName", account);
edit.putString("pwd", password);
edit.commit();
return true;
}public static Map getUserInfo(Context context) {
SharedPreferences sp = context.getSharedPreferences("data",
Context.MODE_PRIVATE);
String account = sp.getString("userName", null);
String password = sp.getString("pwd", null);
Map userMap = new HashMap();
userMap.put("account", account);
userMap.put("password", password);
return userMap;
}
}5.编写逻辑代码 同样在 java 包下的 com.example.saveqq 下创建命名为 MainActivity 类,用来编写逻辑代码，实现对界面的交互功能。
文章图片
MainActivity 代码如下（示例）：
package com.example.saveqq;
import android.os.Bundle;
import android.text.TextUtils;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;
import android.widget.Toast;
import androidx.appcompat.app.AppCompatActivity;
import java.util.Map;
public class MainActivity extends AppCompatActivity implements View.OnClickListener{
private EditText et_account;
private EditText et_password;
private Button btn_login;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
initView();
Map userInfo = SPSaveQQ.getUserInfo(this);
if (userInfo != null) {
et_account.setText(userInfo.get("account"));
et_password.setText(userInfo.get("password"));
}
}
private void initView() {
et_account =findViewById(R.id.et_account);
et_password =findViewById(R.id.et_password);
btn_login = findViewById(R.id.btn_login);
btn_login.setOnClickListener(this);
}
@Override
public void onClick(View v) {
switch (v.getId()) {
case R.id.btn_login:String account = et_account.getText().toString().trim();
String password = et_password.getText().toString();
if (TextUtils.isEmpty(account)) {
Toast.makeText(this, "请输入QQ账号", Toast.LENGTH_SHORT).show();
return;
}
if (TextUtils.isEmpty(password)) {
Toast.makeText(this, "请输入密码", Toast.LENGTH_SHORT).show();
return;
}
Toast.makeText(this, "登录成功", Toast.LENGTH_SHORT).show();
boolean isSaveSuccess = SPSaveQQ.saveUserInfo(this, account, password);
if (isSaveSuccess) {
Toast.makeText(this, "保存成功", Toast.LENGTH_SHORT).show();
} else {
Toast.makeText(this, "保存失败", Toast.LENGTH_SHORT).show();
}
break;
}
}
}6.运行程序 点击 Create device 后选择Nexus 4,next 后选择Oreo 27 或者 Oreo26 都可以，最后 next 后点击运行。（已经建好可跳过）
文章图片
文章图片
文章图片
文章图片
程序运行成功后，可以在界面中输入账号和密码，点击 “登录” 按钮后，会弹出 “登录成功” 和 “保存成功”，并且在程序重新打开后 账号与密码仍旧会留在当前的输入框内，说明已经存储成功。运行结果如下：可以看见我输入的账号为：123，密码为：123。保存成功后仍旧停留在输入框内，并且密码内容是不可见的。
文章图片
7.验证结果 运行成功后，可以在 Device File Explorer 视图 (在 Android studio 界面右下角)中找到该程序的 shared_prefs目录下的 data.xml 文件，双击打开后可以看到已经存储成功。具体路径(基于本人)：Device File Explorer-> data -> data -> com.example.saveqq -> shared_prefs -> data.xml (耐心)
文章图片
文章图片
在 data.xml 下我们可以看见先前输入的账号：123，密码：123，已经存储成功。
熬夜制作，编写不易！！！
关注是最大的支持！！!
如有错误或者纰漏，欢迎指点和建议！
会不间断持续更新。
推荐阅读
- android|Android的SharePreferences存储的案例（qq账号存储）
- Andriod|Andriod Studio实现保存QQ密码
- 移动开发|Android开发保存QQ密码
- 站在 Android 开发的角度，聊聊 Airbnb 的 Lottie！！！
- 玩转Android monkey之多参数实战
- Android中的runOnUiThread
- Android手动回收bitmap,引发Canvas: trying to use a recycled bitmap处理
- android studio第一次使用时的界面设置
- Android百分比布局成功导入及简单使用