视频项目笔记（3）

天天防腐笔记（3）

坚持看视频，忘记的东西只能铭记

• 1、说明注册的流程，这里盗用老师的讲解图片

所以要实现的是如何调用这个验证码接口，还有处理注册后页面跳转后所有问题，包括界面以及数据的存储

• 2、使用html样式去实现界面

// html方式设置文字样式不一
mUserAgreementTv.setText(Html.fromHtml("我已阅读并同意<font color='#24cfa2'>《天天防腐》用户协议</font>"));

• 3、验证码功能实现（老师给的代码直接拿来用）

首先我们来分析一下要声明有几种状态:
1）能够点击 - ->设置一个正常的状态
2）不能点击稍后 - ->向后台请求数据呈现的样子 多久之后可以再次获取
3）倒计时状态- ->停止获取验证码
然后写对应状态的代码，开启handler不断去更新状态，计算每一秒过去后按钮上数字的变化，如果秒数>0就减去一，接着往下继续倒数，否则就停止，这就是handler里面要做的事情

package com.gzucm.daydayfanfu.ui;

import android.annotation.SuppressLint;
import android.content.Context;
import android.content.res.ColorStateList;
import android.content.res.TypedArray;
import android.graphics.drawable.Drawable;
import android.os.Handler;
import android.os.Message;
import android.text.Editable;
import android.text.TextWatcher;
import android.util.AttributeSet;
import android.widget.Button;
import android.widget.EditText;
import com.gzucm.daydayfanfu.R;
import com.gzucm.daydayfanfu.Util.GeneralUtil;
@SuppressLint("HandlerLeak")
public class VerificationCodeButton extends Button {
    private int mTime;
    private String mNormalStr;
    private ColorStateList mNormalColorList;
    private Drawable mNormalDrawable;
    private int mTimerBackground;
    private int mTimerColor;
    // Bind input box
    private EditText mBindPhoneEt;
    // 是否开始加载
    private boolean mStartLoad = false;

    /**
     * 利用handler做计时器
     */
    private Handler mHandler = new Handler() {
        public void handleMessage(Message msg) {
            if (mTime > 0) {
                mTime -= 1;
                timer();
            } else {
                stopRequest();
            }
        };
    };

    public VerificationCodeButton(Context context) {
        this(context, null);
    }

    public VerificationCodeButton(Context context, AttributeSet attrs) {
        this(context, attrs, 0);
    }

    public VerificationCodeButton(Context context, AttributeSet attrs,
                                  int defStyle) {
        super(context, attrs, defStyle);
        // 获取之前的属性（方便将它设置为正常状态）
        mNormalStr = getText().toString();
        mNormalColorList = getTextColors();
        mNormalDrawable = getBackground();

        TypedArray array = context.obtainStyledAttributes(attrs,
                R.styleable.VerificationCodeButton);
        // 计时的时候背景
        mTimerBackground = array.getResourceId(
                R.styleable.VerificationCodeButton_timing_background, 0);
        mTimerColor = array.getColor(
                R.styleable.VerificationCodeButton_timing_textColor, 0);
        array.recycle();
    }

    /**
     * 设置一个正常状态
     */
    @SuppressLint("NewApi")
    public void setNormal() {
        this.setEnabled(true);
        this.setText(mNormalStr);
        this.setTextColor(mNormalColorList);
        this.setBackground(mNormalDrawable);
    }

    /**
     * 向后台请求数据呈现的样子
     */
    public void startLoad() {
        mStartLoad = true;
        this.setEnabled(false);
        setAttribute();
        this.setText("  请稍后...   ");
    }

    private void setAttribute() {
        if (mTimerBackground != 0) {
            this.setBackgroundResource(mTimerBackground);
        }
        if (mTimerColor != 0) {
            this.setTextColor(mTimerColor);
        }
    }

    /**
     * 多久之后可以再次获取
     *
     * @param time
     */
    public void aginAfterTime(int time) {
        setAttribute();
        this.mTime = time;
        // 一旦开始计时，这个按钮就不能点击了
        this.setEnabled(false);
        timer();
    }

    /**
     * 停止获取验证码
     */
    private void stopRequest() {
        mStartLoad = false;
        setNormal();
    }

    /**
     * 计时开始获取
     */
    private void timer() {
        this.setText(formatDuring(mTime));
        mHandler.sendEmptyMessageDelayed(0, 1000);
    }

    private CharSequence formatDuring(int mTime) {
        if (mTime < 10) {
            return "0" + mTime + "秒后重获";
        }
        return mTime + "秒后重获";
    }

    /**
     * Binding a telephone box
     */
    public void bindPhoneEditText(EditText editText) {
        this.mBindPhoneEt = editText;
        this.setEnabled(false);
        setAttribute();

        // 监听输入框的状态改变
        this.mBindPhoneEt
                .addTextChangedListener(phoneNumbersAddSpacesTextWatcher);
    }

    /**
     * 自动添加空格的TextWatcher
     */
    private TextWatcher phoneNumbersAddSpacesTextWatcher = new TextWatcher() {
        @Override
        public void beforeTextChanged(CharSequence s, int start, int count,
                                      int after) {
        }

        @Override
        public void onTextChanged(CharSequence s, int start, int before,
                                  int count) {
            if (s == null || s.length() == 0)
                return;
            StringBuilder sb = new StringBuilder();
            for (int i = 0; i < s.length(); i++) {
                if (i != 3 && i != 8 && s.charAt(i) == ' ') {
                    continue;
                } else {
                    sb.append(s.charAt(i));
                    if ((sb.length() == 4 || sb.length() == 9)
                            && sb.charAt(sb.length() - 1) != ' ') {
                        sb.insert(sb.length() - 1, ' ');
                    }
                }
            }
            if (!sb.toString().equals(s.toString())) {
                int index = start + 1;
                if (sb.charAt(start) == ' ') {
                    if (before == 0) {
                        index++;
                    } else {
                        index--;
                    }
                } else {
                    if (before == 1) {
                        index--;
                    }
                }
                mBindPhoneEt.setText(sb.toString());
                mBindPhoneEt.setSelection(index);
            }

            // 上面就是加空格的逻辑

            // Number is correct first, and then control VerificationCodeButton this is available
            String trimStr = removeAllSpace(sb.toString());

            if(GeneralUtil.judgePhoneQual(trimStr) && !mStartLoad){
                // If is phone VerificationCodeButton is able
                setNormal();
            }else{
                // Else VerificationCodeButton is enable
                VerificationCodeButton.this.setEnabled(false);
                setAttribute();
            }
        }

        @Override
        public void afterTextChanged(Editable s) {

        }
    };

    public static String removeAllSpace(String str) {
        String tmpstr = str.replace(" ", "");
        return tmpstr;
    }
}

在验证码的监听事件中，点击后就开始获取没法点击

    case R.id.send_code_bt:
                // 按钮点击，向后台发送请求
                // 1.把按钮置为请稍后状态
                mSendCodeBt.startLoad();
                // 2.请求
                requestUserCode();
                // 3.获取后台返回值之后判断后台反馈，如果成功倒计时，否则你要把按钮的状态置又可以点

然后我们使用okHttp先发起对服务器的请求requestUserCode()
- - > 处理验证码接口返回的数据 dealCodeResult() ,此时我们需要开启一个handler去post一个线程,这个Runnable()的run方法是运行在主线程的，所以就可以更新UI , 这里可以参考 我的第一篇笔记，里面也遇到过这个问题

 private void requestUserCode() {
        // 向后台发送请求
        // 1.本地验证
        String userPhone = mUserPhoneEt.getText().toString().trim();

        if(TextUtils.isEmpty(userPhone)){
            Toast.makeText(this,"请输入手机号",Toast.LENGTH_LONG).show();
            return;
        }

        // 2.往后台提交数据
        // OKhttp
        // 1.创建一个OkhttpClient对象
        OkHttpClient okHttpClient = new OkHttpClient();
        // 2.构建参数的body  MultipartBody.FORM 表单形式
        MultipartBody.Builder builder = new MultipartBody.Builder().setType(MultipartBody.FORM);
        // 2.2封装参数
        builder.addFormDataPart("appid", "1");
        builder.addFormDataPart("sms_type","3");
        builder.addFormDataPart("cell_phone",userPhone); //  添加多个参数

        // 3. 构建一个请求  post 提交里面是参数的builder   url()请求路径
        Request request = new Request.Builder().url("http://v2.ffu365.com/index.php?m=Api&c=Util&a=sendVerifyCode")
                .post(builder.build()).build();

        // 4.发送一个请求
        okHttpClient.newCall(request).enqueue(new Callback() {// 请求的回调
            @Override
            public void onFailure(Call call, IOException e) {
                // 失败
            }

            @Override
            public void onResponse(Call call, Response response) throws IOException {  // 这个不是运行在主线程中
                // 成功  数据在response里面  获取后台给我们的JSON 字符串
                String result = response.body().string();
                Log.e("TAG", result);
                Gson gson = new Gson();
                UserRequestCodeResult codeResult = gson.fromJson(result, UserRequestCodeResult.class);
                dealCodeResult(codeResult);
            }
        });
    }

    /**
     * 处理请求验证码的返回接口
     * @param codeResult
     */
    private void dealCodeResult(final UserRequestCodeResult codeResult) {
        mHandler.post(new Runnable() {
            @Override
            public void run() {
                // 3.获取后台返回值之后判断后台反馈，如果成功倒计时，否则你要把按钮的状态置又可以点
                if(codeResult.errcode == 1){
                    mSendCodeBt.aginAfterTime(60);
                }else{
                    Toast.makeText(UserRegisterActivity.this,codeResult.errmsg,Toast.LENGTH_LONG).show();
                    mSendCodeBt.setNormal();// 按钮恢复默认
                }
            }
        });
    }

• 4、注册逻辑

case R.id.user_register_bt:
                dealUserRegister();
                break;

这里进行本地验证，证明本地有输入注册信息，然后去访问后台,得到后台返回的JSON字符串(就是UserLoginResult类)，这里有个注意的地方，就是此时返回的是登录的状态，不需要我们去再次登录，所以就可以跳转界面了，此时又得开启handler去更新界面，使用SharedPreferences设置登录状态为true ， 然后把JSON字符串保存在该文件中。
模拟注册成功，先关闭当前页面，然后关闭登录页面，调用自己的activity管理类关闭其他页面。

 private void dealUserRegister() {
        // 1.本地验证
        String userPhone = mUserPhoneEt.getText().toString().trim();
        String password = mUserPasswordEt.getText().toString().trim();
        String userCode = mUserCodeEt.getText().toString().trim();

        if(TextUtils.isEmpty(userPhone)){
            Toast.makeText(this,"请输入用户名",Toast.LENGTH_LONG).show();
            return;
        }

        if(TextUtils.isEmpty(password)){
            Toast.makeText(this,"请输入密码",Toast.LENGTH_LONG).show();
            return;
        }

        if(TextUtils.isEmpty(userCode)){
            Toast.makeText(this,"请输入验证码",Toast.LENGTH_LONG).show();
            return;
        }

        // 2.往后台提交数据
        // OKhttp
        // 1.创建一个OkhttpClient对象
        OkHttpClient okHttpClient = new OkHttpClient();
        // 2.构建参数的body  MultipartBody.FORM 表单形式
        MultipartBody.Builder builder = new MultipartBody.Builder().setType(MultipartBody.FORM);
        // 2.2封装参数    美团   20   15公共参数
        builder.addFormDataPart("appid", "1");
        builder.addFormDataPart("verify_code",userCode);
        builder.addFormDataPart("cell_phone",userPhone); //  添加多个参数
        builder.addFormDataPart("password", password);// MD5 AES

        // 3. 构建一个请求  post 提交里面是参数的builder   url()请求路径
        Request request = new Request.Builder().url("http://v2.ffu365.com/index.php?m=Api&c=Member&a=register")
                .post(builder.build()).build();

        // 4.发送一个请求
        okHttpClient.newCall(request).enqueue(new Callback() {// 请求的回调
            @Override
            public void onFailure(Call call, IOException e) {
                // 失败
            }

            @Override
            public void onResponse(Call call, Response response) throws IOException {  // 这个不是运行在主线程中
                // 成功  数据在response里面  获取后台给我们的JSON 字符串
                // 注册完之后不需要用户再次登录  返回的结果就是登录的结果
                String result = response.body().string();
                Log.e("TAG", result);
                Gson gson = new Gson();
                final UserLoginResult loginResult = gson.fromJson(result, UserLoginResult.class);

                mHandler.post(new Runnable() {
                    @Override
                    public void run() {
                        dealRegisterResult(loginResult);
                    }
                });
            }
        });


    }

 // 3.处理返回的数据
    private void dealRegisterResult(UserLoginResult loginResult) {
        // 首先判断有没有成功
        if(loginResult.getErrcode() == 1){
            // 成功处理
            // 1.需要保存登录状态   当前设置为已登录
            SharedPreferences sp =  getSharedPreferences("info",MODE_PRIVATE);
            sp.edit().putBoolean("is_login",true).commit();

            // 2.需要保存用户信息
            UserLoginResult.DataBean userData =  loginResult.getData();
            // SharedPreferences 怎么保存对象   把对象转为JSON String --> SharedPreferences
            Gson gson = new Gson();
            String uesrInfoStr =  gson.toJson(userData);
            // 保存的用户信息为Json格式的字符串
            sp.edit().putString("user_info",uesrInfoStr).commit();


            ActivityManagerUtil.getInstance().finishActivity(this);
            ActivityManagerUtil.getInstance().finishActivity(UserLoginActivity.class);
        }else{
            // 登录失败
            Toast.makeText(this,loginResult.getErrmsg(),Toast.LENGTH_LONG).show();
        }
    }

• 5、活动的管理类，单例模式（开发时经常使用）

定义：只有一个实例在整个应用中，不适用于变化的对象

应用场景：某些操作配置的类（比如你要换应用的皮肤）、管理的一些类（本文管理Activity的类）、任务管理器、网站的计数器、数据库连接池的设计

考虑同步：在 if(mInstance == null) 里面可能两个线程进去后都在那里睡觉，睡完都有可能起来去new一个对象，这就不符合我们的单例模式了

public class ActivityManagerUtil {

    private Map<String,Activity> mActivitys;

    private static ActivityManagerUtil mInstance;

    //整个应用里面只有单个实例
    //为什么私有，不让其他类new
    private ActivityManagerUtil(){
        mActivitys = new HashMap<>();
    }

    //其他地方需要用的获取方式
    public static  ActivityManagerUtil getInstance(){
        if(mInstance == null){
            //需要考虑线程并发以及同步问题
            synchronized (ActivityManagerUtil.class){
                if(mInstance == null){
                    mInstance = new ActivityManagerUtil();
                }
            }
        }
        return mInstance;
    }

    //添加Activity
    public void addActivity(Activity activity){
        mActivitys.put(activity.getClass().getName(),activity);
    }

    //关闭Activity
    public void finishActivity(Activity activity){
        Activity finish = mActivitys.get(activity.getClass().getName());
        finish.finish();
        mActivitys.remove(activity.getClass().getName());

    }
    //关闭Activity
    public void finishActivity(Class<? extends Activity> activityClazz){
        Activity finish = mActivitys.get(activityClazz.getName());
        finish.finish();
        mActivitys.remove(activityClazz.getName());
    }
}

做到这里，我发现都是这样做的：去访问后台拿到数据解析，看要不要保存到本地文件记录，然后开启handler在主线程更新UI , 根据拿来的数据去判断UI界面的状态，我们拿到数据JSON,什么时候保存都可以，但是我们需要处理逻辑，在登录的时候才需要保存用户的信息，所以在这里才保存SharedPreferences。刷新了我对SharedPreferences的看法，好多地方我都看到它的身影，所以在项目中作为小型存储，是很不错的选择，又可以设置登录的状态，还可以保存用户信息，重新进入就可以不用重新登录。可以说，就是登录状态的控制器，用户信息的数据库。

天天防腐的视频教学第四天完成，谢谢老师的一番讲解，记录下来，方便以后遇到的问题可以查找帮助。Thank you！