From caa567850383b7c419e2d2ebd4aa8fb209964b5d Mon Sep 17 00:00:00 2001 From: haoxiuwen Date: Thu, 19 Sep 2024 10:35:50 +0800 Subject: [PATCH 1/3] Modify UIKit Page Name --- docs/.vuepress/sidebar/uikit.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/.vuepress/sidebar/uikit.ts b/docs/.vuepress/sidebar/uikit.ts index 371267b58..73dd4d4ae 100644 --- a/docs/.vuepress/sidebar/uikit.ts +++ b/docs/.vuepress/sidebar/uikit.ts @@ -58,7 +58,7 @@ const chatUikitSidebar = [ { text: '界面风格', collapsible: true, children: [ - { text: '会话列表页面', link: 'chatuikit_custom_contact_list.html' }, + { text: '会话列表页面', link: 'chatuikit_custom_conversation_list.html' }, { text: '聊天页面', link: 'chatuikit_custom_chat.html' }, { text: '联系人列表页面', link: 'chatuikit_custom_contact_list.html' }, { text: '联系人详情页面', link: 'chatuikit_custom_contact_details.html' }, From 9dbc8d55f9b379f498f454dc1870b4bb1b6169f4 Mon Sep 17 00:00:00 2001 From: haoxiuwen Date: Thu, 19 Sep 2024 10:42:25 +0800 Subject: [PATCH 2/3] modify --- docs/.vuepress/sidebar/uikit.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/.vuepress/sidebar/uikit.ts b/docs/.vuepress/sidebar/uikit.ts index 73dd4d4ae..42c4baee0 100644 --- a/docs/.vuepress/sidebar/uikit.ts +++ b/docs/.vuepress/sidebar/uikit.ts @@ -53,7 +53,6 @@ const chatUikitSidebar = [ collapsible: true, children: [ { text: '进阶用法', link: 'chatuikit_advancedusage.html' }, - { text: '可配项', link: 'chatuikit_config_item.html' }, { text: '主题', link: 'chatuikit_theme.html' }, { text: '界面风格', collapsible: true, @@ -63,6 +62,7 @@ const chatUikitSidebar = [ { text: '联系人列表页面', link: 'chatuikit_custom_contact_list.html' }, { text: '联系人详情页面', link: 'chatuikit_custom_contact_details.html' }, { text: '群详情页面', link: 'chatuikit_custom_group_details.html' }, + { text: '可配项', link: 'chatuikit_config_item.html' } ], }, { text: '事件监听', link: 'chatuikit_listener.html' }, From 8cbf5ce8320e28c30178243500406787f63c64ec Mon Sep 17 00:00:00 2001 From: haoxiuwen Date: Thu, 19 Sep 2024 11:14:14 +0800 Subject: [PATCH 3/3] Modify iOS UIKit Settings --- docs/.vuepress/sidebar/uikit.ts | 2 +- .../chatuikit/ios/chatuikit_config_item.md | 35 +++++++++++-------- 2 files changed, 22 insertions(+), 15 deletions(-) diff --git a/docs/.vuepress/sidebar/uikit.ts b/docs/.vuepress/sidebar/uikit.ts index 42c4baee0..af4933ccf 100644 --- a/docs/.vuepress/sidebar/uikit.ts +++ b/docs/.vuepress/sidebar/uikit.ts @@ -62,7 +62,7 @@ const chatUikitSidebar = [ { text: '联系人列表页面', link: 'chatuikit_custom_contact_list.html' }, { text: '联系人详情页面', link: 'chatuikit_custom_contact_details.html' }, { text: '群详情页面', link: 'chatuikit_custom_group_details.html' }, - { text: '可配项', link: 'chatuikit_config_item.html' } + { text: '通用可配项', link: 'chatuikit_config_item.html' } ], }, { text: '事件监听', link: 'chatuikit_listener.html' }, diff --git a/docs/uikit/chatuikit/ios/chatuikit_config_item.md b/docs/uikit/chatuikit/ios/chatuikit_config_item.md index 7e5056b20..a81e0e0a2 100644 --- a/docs/uikit/chatuikit/ios/chatuikit_config_item.md +++ b/docs/uikit/chatuikit/ios/chatuikit_config_item.md @@ -1,13 +1,13 @@ -# 可配项修改 +# 通用可配项 `Appearance.swift` 是容纳了所有可配项的类。这些可配项都有默认值，如果要修改某些配置项，需要在初始化对应 UI 控件之前修改其中的属性，配置项才生效。 -## 通用可配项 - 注意下述 `value` 为要设置的值，会改变对应配置项的 UI 样式或者数据源等。请查看[源码](https://github.com/easemob/chatuikit-ios)后使用。 +## 设置底部弹窗页面样式 + 1. `Appearance.pageContainerTitleBarItemWidth = value`：底部弹窗页面标题栏的宽度。若要配置，请在 Xcode 中的文件中搜索 `PageContainerTitleBar.swift`。 ![img](/images/uikit/chatuikit/ios/configurationitem/common/Appearance_pageContainerTitleBarItemWidth.png) @@ -16,31 +16,38 @@ ![img](/images/uikit/chatuikit/ios/configurationitem/common/Appearance_pageContainerConstraintsSize.png) -3. Alert 的样式： +## 设置 Alert 的样式 -- `Appearance.alertContainerConstraintsSize = value`：Alert 居中类型弹窗的宽度和高度。主要使用类在 Xcode 中查找到 `AlertController.swift` +1. `Appearance.alertContainerConstraintsSize = value`：Alert 居中类型弹窗的宽度和高度。主要使用类在 Xcode 中查找到 `AlertController.swift`。 -- `Appearance.alertStyle = value`：弹窗的圆角样式，即是大圆角还是小圆角。 +2. `Appearance.alertStyle = value`：弹窗的圆角样式，即是大圆角还是小圆角。 ![img](/images/uikit/chatuikit/ios/configurationitem/common/Appearance_alertContainerConstraintsSize.png) -4. `Appearance.primaryHue = value`：主色调，用于按钮、输入框等控件的背景色。 +## 设置页面色调 + +1. `Appearance.primaryHue = value`：主色调，用于按钮、输入框等控件的背景色。 + +2. `Appearance.secondaryHue = value`：辅色调，用于按钮、输入框等控件的背景色。 + +3. `Appearance.errorHue = value`：错误色调。 + +4. `Appearance.neutralHue = value`：中性色调。 -5. `Appearance.secondaryHue = value`：辅色调，用于按钮、输入框等控件的背景色。 +5. `Appearance.neutralSpecialHue = value`：中性特殊色调。 -6. `Appearance.errorHue = value`：错误色调。 +## 设置头像 -7. `Appearance.neutralHue = value`：中性色调。 +1. `Appearance.avatarRadius = value`：头像圆角，分为极小、小、中、大等四个等级。 -8. `Appearance.neutralSpecialHue = value`：中性特殊色调。 +2. `Appearance.avatarPlaceHolder = value` 头像占位图。 -9. `Appearance.avatarRadius = value`：头像圆角，分为极小、小、中、大等四个等级。 +## 设置 ActionSheet Cell 的行高 -10. `Appearance.actionSheetRowHeight = value`：ActionSheet Cell 的行高。 +`Appearance.actionSheetRowHeight = value`：ActionSheet Cell 的行高。 ![img](/images/uikit/chatuikit/ios/configurationitem/common/Appearance_actionSheetRowHeight.png) -11. `Appearance.avatarPlaceHolder = value` 头像占位图。