自定义支付UI主题
运行机制
默认情况下,支付UI有两个主题可用:浅色和深色。如要在不使用定制器情况下在主题间切换,请在获取令牌时在settings.ui.theme
参数中传入default
或default_dark
。
要让支付UI与游戏设计相匹配,可创建自定义主题并配置以下特性:
- UI元素的颜色
- 字体大小
- UI元素边框宽度及圆角度
您可以默认为您在发布商帐户中的所有项目使用自定义主题。如要为某一个游戏使用其他主题,请在令牌中传入相关设置。
注意
令牌中传入的主题配置优先级高于发布商帐户中的设置。
在发布商帐户中配置自定义
注:
您可以在一个项目中创建自定义主题,然后在发布商帐户中为所有项目使用该主题。
- 在发布商帐户中打开您的项目,然后前往支付中心 > UI主题部分。
- 单击创建新主题。
- 单击铅笔图标更改主题名称。
- 要更改UI元素的颜色,请前往颜色选项卡。您可以更改平面、文字、控件以及状态通知中显示的颜色。
- 要配置字体大小,请前往版式选项卡。您可以通过相应字段更改以下UI元素的字体大小:
字段 | UI元素 |
---|---|
Title 1 | 支付状态页面上的标题。 |
Title 2 | 总金额值。 |
Title 3 | 版块标题(如用银行卡支付)。 |
Title 4 | 当前未使用。 |
正文L |
|
正文M |
|
副文本 |
|
小标题 | 当前未使用。 |
- 要配置UI元素的边框宽度和圆角度,请前往边框选项卡并进行更改。
注:
最大边框宽度 — 3 px。
最大圆角度 — 16 px。
最大圆角度 — 16 px。
- 要查看主题在移动版和桌面版支付UI上的效果,请在预览部分的相应选项卡间切换。
注意
预览模式下的按钮和链接不起实际作用。
- 要查看支付UI的不同状态,请在银行卡支付、支付方式和支付状态选项卡间切换。
- 单击发布。
- 要对发布商帐户中的所有项目应用该主题,请在打开的模态窗口中将设置为默认开关设置为开。此操作不会影响在令牌中传入主题的项目。
- 单击发布。
注意
主题发布后您可以随时返回进行编辑。在未将主题设置为默认主题或通过令牌设置启用的情况下,主题不会应用到支付UI。
在UI主题选项卡中,在某个主题区块单击•••可使用以下快捷操作:
- 自定义 — 打开定制器进行更改。
- 编辑 — 更改主题名称及将设置为默认开关设置为开或关。
- 复制 — 复制一个主题以基于它创建新主题。
- 删除主题。
在令牌中传入自定义UI主题设置
要对某一个游戏应用自定义设置,请在创建令牌时在settings.ui.theme
参数中传入所需的已发布自定义主题的ID。
可在此处找到主题ID:
- UI主题选项卡的全部主题列表中。
- 定制器中的主题名称下面。
注意
令牌中传入的主题配置优先级高于发布商帐户中的设置。
本文对您的有帮助吗?
感谢您的反馈!
我们会查看您的留言并运用它改进用户体验。为此页面评分
为此页面评分
不想回答
感谢您的反馈!
发现了错别字或其他内容错误? 请选择文本,然后按Ctrl+Enter。