Android项目：手机安全卫士（5）—— 自定义弹窗

Android项目：手机安全卫士（5）—— 自定义弹窗

1 介绍

前面实现了设置界面中的自动更新选项，接下来先把设置界面放到一边，以后用到了再添加相应的 Item 设置选项。回过头，我们来看看第一个功能：手机防盗，看到这个，一般能够想到的功能无非是：

• SIM 卡发生改变时，能够短信通知，并获取电话好吗
• 手机丢失时，能够远程定位、远程锁机
• 能够远程发送自定义指令

嗯，暂时~，我就想到这么多。当然，进入这个手机防盗功能时需要密码验证，本文要讲的内容就是关于设置密码与验证密码，以及自定义弹窗。

关于项目相关文章，请访问：

• Android 项目：手机安全卫士（1）—— 闪屏界面
• Android 项目：手机安全卫士（2）—— 版本升级
• Android 项目：手机安全卫士（3）—— 主界面布局
• Android 项目：手机安全卫士（4）—— 自定义（组合）控件、属性

项目源码地址（实时更新）：https://github.com/xwdoor/MobileSafe

2 自定义密码设置窗口

首先来看看窗口长什么样：

设置密码弹窗：

输入密码弹窗：

不错，这两个弹窗的 UI 基本一样，只是设置密码的弹窗多了一个 EditText 控件，首先，我们来实现它的 UI 部分，创建布局文件：dialog_set_password.xml，具体内容如下：

    <?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@android:color/white"
        android:orientation="vertical">

        <TextView
            android:id="@+id/textView1"
            android:layout_width="match_parent"
            android:layout_height="40dp"
            android:background="@android:color/holo_blue_dark"
            android:gravity="center"
            android:text="请设置密码"
            android:textColor="#000"
            android:textSize="18sp" />

        <EditText
            android:id="@+id/et_password"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:hint="请输入密码"
            android:inputType="textPassword" />

        <EditText
            android:id="@+id/et_password_confirm"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:hint="请再次输入密码"
            android:inputType="textPassword" />

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal">

            <Button
                android:id="@+id/btn_ok"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:text="确定"
                android:textSize="18sp" />

            <Button
                android:id="@+id/btn_cancel"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:text="取消"
                android:textSize="18sp" />
        </LinearLayout>
    </LinearLayout>

做了这么多次的界面，对这些控件已经相当熟悉了，其中有一个标题，用 TextView 实现，两个密码输入框，用 EditText，以及两个按钮。其中 EditText 有两个属性比较有特色：

• hint：表示当没有输入文本时，给予用户的提示
• inputType：用户输入文本的类型，这里设置为 textPassword，表示输入密码，采用密文显示，否则是明文显示，不安全

两个弹窗的 layout 文件基本一样，具体可以去 GitHub 上查看[项目源码](https://github.com/xwdoor/MobileSafe，这里就不浪费文字了。

3 使用弹窗

为 9 宫格的第一个 Item 设置点击事件，代码如下：

    case 0://手机防盗界面
        showSafeDialog();
        break;

然后是显示密码弹窗的逻辑，显示弹窗之前，首先判断用户是否设置密码，如果已设置，就需要先输入密码，如果没有设置，则弹出设置密码的弹窗，代码如下：

    /** 显示手机防盗弹窗 */
    private void showSafeDialog() {
        String password = PrefUtils.getString(PREF_PASSWORD,"",this);

        //判断是否存在密码
        if(!TextUtils.isEmpty(password)){
            //显示输入密码弹窗
            showInputPasswordDialog();
        }else {
            //显示设置密码弹窗
            showSetPasswordDialog();
        }

    }

首先是显示密码设置界面，该界面有几个代码处理逻辑：

• 两次密码若有一个为空，提示用户：密码不能为空
• 两次密码不一致，提示用户：两次密码不一致
• 两次密码一致，则保存密码

这里有几个知识点，调用 AlertDialog.Builder 的 create() 方法生成 AlertDialog 对象，然后调用该对象的 setView() 方法，可以添加自定义的 UI，好了，说了这么多，不如上代码来的一目了然：

    /** 设置密码的弹窗 */
    private void showSetPasswordDialog() {
        final AlertDialog dialog = new AlertDialog.Builder(this).create();
        View view = View.inflate(this, R.layout.dialog_set_password, null);
        Button btnOk = (Button) view.findViewById(R.id.btn_ok);
        Button btnCancel = (Button) view.findViewById(R.id.btn_cancel);
        final EditText etPassword = (EditText) view.findViewById(R.id.et_password);
        final EditText etPasswordConfirm = (EditText) view.findViewById(R.id.et_password_confirm);

        btnOk.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                String password = etPassword.getText().toString().trim();
                String passwordConfirm = etPasswordConfirm.getText().toString().trim();

                if(!TextUtils.isEmpty(password)&&!TextUtils.isEmpty(passwordConfirm)){
                    if(password.equals(passwordConfirm)){
                        PrefUtils.putString(PREF_PASSWORD,password,HomeActivity.this);
                        dialog.dismiss();
                    }else {
                        showToast("两次密码不一致");
                    }
                }else{
                    showToast("密码不能为空");
                }
            }
        });

        btnCancel.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                dialog.dismiss();
            }
        });
        dialog.setView(view, 0, 0, 0, 0);
        dialog.show();
    }

说明一下，其中的 showToast() 方法，是我自己对 Toast 进行了简单的封装，因为每次都要写那么多的参数，还可能忘了调用 show() 方法，怪麻烦的。接下来就是输入密码弹窗的代码处理逻辑了，跟上面的差不多，这里直接给代码了：

    /** 输入密码的弹窗 */
    private void showInputPasswordDialog() {
        final AlertDialog dialog = new AlertDialog.Builder(this).create();
        View view = View.inflate(this, R.layout.dialog_input_password, null);
        Button btnOk = (Button) view.findViewById(R.id.btn_ok);
        Button btnCancel = (Button) view.findViewById(R.id.btn_cancel);
        final EditText etPassword = (EditText) view.findViewById(R.id.et_password);

        btnOk.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                String password = etPassword.getText().toString().trim();
                获取保存的密码
                String savedPassword = PrefUtils.getString(PREF_PASSWORD,"",HomeActivity.this);

                if(!TextUtils.isEmpty(password)){
                    if(password.equals(savedPassword)){

                        dialog.dismiss();
                    }else {
                        showToast("密码错误");
                    }
                }else{
                    showToast("密码不能为空");
                }
            }
        });

        btnCancel.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                dialog.dismiss();
            }
        });
        dialog.setView(view, 0, 0, 0, 0);
        dialog.show();
    }

4 md5 加密

前面涉及到的密码虽然说是用 SharedPreferences 保存的，但是这样很不安全，因为是明文，所以这里介绍一种不可逆的加密方法，它就是鼎鼎有名的 md5 加密，当然，虽说是不可逆的，但如果你的密码太过简单，还是可以通过穷举来破解的。好了，废话说完了，让我们来实现吧，首先创建类：Md5Utils，声明一个静态方法，如代码所示：

    public class MD5Utils {

        public static String encode(String password) {
            try {
                MessageDigest digest = MessageDigest.getInstance("MD5");
                byte[] bytes = digest.digest(password.getBytes());

                StringBuffer sb = new StringBuffer();
                for (byte b : bytes) {
                    int i = b & 0xff;// 获取低8位内容
                    String hexString = Integer.toHexString(i);

                    if (hexString.length() == 1) {
                        hexString = "0" + hexString;
                    }

                    sb.append(hexString);
                }

                String md5 = sb.toString();
                return md5;
            } catch (NoSuchAlgorithmException e) {
                e.printStackTrace();
            }

            return null;
        }
    }

至于使用方法，对于聪明的你们，就不用我说了吧，都懂得。

5 总结

随着 UI 界面的开发次数增多，已经熟悉了 Android 的 UI 开发风格，已经可以完全掌握了，但还有一些如选择器、自定义控件样式需要深入学习，Android 的代码书写风格也已经完全熟悉，接下来就是知识点与知识面的掌握度了。

本文的主要知识点有两个：

• AlertDialog 的使用，从它的创建到使用，添加自定义 UI 界面，设置系统按钮（setPositiveButton，setNegativeButton 等）
• md5 加密的使用

关于项目相关文章，请访问：

• Android 项目：手机安全卫士（1）—— 闪屏界面
• Android 项目：手机安全卫士（2）—— 版本升级
• Android 项目：手机安全卫士（3）—— 主界面布局
• Android 项目：手机安全卫士（4）—— 自定义（组合）控件、属性

项目源码地址（实时更新）：https://github.com/xwdoor/MobileSafe