利用 Android studio 软件输出一个简易用户登录界面，拥有头像并且能够实现对自行输入的账号密码进行保存，文件名为 saveqq，功能实现对账号与密码的输入和存储，简单QQ界面布局。

文章目录

前言一、具体步骤 1.创建程序2.实现界面布局3.导入图片4.1.创建工具类4.2.创建工具类5.编写逻辑代码6.运行程序7.验证结果感谢观看！

前言

本文将直接介绍如何实现对于 QQ 登录时保存账号与密码的功能，这是主要目的。基于本人编写运行后的代码，保持精简，让读者有个好的观看和操作体验。配置：Android studio .1.1.21 windows

最后实现效果：

一、具体步骤

1.创建程序

打开 Android studio，在 Android studio 创建一个新的应用程序，命名为SaveQQ。

2.实现界面布局

在界面左侧layout 包下的 acyivity_main.xml 下编写界面布局。

界面布局代码如下（示例）：

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="/apk/res/android"android:layout_width="match_parent"android:layout_height="match_parent"android:background="#E6E6E6"android:orientation="vertical"android:padding="10dp"><ImageViewandroid:layout_width="140dp"android:layout_height="140dp"android:layout_centerHorizontal="true"android:layout_gravity="center_horizontal"android:layout_marginTop="30dp"android:src="@drawable/handsome" /><LinearLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:layout_marginTop="15dp"android:background="@android:color/white"android:orientation="horizontal"><TextViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:padding="10dp"android:text="账号:"android:textColor="#000"android:textSize="20sp" /><EditTextandroid:id="@+id/et_account"android:layout_width="match_parent"android:layout_height="wrap_content"android:layout_marginLeft="5dp"android:background="@null"android:padding="10dp" /></LinearLayout><LinearLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:layout_marginTop="10dp"android:background="@android:color/white"android:orientation="horizontal"><TextViewandroid:id="@+id/tv_password"android:layout_width="wrap_content"android:layout_height="wrap_content"android:padding="10dp"android:text="密码:"android:textColor="#000"android:textSize="20sp" /><EditTextandroid:id="@+id/et_password"android:layout_width="match_parent"android:layout_height="wrap_content"android:layout_marginLeft="5dp"android:background="@null"android:inputType="textPassword"android:padding="10dp" /></LinearLayout><Buttonandroid:id="@+id/btn_login"android:layout_width="match_parent"android:layout_height="wrap_content"android:layout_marginTop="25dp"android:background="#3C8DC4"android:text="登录"android:textColor="@android:color/white"android:textSize="20sp" /></LinearLayout>

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, Stringpassword) {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<String, String> 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<String, String> userMap = new HashMap<String, String>();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 存储方式）

同样在 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);mit();return true;}public static Map<String, String> getUserInfo(Context context) {SharedPreferences sp = context.getSharedPreferences("data",Context.MODE_PRIVATE);String account = sp.getString("userName", null);String password = sp.getString("pwd", null);Map<String, String> userMap = new HashMap<String, String>();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;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);initView();Map<String, String> 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);}@Overridepublic 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，已经存储成功。

熬夜制作，编写不易！！！

关注是最大的支持！！!

如有错误或者纰漏，欢迎指点和建议！

会不间断持续更新。