自定义外观
自定义外观
这个页面向您展示了如何自定义SDK UI。
在开始之前
在开始之前,你应该了解以下内容:
- 您只能自定义统一SDK界面中使用的一种颜色。
- 导航条的颜色不是由统一SDK设置的,而是继承自当前导航控制器或
UINavigationBar
单例。 - 您不能移动UI元素、删除UI的部分或添加新部分。
如果自定义UI元素对您很重要,可以考虑使用相关产品SDK API提供者来构建您自己的UI。看到闲谈,聊天,支持而且回答机器人提供者。
主题化是如何运作的
要更改统一SDK的主要颜色,只需设置CommonTheme.currentTheme.primaryColor
.这将改变整个SDK的色调颜色,使其看起来像应用程序的一部分。
SDK本身不支持黑暗模式。统一SDK UI的自定义是非常受限的,但以下属性可以设置为特定的颜色。
斯威夫特
//导入必要的组件
进口CommonUISDK
//设置样式
CommonTheme.currentTheme.primaryColor = .orange
//设置自定义导航条颜色
UINavigationBar.appearance()。barTintColor = .orange
objective - c
//导入必要的组件
#进口<CommonUISDK/CommonUISDK.h>
//设置样式
[ZDKCommonTheme currentTheme].primaryColor=[用户界面颜色orangeColor];
//设置自定义导航条颜色
[[UINavigationBar外观]setBarTintColor:用户界面颜色.orangeColor];
请注意:CommonTheme.currentTheme
singleton是所有Zendesk sdk之间的共享组件。亚博的primaryColor
将应用于依赖于CommonUISDK
框架,而不仅仅是统一SDK UI。
配置消息传递体验
的MessagingConfiguration
类允许您更改跨产品sdk共享的属性,例如用于来自机器人的消息的代理名称。
请注意:头像目前不显示在消息屏幕上。因此,将不会看到图像设置为botAvatar
.
斯威夫特
//导入必要的组件
进口MessagingSDK
/ /创建
let messagingConfiguration = messagingConfiguration ()
messagingConfiguration.name = "机器人名称"
//将它传递到SDK
let viewController = try!Messaging.instance。buildUI(引擎:引擎,配置:[messagingConfiguration])
objective - c
//导入必要的组件
#进口<MessagingSDK/MessagingSDK.h>
/ /创建
ZDKMessagingConfiguration*messagingConfiguration=[ZDKMessagingConfiguration新];
messagingConfiguration.的名字=@“CustomBot”;
//将它传递到SDK
NSError*错误=零;
ui*viewController=[[ZDKMessaging实例]buildUIWithEngines:引擎
配置:@[messagingConfiguration]
错误:&错误];
启用多行快速回复
在某些情况下,快速回复选项的数量可能会导致用户水平滚动选项(在聊天中选择一个部门)。启用isMultilineResponseOptionsEnabled
控件中显示的选项Flexbox-style布局。
斯威夫特
//导入必要的组件
进口MessagingSDK
let messagingConfiguration = messagingConfiguration ()
messagingConfiguration。isMultilineResponseOptionsEnabled = true
objective - c
//导入必要的组件
#进口<MessagingSDK/MessagingSDK.h>
ZDKMessagingConfiguration*messagingConfiguration=[[ZDKMessagingConfiguration alloc]初始化];
messagingConfiguration.isMultilineResponseOptionsEnabled=是的;