sky/app-starlock
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: - 一键登录逻辑，UI完善

Browse Source 
- 一键登录页面以及二次协议确认页面UI样式完善
         - 一键登录逻辑完善，边界异常处理
This commit is contained in:
Liuyf 2025-04-22 18:43:15 +08:00
parent 841ef69381
commit 1c3c61239b
3 changed files with 79 additions and 71 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
android/app/src/main/res/drawable/log_btn_background.xml Normal file
View File

@ -0,0 +1,5 @@
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<!-- 设置背景颜色为透明 -->
<solid android:color="@android:color/transparent"/>
</shape>

BIN
android/app/src/main/res/drawable/uncheck.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.4 KiB

After

Width:  |  Height:  |  Size: 4.7 KiB

145
lib/tools/jverify_one_click_login.dart
View File

@ -187,10 +187,10 @@ class JverifyOneClickLoginManage {
//uiConfig.numFieldOffsetX = isiOS ? 0 : null;//(screenWidth/2 - uiConfig.numberFieldWidth/2).toInt(); //uiConfig.numFieldOffsetX = isiOS ? 0 : null;//(screenWidth/2 - uiConfig.numberFieldWidth/2).toInt();
uiConfig.numFieldOffsetY = isiOS ? 120 : 220; uiConfig.numFieldOffsetY = isiOS ? 120 : 220;
uiConfig.numberVerticalLayoutItem = JVIOSLayoutItem.ItemLogo; uiConfig.numberVerticalLayoutItem = JVIOSLayoutItem.ItemLogo;
uiConfig.numberColor = Colors.white.value; uiConfig.numberColor = AppColors.mainColor.value;
uiConfig.numberSize = 18; uiConfig.numberSize = 18;
uiConfig.sloganOffsetY = isiOS ? 120 : 260; uiConfig.sloganOffsetY = isiOS ? 40 : 300;
uiConfig.sloganVerticalLayoutItem = JVIOSLayoutItem.ItemNumber; uiConfig.sloganVerticalLayoutItem = JVIOSLayoutItem.ItemNumber;
uiConfig.sloganTextColor = Colors.black.value; uiConfig.sloganTextColor = Colors.black.value;
uiConfig.sloganTextSize = 15; uiConfig.sloganTextSize = 15;
@ -201,12 +201,12 @@ class JverifyOneClickLoginManage {
uiConfig.logBtnWidth = double.parse('${1.sw - 20 * 2}').toInt(); uiConfig.logBtnWidth = double.parse('${1.sw - 20 * 2}').toInt();
uiConfig.logBtnHeight = 50; uiConfig.logBtnHeight = 50;
//uiConfig.logBtnOffsetX = isiOS ? 0 : null;//(screenWidth/2 - uiConfig.logBtnWidth/2).toInt(); //uiConfig.logBtnOffsetX = isiOS ? 0 : null;//(screenWidth/2 - uiConfig.logBtnWidth/2).toInt();
uiConfig.logBtnOffsetY = isiOS ? 140 : 330; uiConfig.logBtnOffsetY = isiOS ? 60 : 330;
uiConfig.logBtnVerticalLayoutItem = JVIOSLayoutItem.ItemNumber; uiConfig.logBtnVerticalLayoutItem = JVIOSLayoutItem.ItemNumber;
uiConfig.logBtnText = '一键登录'.tr; uiConfig.logBtnText = '一键登录'.tr;
uiConfig.logBtnTextColor = AppColors.mainColor.value; uiConfig.logBtnTextColor = AppColors.mainColor.value;
uiConfig.logBtnTextSize = 16; uiConfig.logBtnTextSize = 16;
uiConfig.logBtnBackgroundPath = ''; // uiConfig.logBtnBackgroundPath = 'log_btn_background';
// uiConfig.logBtnTextBold = true; // uiConfig.logBtnTextBold = true;
// uiConfig.loginBtnNormalImage = 'login_btn_normal'; //图片必须存在 // uiConfig.loginBtnNormalImage = 'login_btn_normal'; //图片必须存在
// uiConfig.loginBtnPressedImage = 'login_btn_press'; //图片必须存在 // uiConfig.loginBtnPressedImage = 'login_btn_press'; //图片必须存在
@ -216,12 +216,15 @@ class JverifyOneClickLoginManage {
true; //only android 设置隐私条款不选中时点击登录按钮默认显示toast。 true; //only android 设置隐私条款不选中时点击登录按钮默认显示toast。
uiConfig.privacyState = false; //设置默认勾选 uiConfig.privacyState = false; //设置默认勾选
uiConfig.privacyCheckboxSize = 20; uiConfig.privacyCheckboxSize = 22;
uiConfig.checkedImgPath = 'check'; //图片必须存在 if (isiOS) {
uiConfig.uncheckedImgPath = 'uncheck'; //图片必须存在 uiConfig.checkedImgPath = 'check'; //图片必须存在
uiConfig.uncheckedImgPath = 'uncheck'; //图片必须存在
}
uiConfig.privacyCheckboxInCenter = true; uiConfig.privacyCheckboxInCenter = true;
uiConfig.privacyCheckboxHidden = false; uiConfig.privacyCheckboxHidden = false;
uiConfig.isAlertPrivacyVc = true; uiConfig.isAlertPrivacyVc = false;
//uiConfig.privacyOffsetX = isiOS ? (20 + uiConfig.privacyCheckboxSize) : null; //uiConfig.privacyOffsetX = isiOS ? (20 + uiConfig.privacyCheckboxSize) : null;
uiConfig.privacyNavReturnBtnImage = 'icon_left_grey'; //图片必须存在; uiConfig.privacyNavReturnBtnImage = 'icon_left_grey'; //图片必须存在;
@ -264,69 +267,69 @@ class JverifyOneClickLoginManage {
uiConfig.privacyNavTitleTextSize = 16; uiConfig.privacyNavTitleTextSize = 16;
//协议二次弹窗内容设置 -Android //协议二次弹窗内容设置 -Android
final JVPrivacyCheckDialogConfig privacyCheckDialogConfig = // final JVPrivacyCheckDialogConfig privacyCheckDialogConfig =
JVPrivacyCheckDialogConfig(); // JVPrivacyCheckDialogConfig();
privacyCheckDialogConfig.width = 250; //协议⼆次弹窗本身的宽 // privacyCheckDialogConfig.width = 300; //协议⼆次弹窗本身的宽
privacyCheckDialogConfig.height = 100; //协议⼆次弹窗本身的⾼ // privacyCheckDialogConfig.height = 220; //协议⼆次弹窗本身的⾼
privacyCheckDialogConfig.title = '请阅读并同意一下条款'; //弹窗标题 // privacyCheckDialogConfig.privacyBackgroundColor = Colors.grey.value;
privacyCheckDialogConfig.offsetX = 0; // 窗口相对屏幕中心的x轴偏移量 // privacyCheckDialogConfig.title = '请阅读并同意一下条款'; //弹窗标题
privacyCheckDialogConfig.offsetY = 0; // 窗口相对屏幕中心的y轴偏移量 // privacyCheckDialogConfig.offsetX = 0; // 窗口相对屏幕中心的x轴偏移量
// privacyCheckDialogConfig.offsetY = 0; // 窗口相对屏幕中心的y轴偏移量
privacyCheckDialogConfig.logBtnText = '同意并登录'; //弹窗登录按钮 //
privacyCheckDialogConfig.titleTextSize = 24; // 弹窗标题字体大小 // privacyCheckDialogConfig.logBtnText = '同意并登录'; //弹窗登录按钮
privacyCheckDialogConfig.gravity = 'center'; //弹窗对齐方式 // privacyCheckDialogConfig.titleTextSize = 16; // 弹窗标题字体大小
privacyCheckDialogConfig.titleTextColor = Colors.black.value; // 弹窗标题字体颜色 // privacyCheckDialogConfig.gravity = 'center'; //弹窗对齐方式
privacyCheckDialogConfig.contentTextGravity = 'left'; //协议⼆次弹窗协议内容对⻬⽅式 // privacyCheckDialogConfig.titleTextColor = Colors.black.value; // 弹窗标题字体颜色
privacyCheckDialogConfig.contentTextSize = 16; //协议⼆次弹窗协议内容字体⼤⼩ // privacyCheckDialogConfig.contentTextGravity = 'left'; //协议⼆次弹窗协议内容对⻬⽅式
// privacyCheckDialogConfig.logBtnImgPath = "login_btn_normal";//协议⼆次弹窗登录按钮的背景图⽚ // privacyCheckDialogConfig.contentTextSize = 14; //协议⼆次弹窗协议内容字体⼤⼩
privacyCheckDialogConfig.logBtnTextColor = // privacyCheckDialogConfig.logBtnImgPath =
Colors.black.value; //协议⼆次弹窗登录按钮的字体颜⾊ // 'log_btn_background'; //协议⼆次弹窗登录按钮的背景图⽚
privacyCheckDialogConfig.logBtnMarginT = 20; //协议⼆次弹窗登录按钮上边距 // privacyCheckDialogConfig.logBtnTextColor =
privacyCheckDialogConfig.logBtnMarginB = 20; //协议⼆次弹窗登录按钮下边距 // Colors.black.value; //协议⼆次弹窗登录按钮的字体颜⾊
privacyCheckDialogConfig.logBtnMarginL = 40; //协议⼆次弹窗登录按钮左边距 // privacyCheckDialogConfig.logBtnMarginT = 40; //协议⼆次弹窗登录按钮上边距
privacyCheckDialogConfig.logBtnWidth = 140; //协议⼆次弹窗登录按钮宽 // privacyCheckDialogConfig.logBtnMarginB = 20; //协议⼆次弹窗登录按钮下边距
privacyCheckDialogConfig.logBtnHeight = 40; //协议⼆次弹窗登录按高 // privacyCheckDialogConfig.logBtnMarginL = 90; //协议⼆次弹窗登录按钮左边距
/// 添加自定义的 控件 到dialog // privacyCheckDialogConfig.logBtnWidth = 140; //协议⼆次弹窗登录按钮宽
final List<JVCustomWidget> dialogWidgetList = <JVCustomWidget>[]; // privacyCheckDialogConfig.logBtnHeight = 40; //协议⼆次弹窗登录按高
const String btnDialogWidgetid = 'jv_add_custom_dialog_button'; // 标识控件 id // /// 添加自定义的 控件 到dialog
final JVCustomWidget buttonDialogWidget = // final List<JVCustomWidget> dialogWidgetList = <JVCustomWidget>[];
JVCustomWidget(btnDialogWidgetid, JVCustomWidgetType.button); // const String btnDialogWidgetid = 'jv_add_custom_dialog_button'; // 标识控件 id
buttonDialogWidget.title = '取消'; // final JVCustomWidget buttonDialogWidget =
buttonDialogWidget.titleFont = 16; // JVCustomWidget(btnDialogWidgetid, JVCustomWidgetType.button);
buttonDialogWidget.left = 80; // buttonDialogWidget.title = '取消';
buttonDialogWidget.top = 180; // buttonDialogWidget.titleFont = 16;
buttonDialogWidget.width = 140; // buttonDialogWidget.left = 80;
buttonDialogWidget.height = 40; // buttonDialogWidget.top = 180;
buttonDialogWidget.textAlignment = JVTextAlignmentType.center; // buttonDialogWidget.width = 140;
buttonDialogWidget.titleColor = Colors.black.value; // buttonDialogWidget.height = 40;
// buttonDialogWidget.btnNormalImageName = "main_btn_other"; // buttonDialogWidget.textAlignment = JVTextAlignmentType.center;
// buttonDialogWidget.btnPressedImageName = "main_btn_other"; // buttonDialogWidget.titleColor = Colors.black.value;
// buttonDialogWidget.backgroundColor = Colors.yellow.value; // buttonDialogWidget.btnNormalImageName = "log_btn_background";
// buttonWidget.textAlignment = JVTextAlignmentType.left; // buttonDialogWidget.btnPressedImageName = "log_btn_background";
//
// 添加点击事件监听 // // 添加点击事件监听
jverify.addClikWidgetEventListener(btnDialogWidgetid, (eventId) { // jverify.addClikWidgetEventListener(btnDialogWidgetid, (eventId) {
print('receive listener - click dialog widget event :$eventId'); // print('receive listener - click dialog widget event :$eventId');
if (btnDialogWidgetid == eventId) { // if (btnDialogWidgetid == eventId) {
print('receive listener - 点击【新加 dialog button】'); // print('receive listener - 点击【新加 dialog button】');
} // }
}); // });
dialogWidgetList.add(buttonDialogWidget); // dialogWidgetList.add(buttonDialogWidget);
privacyCheckDialogConfig.widgets = dialogWidgetList; // privacyCheckDialogConfig.widgets = dialogWidgetList;
uiConfig.privacyCheckDialogConfig = privacyCheckDialogConfig; // uiConfig.privacyCheckDialogConfig = privacyCheckDialogConfig;
// iOS 二次弹窗添加取消按钮 // // iOS 二次弹窗添加取消按钮
uiConfig.isAlertPrivacyVc = true; // uiConfig.isAlertPrivacyVc = true;
uiConfig.agreementAlertViewWidgets = dialogWidgetList; // uiConfig.agreementAlertViewWidgets = dialogWidgetList;
uiConfig.agreementAlertViewLogBtnTextFontSize = 16; // uiConfig.agreementAlertViewLogBtnTextFontSize = 16;
uiConfig.agreementAlertViewTitleTexSize = 18; // uiConfig.agreementAlertViewTitleTexSize = 18;
uiConfig.agreementAlertViewContentTextFontSize = 14; // uiConfig.agreementAlertViewContentTextFontSize = 14;
final alertLeft = (screenWidth / 2 - 300 / 2).toInt(); // final alertLeft = (screenWidth / 2 - 300 / 2).toInt();
uiConfig.agreementAlertViewUIFrames = { // uiConfig.agreementAlertViewUIFrames = {
'superViewFrame': [alertLeft, 100, 300, 220], // 'superViewFrame': [alertLeft, 100, 300, 220],
'titleFrame': [20, 10, 260, 40], // 'titleFrame': [20, 10, 260, 40],
'contentFrame': [25, 70, 250, 120], // 'contentFrame': [25, 70, 250, 120],
'buttonFrame': [80, 142, 140, 40] // 'buttonFrame': [80, 142, 140, 40]
}; // };
/// 调用接口设置 UI /// 调用接口设置 UI
jverify.setCustomAuthorizationView(false, uiConfig, jverify.setCustomAuthorizationView(false, uiConfig,