接入文档
APP接入
SDK集成
UI定制
UI定制

# UI定制

# 可定制的UI内容

可定制的内容主要包括:控件颜色、文案内容、文案颜色、文案字号、图片资源、语音资源等。请注意:目前炫彩活体不支持UI定制。下文将逐个页面说明哪些UI元素可以修改。

注:炫彩活体目前不支持UI定制。

1、 背景色可以更换,变量名称:livenessHomeBackgroundColor

2、 右上角关闭按钮资源可以更换,变量名称:liveness_home_closeicon

3、圆环部分背景色可以替换,变量名称:livenessHomeRingColor

4、进度条颜色可以更换,变量名称:livenessHomeProcessBarColor

5、验证失败后,进度条颜色可以更换,变量名称:livenessHomeValidationFailProcessBarColor

6、圆圈下的字体颜色、字体大小、文案内容可以更换,此字体一直保持居中状态,支持折行

文案字体颜色变量名:livenessHomePromptColor

文案字体大小变量名:livenessHomePromptSize

文案内容:

“请让我看到您的正脸”:livenessHomePromptFrontalFaceText

“验证中,请稍候”:livenessHomePromptWaitText

“人脸有效面积太小”:livenessHomePromptFaceEreaText

“请让光线再亮点”:livenessHomePromptBrighterText

“请让光线再暗点”:livenessHomePromptDarkerText

“请再靠近一些”:livenessHomePromptCloserText

“请离屏幕远一些”:livenessHomePromptFurtherText

“请避免侧光或背光”:livenessHomePromptNoBacklightingText

“请将正脸置于取景框内”:livenessHomePromptFrontalFaceInBoundingBoxText

“请勿遮挡眼睛”: livenessHomePromptNoEyesOcclusionText

“请勿遮挡嘴巴”: livenessHomePromptNoMouthOcclusionText

“很好,请保持不动”: livenessHomePromptStayStillText

“请向左或向右缓慢转头”: livenessHomePromptShakeHeadText

“请缓慢点头”: livenessHomePromptNodText

“请张嘴”: livenessHomePromptOpenMouthText

“请眨眼”: livenessHomePromptBlinkText

7、动作活体时语音资源可以替换:

“请眨眼”:liveness_blink

“请张嘴”:liveness_mouth_open

“请向左或向右缓慢转头”:liveness_shakehead

“请缓慢点头”:liveness_nod

“很好”:liveness_well_done

8、在loading过程中,loading效果素材可以更换;素材名称:liveness_home_loadingicon

9、退出弹层标题内容、标题文案字号、颜色可以更换:

字体颜色变量名:livenessExitTitlePromptColor
字体大小变量名:livenessExitTitlePromptSize

文案内容:

“确认退出吗”:livenessExitTitlePromptText

10、退出弹层的中的左右两个选项的文案内容、文案字号、颜色可以更换:

左项:

字体颜色变量名:livenessExitLeftPromptColor
字体大小变量名:livenessExitLeftPromptSize

文案内容:

“取消”:livenessExitLeftPromptText

右项:

字体颜色变量名:livenessExitRightPromptColor
字体大小变量名:livenessExitRightPromptSize

文案内容:

“确定”:livenessExitRightPromptText

11、图中动画内容可以替换:

眨眼动画:

     liveness_blink_eye_close

     liveness_blink_eye_open

张嘴动画:

      liveness_mouth_close

      liveness_mouth_open

点头动画:

      liveness_nod_down

      liveness_nod_up

摇头动画:

      liveness_shakehead_left

      liveness_shakehead_right
# 修改UI
  • Android

修改尺寸、颜色、文案内容:
在values文件夹下修改文字内容、尺寸、 颜色等参数。

替换图片资源:
替换drawable文件夹下存放图片资源,资源key值需要按照规定格式定义。

替换语音资源:
替换raw文件夹下的音频文件。

  • iOS

修改尺寸、颜色:
创建一个实例对象,该对象中包括所有可配置信息。用户在使用SDK的时候,传入该对象。使用该对象中的信息渲染所有UI细节。
如果用户不创建该对象或者不更改对象中的任何可配置信息,使用默认的UI效果。

修改文案内容:
在bundle/text/语言种类/MGFaceIDDetection.strings中,修改文案内容。

替换图片资源:
在bundle/image/语言种类 文件夹中,替换图片资源。

替换语音资源:
在bundle/audio/语言种类 文件夹中,替换语音资源。

该文档未解决您的疑问?查看常见问题