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

最新推荐文章于 2022-10-30 20:49:42 发布
最新推荐文章于 2022-10-30 20:49:42 发布
阅读量522 收藏
点赞数
文章标签： android ui android studio
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/apkkkk/article/details/126758530
版权

SecVerifySDK提供了两种自定义授权界面的方式，分别为UISetting，推荐使用Adapter方式来进行授权界面的自定义，也可使用Adapter结合UISetting的方式（如实现打开页面动画）。
demo体验

编写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();
    }
}

编写一键登录代码

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

至此，您已实现了在授权页面添加短信登录按钮，愉快的玩耍吧。

MobTech袤博科技
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
Android 登录界面滑动显示登录按钮
奋斗小威的专栏
05-31 324
登录界面 登录按钮被按键布局遮盖 注册表 <activity android:name=".LoginAcy" android:windowSoftInputMode="adjustResize" > <intent-filter> <action android:name="android.intent.action.MAIN" /> ...
Android实现简单的登陆页面（最新版2023详细图文教程
最新发布
Alphamilk的博客
04-23 1万+
表示控件的宽度会根据其内部内容的宽度自适应调整，即控件的宽度由其内部的内容而定。则会让控件的宽度自适应其内部的内容宽度。同时，也可以通过设置具体的数值来控制控件的宽度，如。android:layout_gravity="center" --设置标签位置。android:textAlignment="center"--文字排列 居中。表示控件的宽度与其父容器的宽度相同，充满整个父容器；android:id="@+id/"--设置id。设置背景，可填入需要颜色的16进制。会让控件的宽度填充满父容器，而。
移动验证：本机校验和一键登录（中移动、中联通、中电信提供）
鹏仔的技术博客
11-13 3万+
更新时间：2019/07/23 先推荐 直接从三大运营商那里直接做这个功能，相对麻烦。所以我们想到了三方代理 代理1：阿里云 - 号码验证，每次4分，已经支持一键登录，SDK大约在20M左右，UI是半自定义的，但是基本可以满足需求。阿里的SDK经过一年多的打磨，已经比原来好用多了，之前一次号码验证是三次交互，掉了两次服务接口，现在优化掉了一次，相对快了一些。后台管理还有一些数据统计，每月的量，...
号码认证一键免密登录，让验证更简单！
weixin_33811961的博客
12-24 3786
用户手机号码验证是目前无线APP在用户注册、登录时必不可少的一个环节，而开发者在用户手机号码验证的方式抉择上，短信验证码貌似永远是第一选择。除了方案成熟、提供短信验证码的通信服务商多、价格便宜之外，短信验证最大的优点就是用户已习惯此种验证方式，APP在用户登录验证的习惯上并没有太多的教育成本。但是短信验证码真的有我们说的那么好吗？ 让我们先从用户...
android实现点击按钮登录
weixin_52213234的博客
10-30 792
android实现点击按钮登录
Android学习登录页面 - 第一天
qq_25757181的博客
07-27 655
第一步在app/res/layout/fragment_home.xml中实现登录页面。解决方案前期手动敲代码实现页面，不依赖于UIdesign功能，加深记忆和深入思考。b.拖拽对应的文本、输入框、按钮等到布局中，调整样式使得页面布局样式能好看一点。3.感觉页面实现有点low，有没有关于androidUI组件库。1.描述实现登录页面功能用户名、用户密码、登录按钮。1.Android页面加载逻辑及底层实现原理？附登录页面代码****手动敲的代码****2.页面事件注册及校验逻辑？...
Android短信验证码（用的Mob短信验证）
01-21
Android短信验证码功能，供大家参考，具体内容如下 1、参考资料 Mob网站：http://www.mob.com/ Mob在Github上的例子：https://github.com/MobClub/SMSSDK-for-Android 教程：Mob短信验证的具体使用 教程的源代码：...
Android获取和读取短信验证码的实现方法
09-02
在Android平台上，获取和读取短信验证码是许多应用程序的核心功能，尤其在用户注册、登录或安全验证等场景中。本文将详细介绍如何在Android环境中实现这一功能。 首先，我们需要使用一个第三方服务，例如MobTech的...
用户管理系统（含短信验证等功能）
10-04
前后端项目开发，前端为Android，使用Android Studio开发，后端为Servlet，使用Eclipse开发，数据库使用mysql，一个简单的用户管理系统，可在前端进行用户注册、登录、个人信息修改等，找回密码（包含短信验证功能，...
Android ShareSDK超级强大的社会化分享（强大分享界面UI).rar
07-05
在Android开发中，ShareSDK是一个不可或缺的工具，它为开发者提供了简单、高效的社交分享功能。ShareSDK的强大之处在于它整合了众多社交媒体平台的分享接口，包括微信、QQ、微博等主流应用，使得用户可以在一个统一...
android简单的自定义按钮,Android自定义一个简单的登录按钮
weixin_36236141的博客
05-25 167
无图言diao！1.gif一个简单的效果，点击登录按钮，整个按钮向中间缩进并且成圆形progressbar。强调一点，在View中重写的onDraw(Canvas canvas)方法中千万不要有new这个操作！实现原理，就是画一个圆角矩形canvas.drawRoundRect(RectF rect, float rx, float ry, Paint paint)，通过动画不停的改变RectF的...
Android-Android-app解决键盘遮挡注册或登录按钮
08-13
Android-app解决键盘遮挡注册或登录按钮
【Android】入门案例(一)——简单登录
我爱吃土豆
11-19 2万+
前言 实习期间，闲来无事，和师傅学学Android入门一下 Android的环境搭建和配置就不多说了，直接上干货 一、效果 先看下本案例想要实现的效果，由于是第一个小案例，所以并没有连接数据库，后面的博客应会有涉及 二、步骤 1.新建工程 2.User.java public class User implements Serializable { private ......
android登录按钮样式,Android按钮样式（dmytrodanylyk）使用
weixin_32211739的博客
05-26 134
1.添加依赖dependencies {compile ‘com.github.dmytrodanylyk.android-process-button:library:1.0.4’}项目地址https://github.com/dmytrodanylyk/android-process-button2.Action Process Button操作指南https://github.com/dmy...
Android如何设置圆角按钮 类似微信的登陆按钮
牵手生活
05-30 1751
在res目录下的drawable目录下新建button_shape.xml文件 xml version="1.0" encoding="utf-8"?> shape xmlns:android="http://schemas.android.com/apk/res/android"> android:shape="rectangle"> solid androi
小编程（三）：用户登录注册界面开发及用户信息管理案例代码详解
热门推荐
StayHappy_Fan的博客
08-03 8万+
Android入门级别的用户登录注册及数据管理的案例详细介绍。
android 登陆按钮代码怎么写,Android studio登录界面初步编写
weixin_42116650的博客
05-26 966
.xml 文件代码如下：.java文件代码如下：package com.example.first;import android.support.v7.app.AppCompatActivity;import android.os.Bundle;import android.view.View;import android.widget.Button;import android.widget.E...
android第三方登录按钮,android中接入twitter进行第三方登录
weixin_42395980的博客
05-26 302
在应用中接入Twitter进行第三方登录时，开发人员遇到了一点问题，主要是概念有点混乱，这里把经验记录一下，帮助遇到同样问题的朋友。一、注册应用并配置登录权限这一步比较简单，就不多说了，直接去官网添加应用，给读写权限就行了。网址：https://dev.twitter.com/apps这一步完成后，最重要的是得到两个数据，一个是app_key，一个是app_secret。这两个字符串在后面会用到。...
android 使用Mob进行登录、分享、短信验证
u011897782的博客
07-16 2863
进入mob官网，注册账号，创建应用，在管理控制台集成想要的功能。我们这里只使用maven的方式集成（这个很方便）。 文件配置参考http://wiki.mob.com/mobpush-for-android/，主要是前面的集成方式。如果自己有Application,在oncreate()方法中添加初始化信息： MobSDK.init(this);如果自己没有Application,MobSD...
MobTech：数据智能科技平台的开发者服务与解决方案概览
其次，秒验和MobPush是MobTech的另外两个重要产品，秒验可能是指快速验证或测试服务，帮助开发者高效地进行应用质量检查；而MobPush则可能是推送通知服务，用于增强用户与应用的互动，提升用户体验。SMSSDK可能是...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

MobTech袤博科技

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值