自定义外观

这个页面向您展示了如何自定义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/CommonUISDKh>//设置样式ZDKCommonTheme currentThemeprimaryColor用户界面颜色orangeColor//设置自定义导航条颜色UINavigationBar外观setBarTintColor用户界面颜色orangeColor

请注意:CommonTheme.currentThemesingleton是所有Zendesk sdk之间的共享组件。亚博的primaryColor将应用于依赖于CommonUISDK框架,而不仅仅是统一SDK UI。

配置消息传递体验

MessagingConfiguration类允许您更改跨产品sdk共享的属性,例如用于来自机器人的消息的代理名称。

请注意:头像目前不显示在消息屏幕上。因此,将不会看到图像设置为botAvatar

斯威夫特

             
//导入必要的组件进口MessagingSDK/ /创建let messagingConfiguration = messagingConfiguration ()messagingConfiguration.name = "机器人名称"//将它传递到SDKlet viewController = try!Messaging.instance。buildUI(引擎:引擎,配置:[messagingConfiguration])

objective - c

             
//导入必要的组件进口<MessagingSDK/MessagingSDKh>/ /创建ZDKMessagingConfigurationmessagingConfigurationZDKMessagingConfiguration新messagingConfiguration的名字@“CustomBot”//将它传递到SDKNSError错误uiviewControllerZDKMessaging实例buildUIWithEngines引擎配置@messagingConfiguration错误错误

启用多行快速回复

在某些情况下,快速回复选项的数量可能会导致用户水平滚动选项(在聊天中选择一个部门)。启用isMultilineResponseOptionsEnabled控件中显示的选项Flexbox-style布局。

斯威夫特

             
//导入必要的组件进口MessagingSDKlet messagingConfiguration = messagingConfiguration ()messagingConfiguration。isMultilineResponseOptionsEnabled = true

objective - c

             
//导入必要的组件进口<MessagingSDK/MessagingSDKh>ZDKMessagingConfigurationmessagingConfigurationZDKMessagingConfiguration alloc初始化messagingConfigurationisMultilineResponseOptionsEnabled是的