关于sdk:MobTech秒验-Android端如何在授权界面添加短信登录按钮

SecVerifySDK提供了两种自定义受权界面的形式,别离为UISetting,举荐应用Adapter形式来进行受权界面的自定义,也可应用Adapter联合UISetting的形式(如实现关上页面动画)。

编写xml布局

应用adapter通过自行编写受权页面布局的形式来实现自定义,所以须要先绘制本人的xml布局。 在res/layout下新建sec_diy.xml,如图:

编写xml内容,可参考下方代码:

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

    <ImageView
        android:id="@+id/iv_logo"
        android:layout_width="wrap_content"
        android:layout_height="100dp"
        android:layout_gravity="center_horizontal"
        android:layout_marginTop="50dp"
        android:adjustViewBounds="true"
        android:src="@mipmap/ic_launcher" />

    <TextView
        android:id="@+id/tv_phone"
        android:layout_width="wrap_content"
        android:layout_height="30dp"
        android:layout_gravity="center_horizontal"
        android:layout_marginTop="10dp"
        android:gravity="center"
        android:textSize="18sp"
        android:textStyle="bold"
        tools:text="135****5851" />

    <Button
        android:id="@+id/bt_login"
        android:layout_width="match_parent"
        android:layout_height="55dp"
        android:layout_marginLeft="15dp"
        android:layout_marginTop="30dp"
        android:layout_marginRight="15dp"
        android:background="@drawable/loginbutton_bg"
        android:text="登录"
        android:textColor="#fff" />

    <TextView
        android:id="@+id/tv_agreement"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"
        android:layout_marginTop="15dp"
        android:text="登录即批准中国移不动认证服务协定并应用本机号码登录" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"
        android:text="中国移不动提供认证服务" />

    <ImageView
        android:id="@+id/iv_sms_login"
        android:layout_width="40dp"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"
        android:layout_marginTop="10dp"
        android:adjustViewBounds="true"
        android:src="@drawable/icon_sms" />
</LinearLayout>

编写代码

在我的项目中任意地位创立MyLoginAdapter类,编写代码如下:

package xx.xx.xxx;

import android.app.Activity;
import android.content.Intent;
import android.graphics.Color;
import android.os.Build;
import android.text.SpannableString;
import android.text.Spanned;
import android.text.TextPaint;
import android.text.TextUtils;
import android.text.style.ClickableSpan;
import android.text.style.ForegroundColorSpan;
import android.view.View;
import android.view.ViewGroup;
import android.view.WindowManager;
import android.widget.Button;
import android.widget.CheckBox;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.RelativeLayout;
import android.widget.TextView;
import android.widget.Toast;

import com.mob.MobSDK;
import com.mob.secverify.SecVerify;
import com.mob.secverify.ui.AgreementPage;
import com.mob.secverify.ui.component.LoginAdapter;
import com.mz.smssdk.SMSActivity;

/**
* 应用Adapter的形式批改受权页面ui,通过批改受权页面的控件属性,达到批改目标
* <p>
* * todo 须要留神以下内容
* *  1、在完结以后受权页面时须要调用SecVerify.finishOAuthPage();来完结,否则会影响下次进入
* *  2、在点击登录之后,不管登录胜利或者失败,须要SecVerify.finishOAuthPage();完结以后页面, 否则会影响电信受权页面的回调导致页面无奈完结
* *  3、设置脱敏手机号须要在onResume中设置,onCreate中可能还未拿到这个脱敏手机号
*/
public class MyLoginAdapter extends LoginAdapter {
    private Activity activity;
    private ViewGroup vgBody;
    private LinearLayout vgContainer;
    private RelativeLayout rlTitle;
    private Button btnLogin;
    private TextView tvSecurityPhone;
    private TextView tvOwnPhone;
    private TextView tvAgreement;
    private CheckBox cbAgreement;
    private View contentView;
    //可用于判断展现运营商隐衷协定
    private String operator;
    private String url;

    @Override
    public void onCreate() {
        super.onCreate();
        // 获取受权页面原有控件
        init();
        // 沉迷状态栏
        setImmTheme();
    }

    private void init() {
        vgBody = getBodyView();
        vgContainer = (LinearLayout) getContainerView();
        activity = getActivity();
        rlTitle = getTitlelayout();
        btnLogin = getLoginBtn();
        tvSecurityPhone = getSecurityPhoneText();

        cbAgreement = getAgreementCheckbox();
        operator = getOperatorName();
        //暗藏 受权页面原有内容
        vgBody.setVisibility(View.GONE);
        rlTitle.setVisibility(View.GONE);
        //获取本人的View
        contentView = View.inflate(activity, R.layout.sec_diy, null);
        LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(LinearLayout.LayoutParams.MATCH_PARENT, LinearLayout.LayoutParams.MATCH_PARENT);
        //增加本人的View到受权页面上,留神不要应用Activity来设置
        vgContainer.addView(contentView, params);
    }

    @Override
    public void onResume() {
        super.onResume();
        //        弹出脱敏手机号
        Toast.makeText(activity, "脱敏手机号" + tvSecurityPhone.getText(), Toast.LENGTH_SHORT).show();
        //        获取本人xml的手机号TextView
        TextView phone = contentView.findViewById(R.id.tv_phone);
        //        给本人xml的手机号控件赋值
        phone.setText(getSecurityPhoneText().getText());
        //        给本人xml的手机号控件增加点击事件
        phone.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                SecVerify.finishOAuthPage();
                Toast.makeText(activity, "脱敏手机号" + tvSecurityPhone.getText(), Toast.LENGTH_SHORT).show();
            }
        });

        //        获取本人xml的登录按钮Button
        Button button = contentView.findViewById(R.id.bt_login);
        ImageView smsLogin = contentView.findViewById(R.id.iv_sms_login);
        //        给本人xml的登录按钮Button增加点击事件
        button.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                //                Toast.makeText(activity, "cbAgreement.isChecked():" + cbAgreement.isChecked(), Toast.LENGTH_SHORT).show();
                //肯定要解决!!!! 点击本人登录按钮时须要将默认的复选框设置为选中,并且点击原有的受权页面登录按钮
                //肯定要解决!!!! 点击本人登录按钮时须要将默认的复选框设置为选中,并且点击原有的受权页面登录按钮
                //肯定要解决!!!! 点击本人登录按钮时须要将默认的复选框设置为选中,并且点击原有的受权页面登录按钮
                cbAgreement.setChecked(true);
                btnLogin.performClick();

            }
        });
        smsLogin.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                activity.startActivity(new Intent(activity, SMSActivity.class));
            }
        });
        //        TextView agreement = contentView.findViewById(R.id.agreement);
        //        agreement.setText(buildSpanString());
    }

    private SpannableString buildSpanString() {
        String operatorText = "";
        if (OperatorUtils.getCellularOperatorType() == 1) {
            operatorText = "《中国移动认证服务条款》";
            url = "https://wap.cmpassport.com/resources/html/contract.html";
        } else if (OperatorUtils.getCellularOperatorType() == 2) {
            operatorText = "《中国联通认证服务条款》";
            url = "https://ms.zzx9.cn/html/oauth/protocol2.html";
        } else if (OperatorUtils.getCellularOperatorType() == 3) {
            operatorText = "《中国电信认证服务条款》";
            url = "https://e.189.cn/sdk/agreement/content.do?type=main&appKey=&hidetop=true&returnUrl=";
        }
        String ageementText = "登录即批准" + operatorText + "及《自有隐衷协定》和" +
            "《自有服务策略》、《其余隐衷协定》并受权秒验应用本机号码登录";
        String cusPrivacy1 = "《自有隐衷协定》";
        String cusPrivacy2 = "《自有服务策略》";
        String cusPrivacy3 = "《其余隐衷协定》";
        int baseColor = MobSDK.getContext().getResources().getColor(R.color.balck);
        int privacyColor = Color.parseColor("#FFFE7A4E");
        int cusPrivacyColor1 = Color.parseColor("#FF4E96FF");
        int cusPrivacyColor2 = Color.parseColor("#FF4E96FF");
        int cusPrivacyColor3 = Color.parseColor("#FFFE7A4E");
        SpannableString spanStr = new SpannableString(ageementText);
        int privacyIndex = ageementText.indexOf(operatorText);
        spanStr.setSpan(new ForegroundColorSpan(baseColor)
                        , 0, ageementText.length(), Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
        //设置文字的单击事件
        spanStr.setSpan(new ClickableSpan() {
            @Override
            public void updateDrawState(TextPaint ds) {
                ds.setUnderlineText(false);
            }

            @Override
            public void onClick(View widget) {
                gotoAgreementPage(url, "");
            }
        }, privacyIndex, privacyIndex + operatorText.length(), Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
        //设置文字的前景色
        spanStr.setSpan(new ForegroundColorSpan(privacyColor), privacyIndex, privacyIndex + operatorText.length(), Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
        if (!TextUtils.isEmpty(cusPrivacy1)) {
            int privacy1Index = ageementText.indexOf(cusPrivacy1);
            //设置文字的单击事件
            spanStr.setSpan(new ClickableSpan() {
                @Override
                public void updateDrawState(TextPaint ds) {
                    ds.setUnderlineText(false);
                }

                @Override
                public void onClick(View widget) {
                    gotoAgreementPage("https://www.mob.com", null);
                    //                    if (wrapper != null && wrapper.cusAgreement1Clicked != null){
                    //                        wrapper.cusAgreement1Clicked.handle();
                    //                    }
                }
            }, privacy1Index, privacy1Index + "《自有隐衷协定》".length(), Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
            //设置文字的前景色
            spanStr.setSpan(new ForegroundColorSpan(cusPrivacyColor1), privacy1Index, privacy1Index + cusPrivacy1.length(), Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
        }
        if (!TextUtils.isEmpty(cusPrivacy2)) {
            int privacy2Index = ageementText.lastIndexOf(cusPrivacy2);
            //设置文字的单击事件
            spanStr.setSpan(new ClickableSpan() {
                @Override
                public void updateDrawState(TextPaint ds) {
                    ds.setUnderlineText(false);
                }

                @Override
                public void onClick(View widget) {
                    gotoAgreementPage("https://www.baidu.com", null);
                }
            }, privacy2Index, privacy2Index + cusPrivacy2.length(), Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
            //设置文字的前景色
            spanStr.setSpan(new ForegroundColorSpan(cusPrivacyColor2), privacy2Index, privacy2Index + cusPrivacy2.length(), Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
        }
        if (!TextUtils.isEmpty(cusPrivacy3)) {
            int privacy3Index = ageementText.lastIndexOf(cusPrivacy3);
            //设置文字的单击事件
            spanStr.setSpan(new ClickableSpan() {
                @Override
                public void updateDrawState(TextPaint ds) {
                    ds.setUnderlineText(false);
                    ds.linkColor = Color.parseColor("#FFFFFF");
                }

                @Override
                public void onClick(View widget) {
                    gotoAgreementPage("https://www.baidu.com", null);
                }
            }, privacy3Index, privacy3Index + cusPrivacy3.length(), Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
            //设置文字的前景色
            spanStr.setSpan(new ForegroundColorSpan(cusPrivacyColor3), privacy3Index, privacy3Index + cusPrivacy3.length(), Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
        }
        return spanStr;
    }

    //可替换为跳转本人的webview
    private static void gotoAgreementPage(String agreementUrl, String title) {
        if (TextUtils.isEmpty(agreementUrl)) {
            return;
        }
        AgreementPage page = new AgreementPage();
        Intent i = new Intent();
        i.putExtra("extra_agreement_url", agreementUrl);
        if (!TextUtils.isEmpty(title)) {
            i.putExtra("privacy", title);
        }
        page.show(MobSDK.getContext(), i);
    }

    private void setImmTheme() {
        if (Build.VERSION.SDK_INT >= 21) {
            // 设置沉迷式状态栏
            View decorView = activity.getWindow().getDecorView();
            int option = View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN
                | View.SYSTEM_UI_FLAG_LAYOUT_STABLE;
            decorView.setSystemUiVisibility(option);
            //             设置状态栏通明
            activity.getWindow().clearFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
            activity.getWindow().addFlags(WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS);
            activity.getWindow().setStatusBarColor(Color.TRANSPARENT);
            if (Build.VERSION.SDK_INT >= 23) {
                activity.getWindow().getDecorView().setSystemUiVisibility(
                    View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN | View.SYSTEM_UI_FLAG_LIGHT_STATUS_BAR);
            }
        }
        //是否占用状态栏的地位,false为占用,true为不占用
        vgContainer.setFitsSystemWindows(false);
        //是否全屏
        //        activity.getWindow().addFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN);
        //如果不想适配P以上的水滴屏和刘海屏,能够在这里设置layoutInDisplayCutoutMode为其余的值
        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.P) {
            WindowManager.LayoutParams lp = activity.getWindow().getAttributes();
            lp.layoutInDisplayCutoutMode = WindowManager.LayoutParams.LAYOUT_IN_DISPLAY_CUTOUT_MODE_SHORT_EDGES;
            activity.getWindow().setAttributes(lp);
        }
    }


    public MyLoginAdapter() {

    }

    @Override
    public void onDestroy() {
        super.onDestroy();
        Toast.makeText(activity, "我敞开了", Toast.LENGTH_SHORT).show();
    }
}

domo体验

编写一键登录代码

SecVerify.setAdapterClass(MyLoginAdapter.class);
SecVerify.verify(null,null);

至此,您已实现了在受权页面增加短信登录按钮,欢快的游玩吧。

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理