写点什么

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

  • 2022 年 9 月 08 日
    上海
  • 本文字数:4268 字

    阅读完需:约 14 分钟

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;
@Overridepublic void onCreate() {super.onCreate();// 获取授权页面原有控件init();// 沉浸状态栏setImmTheme();}
private void init() {vgBody = getBodyView();vgContainer = (LinearLayout) getContainerView();activity = getActivity();rlTitle = getTitlelayout();btnLogin = getLoginBtn();tvSecurityPhone = getSecurityPhoneText();
}
@Overridepublic void onResume() {super.onResume();// 弹出脱敏手机号Toast.makeText(activity, "脱敏手机号" + tvSecurityPhone.getText(), Toast.LENGTH_SHORT).show();// 获取自己xml的手机号TextViewTextView phone = contentView.findViewById(R.id.tv_phone);// 给自己xml的手机号控件赋值phone.setText(getSecurityPhoneText().getText());// 给自己xml的手机号控件添加点击事件phone.setOnClickListener(new View.OnClickListener() {@Overridepublic void onClick(View v) {SecVerify.finishOAuthPage();Toast.makeText(activity, "脱敏手机号" + tvSecurityPhone.getText(), Toast.LENGTH_SHORT).show();}});
}
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() {@Overridepublic void updateDrawState(TextPaint ds) {ds.setUnderlineText(false);}
}
//可替换为跳转自己的webviewprivate 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() {
}
@Overridepublic void onDestroy() {super.onDestroy();Toast.makeText(activity, "我关闭了", Toast.LENGTH_SHORT).show();}}
复制代码

domo体验

编写一键登录代码

  • SecVerify.setAdapterClass(MyLoginAdapter.class);

  • SecVerify.verify(null,null);

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

用户头像

还未添加个人签名 2019.05.08 加入

还未添加个人简介

评论

发布
暂无评论
MobTech秒验 Android端如何在授权界面添加短信登录按钮_android_MobTech袤博科技_InfoQ写作社区