简单步骤,使用 Android studio 实现保存 QQ 账号密码,和简易 QQ 用户登录界面

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

文章目录

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

前言

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

最后实现效果:

简单步骤,使用 Android studio 实现保存 QQ 账号密码,和简易 QQ 用户登录界面_第1张图片


一、具体步骤

1.创建程序

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

2.实现界面布局

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

简单步骤,使用 Android studio 实现保存 QQ 账号密码,和简易 QQ 用户登录界面_第2张图片

 界面布局代码如下(示例):



    
    
        
        
    
    
        
        
    
    

 3.导入图片

将需要当作头像的图片导入进程序中创建的 drawable 文件夹下,这里图片命名为 handsome,使用自己的图片时要注意在 acyivity_main.xml 的界面布局下修改图片名称。

简单步骤,使用 Android studio 实现保存 QQ 账号密码,和简易 QQ 用户登录界面_第3张图片简单步骤,使用 Android studio 实现保存 QQ 账号密码,和简易 QQ 用户登录界面_第4张图片

4.1.创建工具类

先在 java 包下的 com.example.saveqq 下创建工具类FileSaveQQ,实现对QQ账号与密码的存储与读取功能。

 简单步骤,使用 Android studio 实现保存 QQ 账号密码,和简易 QQ 用户登录界面_第5张图片

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 存储方式)

同样在 java 包下的 com.example.saveqq 下创建命名为SPSaveQQ 类,这里实现的同样是存储的功能,但是使用 SharedPreferences 存储方式将会更加的简单方便。所以更推荐 SharedPreferences 存储方式来存储数据。

简单步骤,使用 Android studio 实现保存 QQ 账号密码,和简易 QQ 用户登录界面_第6张图片

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 类,用来编写逻辑代码,实现对界面的交互功能。

简单步骤,使用 Android studio 实现保存 QQ 账号密码,和简易 QQ 用户登录界面_第7张图片

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 后点击运行。(已经建好可跳过)

简单步骤,使用 Android studio 实现保存 QQ 账号密码,和简易 QQ 用户登录界面_第8张图片简单步骤,使用 Android studio 实现保存 QQ 账号密码,和简易 QQ 用户登录界面_第9张图片

简单步骤,使用 Android studio 实现保存 QQ 账号密码,和简易 QQ 用户登录界面_第10张图片简单步骤,使用 Android studio 实现保存 QQ 账号密码,和简易 QQ 用户登录界面_第11张图片

程序运行成功后,可以在界面中输入账号和密码,点击 “登录” 按钮后,会弹出 “登录成功” 和 “保存成功”,并且在程序重新打开后 账号与密码仍旧会留在当前的输入框内,说明已经存储成功。运行结果如下:可以看见我输入的账号为:123,密码为:123。保存成功后仍旧停留在输入框内,并且密码内容是不可见的。

简单步骤,使用 Android studio 实现保存 QQ 账号密码,和简易 QQ 用户登录界面_第12张图片

7.验证结果

运行成功后,可以在 Device File Explorer 视图 (在 Android studio 界面右下角)中找到该程序的 shared_prefs目录下的 data.xml 文件,双击打开后可以看到已经存储成功。具体路径(基于本人):Device File Explorer  -> data -> data -> com.example.saveqq -> shared_prefs -> data.xml (耐心)

简单步骤,使用 Android studio 实现保存 QQ 账号密码,和简易 QQ 用户登录界面_第13张图片简单步骤,使用 Android studio 实现保存 QQ 账号密码,和简易 QQ 用户登录界面_第14张图片

在 data.xml 下我们可以看见先前输入的账号:123,密码:123,已经存储成功。


熬夜制作,编写不易!!!

关注是最大的支持!!!

如有错误或者纰漏,欢迎指点和建议!

会不间断持续更新。

你可能感兴趣的:(android,项目集,android-studio)