Skip to content

Commit

Permalink
Merge pull request #953 from haoxiuwen/doc-v2
Browse files Browse the repository at this point in the history
Modify UIKit Page Name
  • Loading branch information
haoxiuwen authored Sep 19, 2024
2 parents bb3f70b + 8cbf5ce commit cf2c64a
Show file tree
Hide file tree
Showing 2 changed files with 23 additions and 16 deletions.
4 changes: 2 additions & 2 deletions docs/.vuepress/sidebar/uikit.ts
Original file line number Diff line number Diff line change
Expand Up @@ -53,16 +53,16 @@ const chatUikitSidebar = [
collapsible: true,
children: [
{ text: '进阶用法', link: 'chatuikit_advancedusage.html' },
{ text: '可配项', link: 'chatuikit_config_item.html' },
{ text: '主题', link: 'chatuikit_theme.html' },
{ 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' },
{ text: '群详情页面', link: 'chatuikit_custom_group_details.html' },
{ text: '通用可配项', link: 'chatuikit_config_item.html' }
],
},
{ text: '事件监听', link: 'chatuikit_listener.html' },
Expand Down
35 changes: 21 additions & 14 deletions docs/uikit/chatuikit/ios/chatuikit_config_item.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
# 可配项修改
# 通用可配项

<Toc />

`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)
Expand All @@ -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` 头像占位图。



Expand Down

0 comments on commit cf2c64a

Please sign in to comment.