diff --git a/docs/.vitepress/config.mts b/docs/.vitepress/config.mts index 2fa227c6..97bead6e 100644 --- a/docs/.vitepress/config.mts +++ b/docs/.vitepress/config.mts @@ -49,7 +49,25 @@ export default defineConfig({ collapsed: true, items: [ { text: 'UIAvatar', link: '/UIAvatar' }, - { text: 'UILoginForm', link: '/UILoginForm' } + { text: 'UIBattery', link: '/UIBattery' }, + { text: 'UIBreadcrumb', link: '/UIBreadcrumb' }, + { text: 'UIButton', link: '/UIButton' }, + { text: 'UICheckBox', link: '/UICheckBox' }, + { text: 'UICheckBoxGroup', link: '/UICheckBoxGroup' }, + { text: 'UIGroupBox', link: '/UIGroupBox' }, + { text: 'UILabel', link: '/UILabel' }, + { text: 'UILedDisplay', link: '/UILedDisplay' }, + { text: 'UILedLabel', link: '/UILedLabel' }, + { text: 'UILedStopwatch', link: '/UILedStopwatch' }, + { text: 'UILinkLabel', link: '/UILinkLabel' }, + { text: 'UIMarkLabel', link: '/UIMarkLabel' }, + { text: 'UIPanel', link: '/UIPanel' }, + { text: 'UIRadioButton', link: '/UIRadioButton' }, + { text: 'UIRadioButtonGroup', link: '/UIRadioButtonGroup' }, + { text: 'UISwitch', link: '/UISwitch' }, + { text: 'UISymbolButton', link: '/UISymbolButton' }, + { text: 'UISymbolLabel', link: '/UISymbolLabel' }, + { text: 'UITitlePanel', link: '/UITitlePanel' } ] }, { diff --git a/docs/UIAvatar.md b/docs/UIAvatar.md index f438094c..2118e2ad 100644 --- a/docs/UIAvatar.md +++ b/docs/UIAvatar.md @@ -1,3 +1,5 @@ +# UIAvatar +--- - **UIAvatar** 头像 @@ -24,29 +26,32 @@ | TagString | 获取或设置包含有关控件的数据的对象字符串 | string | - | | Version | 版本 | string | - | -- 字体图标 -![输入图片说明](https://images.gitee.com/uploads/images/2021/0416/232533_5e3bba9d_416720.png "屏幕截图.png") - 设置Symbol属性 -![输入图片说明](https://images.gitee.com/uploads/images/2021/0127/213545_4603d7c9_416720.png "11.png") -点击Symbol右侧的按钮: -![输入图片说明](https://images.gitee.com/uploads/images/2021/0127/213636_ee4259fe_416720.png "12.png") - [[原创][开源] SunnyUI.Net 字体图标 ](https://www.cnblogs.com/yhuse/p/SunnyUI_FontImage.html)https://www.cnblogs.com/yhuse/p/SunnyUI_FontImage.html
+- 字体图标 + ![输入图片说明](./assets/232533_5e3bba9d_416720.png) -- 主题风格 - **主题** https://gitee.com/yhuse/SunnyUI/wikis/pages?sort_id=3739705&doc_id=1022550
+ + +- Symbol:字体图标(int) + SymbolSize:字体图标的大小(int) + ![enter image description here](./assets/164128_b3ef97c6_416720.png) + + 点击Symbol右侧的按钮: + ![输入图片说明](./assets/04b7d3ee_416720.png) + + 鼠标移到图标上,显示的数字为Symbol字符,点击图标即可设置图标。 + + + +- 显示方式 + 设置Icon属性 + 显示方式:图片(Image)、字体图标(Symbol)、文字(Text) + ![输入图片说明](./assets/232638_fd30df5f_416720.png) -- 主题设置 - 设置Style属性调用系统自带主题,如果需要自定义颜色,就是更改颜色属性后,把控件的Style设置为Custom,StyleCustomMode设置为True - StyleCustomMode就是接受用户自定义颜色的意思。 - -- 显示方式 - 设置Icon属性 - 显示方式:图片(Image)、字体图标(Symbol)、文字(Text) -![输入图片说明](https://images.gitee.com/uploads/images/2021/0416/232638_fd30df5f_416720.png "屏幕截图.png") - -- 显示形状 - 设置Shape属性 - 圆形(Circle): -![输入图片说明](https://images.gitee.com/uploads/images/2021/0416/232755_71dc172b_416720.png "屏幕截图.png") - 方形(Square): -![输入图片说明](https://images.gitee.com/uploads/images/2021/0416/232813_0ae7f901_416720.png "屏幕截图.png") \ No newline at end of file + + +- 显示形状 + 设置Shape属性 + 圆形(Circle): + ![输入图片说明](./assets/232755_71dc172b_416720.png) + 方形(Square): + ![输入图片说明](./assets/232813_0ae7f901_416720.png) \ No newline at end of file diff --git a/docs/UIBattery.md b/docs/UIBattery.md new file mode 100644 index 00000000..530a7423 --- /dev/null +++ b/docs/UIBattery.md @@ -0,0 +1,37 @@ +# UIBattery +--- +- **UIBattery** +电池电量图标 + +- 默认属性:Power +- 默认事件:- +- 属性列表 + +| 属性 | 说明 | 类型 | 默认值 | +|-----------|--------|--------|-------| +| Style | 主题样式 | UIStyle | Blue | +| StyleCustomMode | 获取或设置可以自定义主题风格 | bool | false | +| Power | 电量 | int | 100| +| ForeColor | 默认电量颜色 | Color | - | +| MultiColor | 根据电量显示多种颜色| bool| true| +| ColorEmpty| 电量为空颜色 | Color | - | +| ColorDanger|电量少时颜色 | Color | - | +| ColorSafe| 电量安全颜色 | Color | - | +| FillColor | 填充颜色 | Color | - | +| SymbolSize| 图标大小 | int | 45 | +| TagString | 获取或设置包含有关控件的数据的对象字符串 | string | - | +| Version | 版本 | string | - | + + + +- 默认电量颜色 + MultiColor设置为false时,显示同一色 + ![输入图片说明](./assets/092842_9c0a202e_416720.png) + + + +- 多种电量颜色 + MultiColor设置为true时,根据电量显示多种颜色 + ![输入图片说明](./assets/093235_dd7f180f_416720.png) + 依次为:电量为空颜色,电量少时颜色,电量安全颜色,电量安全颜色,电量安全颜色 + diff --git a/docs/UIBreadcrumb.md b/docs/UIBreadcrumb.md new file mode 100644 index 00000000..7df91768 --- /dev/null +++ b/docs/UIBreadcrumb.md @@ -0,0 +1,27 @@ +# UIBreadcrumb +--- +- **UIBreadcrumb** +面包屑导航条。 + +- 默认属性:ItemIndex +- 默认事件:ItemIndexChanged +- 属性列表 + +| 属性 | 说明 | 类型 | 默认值 | +|-----------|--------|--------|-------| +| Style | 主题样式 | UIStyle | Blue | +| StyleCustomMode | 获取或设置可以自定义主题风格 | bool | false | +| Items |列表项 | ObjectCollection | - | +| ItemIndex |当前节点索引 | int|0 | +| ItemWidth|当前节点宽度索引 | int|120 | +| Interval|节点间隔 | int|1| +| ForeColor | 字体颜色 | Color | - | +| SelectedColor| 已选节点颜色 | Color | - | +| UnSelectedColor| 未选节点颜色 | Color | - | +| TagString | 获取或设置包含有关控件的数据的对象字符串 | string | - | +| Version | 版本 | string | - | + + + +- 示例 + ![输入图片说明](./assets/134446_6fedb531_416720.png) \ No newline at end of file diff --git a/docs/UIButton.md b/docs/UIButton.md new file mode 100644 index 00000000..4eb911a8 --- /dev/null +++ b/docs/UIButton.md @@ -0,0 +1,49 @@ +# UIButton +--- +- **UIButton** +常用的操作按钮。 + +- 默认属性:Text +- 默认事件:Click +- 属性列表 + +| 属性 | 说明 | 类型 | 默认值 | +|-----------|--------|--------|-------| +| Style | 主题样式 | UIStyle | Blue | +| StyleCustomMode | 获取或设置可以自定义主题风格 | bool | false | +| Text |获取或设置显示的文本 | string | - | +| RadiusSides | 圆角显示位置 | UICornerRadiusSides | All | +| Radius | 圆角角度 | int | 5 | +| RectSides | 边框显示位置 | ToolStripStatusLabelBorderSides | All | +| TextAlign | 文字对齐方向 | ContentAlignment | MiddleCenter | +| Selected | 是否选中 | bool | false | +| FillColor | 填充颜色 | Color | - | +| RectColor | 边框颜色 | Color | - | +| ForeColor | 字体颜色 | Color | - | +| FillDisableColor | 不可用时填充颜色 | Color | - | +| RectDisableColor | 不可用时边框颜色 | Color | - | +| ForeDisableColor | 不可用时字体颜色 | Color | - | +| FillHoverColor | 鼠标移上时填充颜色 | Color | - | +| RectHoverColor | 鼠标移上时边框颜色 | Color | - | +| ForeHoverColor | 鼠标移上时字体颜色 | Color | - | +| FillPressColor | 鼠标按下时填充颜色 | Color | - | +| RectPressColor | 鼠标按下时边框颜色 | Color | - | +| ForePressColor | 鼠标按下时字体颜色 | Color | - | +| FillSelectedColor | 选中时填充颜色 | Color | - | +| ForeSelectedColor | 选中时字体颜色 | Color | - | +| RectSelectedColor | 选中时边框颜色 | Color | - | +| DialogResult | 指定标识符以指示对话框的返回值 | DialogResult | None | +| ShowFocusLine | 显示激活时边框线 | bool | false | +| ShowTips | 是否显示角标 | bool | false | +| TipsText | 角标文字 | string | - | +| TipsFont | 角标文字字体 | Font | - | +| TipsColor | 角标文字颜色 | Color | Red | +| TagString | 获取或设置包含有关控件的数据的对象字符串 | string | - | +| Version | 版本 | string | - | +| UseDoubleClick | 是否启用双击事件 | bool |false | + + + +- 圆角按钮 + ![输入图片说明](./assets/b78a4d3d_416720.png) + 设置Radius和高度一样,例如Size:100,35 Radius:35 diff --git a/docs/UICheckBox.md b/docs/UICheckBox.md new file mode 100644 index 00000000..a44017d0 --- /dev/null +++ b/docs/UICheckBox.md @@ -0,0 +1,40 @@ +# UICheckBox +--- +- **UICheckBox** +复选框。 + +- 默认属性:Checked +- 默认事件:CheckedChanged +- 属性列表 + +| 属性 | 说明 | 类型 | 默认值 | +|-----------|--------|--------|-------| +| Style | 主题样式 | UIStyle | Blue | +| StyleCustomMode | 获取或设置可以自定义主题风格 | bool | false | +| Checked|是否选中 | bool| false| +| Text |获取或设置显示的文本 | string | - | +| AutoSize|自动大小 | bool| true | +| ImageSize|图标大小 | int| 16 | +| ImageInterval|图标与文字之间间隔| int| 3 | +| ReadOnly|是否只读| bool| false | +| ForeColor | 字体颜色 | Color | - | +| CheckBoxColor| 填充颜色 | Color | - | +| TagString | 获取或设置包含有关控件的数据的对象字符串 | string | - | +| Version | 版本 | string | - | + + + +- 事件 + CheckedChanged + public event EventHandler CheckedChanged; + 参数sender:当前控件 + + ValueChanged + public delegate void OnValueChanged(object sender, bool value); + 参数sender:当前控件 + 参数value:选中值,Checked + + + +- 示例 + ![输入图片说明](./assets/142324_0224b4ba_416720.png) \ No newline at end of file diff --git a/docs/UICheckBoxGroup.md b/docs/UICheckBoxGroup.md new file mode 100644 index 00000000..8d5743b8 --- /dev/null +++ b/docs/UICheckBoxGroup.md @@ -0,0 +1,67 @@ +# UICheckBoxGroup +--- +- **UICheckBoxGroup** +多选框组。 + +- 默认属性:Items +- 默认事件:ValueChanged +- 属性列表 + +| 属性 | 说明 | 类型 | 默认值 | +|-----------|--------|--------|-------| +| Style | 主题样式 | UIStyle | Blue | +| StyleCustomMode | 获取或设置可以自定义主题风格 | bool | false | +| Items |获取该多选框组中项的集合| ObjectCollection | - | +| Text |获取或设置显示的文本 | string | - | +| ColumnCount | 显示列的个数 | int | 1 | +| ColumnInterval | 显示项列之间的间隔 | int | 0 | +| RowInterval | 显示项行之间的间隔 | int | 0 | +| ItemSize | 显示项的大小 | Size | 150, 30 | +| StartPos | 显示项的起始位置 | Point | 12, 12 | +| TitleTop | 标题高度 | int | 16 | +| TitleInterval | 标题显示间隔| int | 10 | +| TitleAlignment | 文字显示位置| HorizontalAlignment | Left | +| RadiusSides | 圆角显示位置 | UICornerRadiusSides | All | +| Radius | 圆角角度 | int | 5 | +| RectSides | 边框显示位置 | ToolStripStatusLabelBorderSides | All | +| TextAlign | 文字对齐方向 | ContentAlignment | MiddleCenter | +| FillColor | 填充颜色 | Color | - | +| RectColor | 边框颜色 | Color | - | +| ForeColor | 字体颜色 | Color | - | +| FillDisableColor | 不可用时填充颜色 | Color | - | +| RectDisableColor | 不可用时边框颜色 | Color | - | +| ForeDisableColor | 不可用时字体颜色 | Color | - | +| TagString | 获取或设置包含有关控件的数据的对象字符串 | string | - | +| Version | 版本 | string | - | + + + +- 事件 + ValueChanged + public delegate void OnValueChanged(object sender, int index, string text, bool isChecked); + + 参数sender:当前控件 + 参数index:选中索引,SelectedIndex + 参数text:选中项的文本 + 参数isChecked:选中项是否选中 + + + +- 增加编辑项 + 选择控件属性Items,点击打开,在其中增加编辑项 + + + +- 多列显示 + 设置ColumnCount=2,显示两列 + ![输入图片说明](./assets/153157_f15c5d08_416720.png) + + + +- 函数方法 + 全选: SelectAll(); + 全不选: UnSelectAll() ; + 反选: ReverseSelected(); + 清空: Clear(); + 选中索引列表:SelectedIndexes + 选中项列表:SelectedItems \ No newline at end of file diff --git a/docs/UIForm.md b/docs/UIForm.md index 2ccdedfb..01c27f23 100644 --- a/docs/UIForm.md +++ b/docs/UIForm.md @@ -42,38 +42,39 @@ | Version | 版本 | string | - | | TagString | 获取或设置包含有关控件的数据的对象字符串 | string | - | -- 主题风格 - [主题](/theme) -- 主题设置 - 设置Style属性调用系统自带主题,如果需要自定义颜色,就是更改颜色属性后,把控件的Style设置为Custom,StyleCustomMode设置为True - StyleCustomMode就是接受用户自定义颜色的意思。 - 创建窗体 - 项目引用SunnyUI.dll和SunnyUI.Common.dll,或者从Nuget引用SunnyUI。 - 详见[安装](/install) + 项目引用SunnyUI.dll和SunnyUI.Common.dll,或者从Nuget引用SunnyUI。 + 详见[安装](/install) + + - 新建窗体: ![输入图片说明](./assets/225716_b52454e1_416720.png) - + 修改:把Form修改成UIForm,并且 using Sunny.UI; ![输入图片说明](./assets/225813_5afb8ba9_416720.png) - + 这时切换到窗体,窗体已经变为UIForm: ![输入图片说明](./assets/28063ee9_416720.png) - + **下一步的操作非常重要:** 把窗体的AutoScaleMode从Font设置为None,否则可能出现因为屏幕分辨率而导致的窗体变形。 ![输入图片说明](./assets/230113_bf629fd4_416720.png) - + - + - 拖拽调整窗体大小 - ShowDragStretch 设置为true,显示边框可拖拽调整窗体大小。 + ShowDragStretch 设置为true,显示边框可拖拽调整窗体大小。 + + - 显示任务栏图标 设置Icon,将ShowIcon设置为true,再打开ShowTitleIcon可显示窗体标题栏图标。 -- 显示标题栏扩展按钮 + + +- 显示标题栏扩展按钮 ExtendBox设置为true,可在标题栏现有按钮最小化按钮的左边显示一个扩展按钮。 扩展按钮的图标设置ExtendSymbol。ExtendMenu为扩展按钮点击的下拉菜单。 diff --git a/docs/UIGroupBox.md b/docs/UIGroupBox.md new file mode 100644 index 00000000..d973c5d4 --- /dev/null +++ b/docs/UIGroupBox.md @@ -0,0 +1,34 @@ +# UIGroupBox +--- +- **UIGroupBox** +组框。 + +- 默认属性:Text +- 默认事件: +- 属性列表 + +| 属性 | 说明 | 类型 | 默认值 | +|-----------|--------|--------|-------| +| Style | 主题样式 | UIStyle | Blue | +| StyleCustomMode | 获取或设置可以自定义主题风格 | bool | false | +| Text |获取或设置显示的文本 | string | - | +| TitleTop | 标题高度 | int | 16 | +| TitleInterval | 标题显示间隔| int | 10 | +| TitleAlignment | 文字显示位置| HorizontalAlignment | Left | +| RadiusSides | 圆角显示位置 | UICornerRadiusSides | All | +| Radius | 圆角角度 | int | 5 | +| RectSides | 边框显示位置 | ToolStripStatusLabelBorderSides | All | +| TextAlign | 文字对齐方向 | ContentAlignment | MiddleCenter | +| FillColor | 填充颜色 | Color | - | +| RectColor | 边框颜色 | Color | - | +| ForeColor | 字体颜色 | Color | - | +| FillDisableColor | 不可用时填充颜色 | Color | - | +| RectDisableColor | 不可用时边框颜色 | Color | - | +| ForeDisableColor | 不可用时字体颜色 | Color | - | +| TagString | 获取或设置包含有关控件的数据的对象字符串 | string | - | +| Version | 版本 | string | - | + + + +- 示例 + ![输入图片说明](./assets/150025_5481ef83_416720.png) diff --git a/docs/UILabel.md b/docs/UILabel.md new file mode 100644 index 00000000..c85bc626 --- /dev/null +++ b/docs/UILabel.md @@ -0,0 +1,22 @@ +# UILabel +--- +- **UILabel** +标签。 + +- 默认属性:Text +- 默认事件:Click +- 属性列表 + +| 属性 | 说明 | 类型 | 默认值 | +|-----------|--------|--------|-------| +| Style | 主题样式 | UIStyle | Blue | +| StyleCustomMode | 获取或设置可以自定义主题风格 | bool | false | +| Text |获取或设置显示的文本 | string | - | +| ForeColor | 字体颜色 | Color | - | +| TagString | 获取或设置包含有关控件的数据的对象字符串 | string | - | +| Version | 版本 | string | - | + + + +- 示例 + ![输入图片说明](./assets/220321_fa55106f_416720.png) \ No newline at end of file diff --git a/docs/UILedDisplay.md b/docs/UILedDisplay.md new file mode 100644 index 00000000..d7cb55c2 --- /dev/null +++ b/docs/UILedDisplay.md @@ -0,0 +1,35 @@ +# UILedDisplay +--- +- **UILedDisplay** LED显示屏。 + **注:仅支持英文、数字、标点符号、希腊字母,不支持中文** + +- 默认属性:Text +- 默认事件:- +- 属性列表 + +| 属性 | 说明 | 类型 | 默认值 | +|-----------|--------|--------|-------| +| Text |获取或设置显示的文本 | string | - | +| CharCount| 显示字符个数 | int | 10 | +| BorderColor | 边框颜色 | Color | - | +| BorderInColor | 内线颜色 | Color | - | +| LedBackColor | LED背景色 | Color | - | +| BorderWidth| 边框宽度 | int | 1 | +| BorderInWidth| 内线宽度 | int | 1 | +| IntervalIn | LED亮块间距 | int | 1 | +| IntervalOn | LED亮块大小 | int | 2 | +| IntervalH | 左右边距 | int | 2 | +| IntervalV | 上下边距 | int | 5 | +| TagString | 获取或设置包含有关控件的数据的对象字符串 | string | - | +| Version | 版本 | string | - | + + + +- 控件宽度 + 因为本控件模拟的时一个LED点阵显示屏,LED点阵显示屏宽度由可显示字符个数决定。 + 所以需要调整控件的宽度,不是设置Width属性,而是设置CharCount属性。 + + + +- 示例 + ![输入图片说明](./assets/094934_cd27df88_416720.png) \ No newline at end of file diff --git a/docs/UILedLabel.md b/docs/UILedLabel.md new file mode 100644 index 00000000..406d66ce --- /dev/null +++ b/docs/UILedLabel.md @@ -0,0 +1,25 @@ +# UILedLabel +--- +- **UILedLabel** LED标签。 + **注:仅支持英文、数字、标点符号、希腊字母,不支持中文** + +- 默认属性:Text +- 默认事件:Click +- 属性列表 + +| 属性 | 说明 | 类型 | 默认值 | +|-----------|--------|--------|-------| +| Style | 主题样式 | UIStyle | Blue | +| StyleCustomMode | 获取或设置可以自定义主题风格 | bool | false | +| Text |获取或设置显示的文本 | string | - | +| BackColor | 背景颜色 | Color | - | +| ForeColor | 字体颜色 | Color | - | +| IntervalIn | LED亮块间距 | int | 1 | +| IntervalOn | LED亮块大小 | int | 2 | +| TagString | 获取或设置包含有关控件的数据的对象字符串 | string | - | +| Version | 版本 | string | - | + + + +- 示例 + ![输入图片说明](./assets/215716_1239d541_416720.png) \ No newline at end of file diff --git a/docs/UILedStopwatch.md b/docs/UILedStopwatch.md new file mode 100644 index 00000000..a5f2f6e2 --- /dev/null +++ b/docs/UILedStopwatch.md @@ -0,0 +1,44 @@ +# UILedStopwatch +--- +- **UILedStopwatch** +LED计时器。 + +- 默认属性:Text +- 默认事件:TimerTick +- 属性列表 + +| 属性 | 说明 | 类型 | 默认值 | +|-----------|--------|--------|-------| +| Text |获取或设置显示的文本 | string | - | +| CharCount| 显示字符个数 | int | 10 | +| ShowType| 显示方式 | TimeShowType| -| +| Active| 是否开始工作 | bool| false | +| BorderColor | 边框颜色 | Color | - | +| BorderInColor | 内线颜色 | Color | - | +| LedBackColor | LED背景色 | Color | - | +| BorderWidth| 边框宽度 | int | 1 | +| BorderInWidth| 内线宽度 | int | 1 | +| IntervalIn | LED亮块间距 | int | 1 | +| IntervalOn | LED亮块大小 | int | 2 | +| IntervalH | 左右边距 | int | 2 | +| IntervalV | 上下边距 | int | 5 | +| TagString | 获取或设置包含有关控件的数据的对象字符串 | string | - | +| Version | 版本 | string | - | +| TimeSpan| 开始计时后用去的时间| TimeSpan| - | +| IsWorking| 是否开始工作| bool| false | + + + +- 控件宽度 + 因为本控件模拟的时一个LED点阵显示屏,LED点阵显示屏宽度由可显示字符个数决定。 + 所以需要调整控件的宽度,不是设置Width属性,而是设置CharCount属性。 + + + +- 事件 + TimerTick:当定时器启动后,Text变化时触发一次 + + + +- 示例 + ![输入图片说明](./assets/100744_1b3a73c1_416720.png) \ No newline at end of file diff --git a/docs/UILinkLabel.md b/docs/UILinkLabel.md new file mode 100644 index 00000000..28aa4511 --- /dev/null +++ b/docs/UILinkLabel.md @@ -0,0 +1,25 @@ +# UILinkLabel +--- +- **UILinkLabel** +表示可显示超链接的标签控件。 + +- 默认属性:Text +- 默认事件:Click +- 属性列表 + +| 属性 | 说明 | 类型 | 默认值 | +|-----------|--------|--------|-------| +| Style | 主题样式 | UIStyle | Blue | +| StyleCustomMode | 获取或设置可以自定义主题风格 | bool | false | +| Text |获取或设置显示的文本 | string | - | +| ForeColor | 字体颜色 | Color | - | +| ActiveLinkColor | 获取或设置用来显示活动链接的颜色。 | Color | - | +| LinkColor | 获取或设置显示普通链接时使用的颜色。 | Color | - | +| VisitedLinkColor | 获取或设置当显示以前访问过的链接时所使用的颜色。 | Color | - | +| TagString | 获取或设置包含有关控件的数据的对象字符串 | string | - | +| Version | 版本 | string | - | + + + +- 示例 + ![输入图片说明](./assets/220423_22aa1962_416720.png) \ No newline at end of file diff --git a/docs/UILoginForm.md b/docs/UILoginForm.md index eb4efbb8..e83cbed3 100644 --- a/docs/UILoginForm.md +++ b/docs/UILoginForm.md @@ -20,39 +20,40 @@ | Version | 版本 | string | - | | TagString | 获取或设置包含有关控件的数据的对象字符串 | string | - | + + - 事件 ButtonLoginClick:确定按钮点击事件,有此事件时不执行OnLogin。需要手动给IsLogin赋值。 ButtonCancelClick:取消按钮点击事件。 OnLogin:登录事件。ButtonLoginClick为空时才执行此时间,返回值为IsLogin。 -- 主题风格 - [主题](/theme) + -- 主题设置 - 设置Style属性调用系统自带主题,如果需要自定义颜色,就是更改颜色属性后,把控件的Style设置为Custom,StyleCustomMode设置为True - StyleCustomMode就是接受用户自定义颜色的意思。 - -- 创建窗体 - 项目引用SunnyUI.dll和SunnyUI.Common.dll,或者从Nuget引用SunnyUI。 - 详见[安装](/install) +- 创建窗体 + 项目引用SunnyUI.dll和SunnyUI.Common.dll,或者从Nuget引用SunnyUI。详见[安装](/install) 创建窗体:参考[UIForm](/UIForm)创建窗体 切记把窗体的AutoScaleMode从Font设置为None,否则可能出现因为屏幕分辨率而导致的窗体变形。 + + - 为什么继承的窗体,上面有小锁,能解开吗,还有就是继承的窗体,有些控件属性都设置不了,怎么办? 首先得了解窗体继承的概念,和类的继承是差不多的,窗体上有小锁的其实就是类似于类继承中父类的某个Private属性 为了保证继承窗体的UI设计,上面的某些控件是不让修改和移动的,所以有锁。 在使用时,父窗体一般都将其所用的控件的属性和事件进行了封装,可以正常使用。 举例: ![输入图片说明](./assets/011a9a81_416720.png) + + - 继承的登录窗体的登录按钮有锁,但其点击事件已封装到父类的事件。 需要选中窗体,查看其事件: ![输入图片说明](./assets/105850_f7800c4b_416720.png) + - - + - 通过代码创建 也可以不用创建窗体,直接通过代码创建,来实现登录过程 + ```c# UILoginForm frm = new UILoginForm(); frm.ShowInTaskbar = true; diff --git a/docs/UIMarkLabel.md b/docs/UIMarkLabel.md new file mode 100644 index 00000000..5656e6ec --- /dev/null +++ b/docs/UIMarkLabel.md @@ -0,0 +1,27 @@ +# UIMarkLabel +--- +- **UIMarkLabel** +带颜色标签。 + +- 默认属性:Text +- 默认事件:Click +- 属性列表 + +| 属性 | 说明 | 类型 | 默认值 | +|-----------|--------|--------|-------| +| Style | 主题样式 | UIStyle | Blue | +| StyleCustomMode | 获取或设置可以自定义主题风格 | bool | false | +| Text |获取或设置显示的文本 | string | - | +| AutoSize| 自动大小 | bool | true | +| ForeColor | 字体颜色 | Color | - | +| MarkSize | 标签大小 | int | 3 | +| MarkPos | 标签位置 | UIMarkPos | Left | +| MarkColor | 标签颜色 | Color | - | +| TagString | 获取或设置包含有关控件的数据的对象字符串 | string | - | +| Version | 版本 | string | - | + + + +- 标签位置 + 标签有四个显示位置,左、右、下、上,见下图: + ![输入图片说明](./assets/214220_cbd9f247_416720.png) \ No newline at end of file diff --git a/docs/UIPanel.md b/docs/UIPanel.md new file mode 100644 index 00000000..fb8aa477 --- /dev/null +++ b/docs/UIPanel.md @@ -0,0 +1,32 @@ +# UIPanel +--- +- **UIPanel** +面板。 + +- 默认属性:Text +- 默认事件:Click +- 属性列表 + +| 属性 | 说明 | 类型 | 默认值 | +|-----------|--------|--------|-------| +| Style | 主题样式 | UIStyle | Blue | +| StyleCustomMode | 获取或设置可以自定义主题风格 | bool | false | +| Text |获取或设置显示的文本 | string | - | +| TextAlignment |文字对齐方向 | ContentAlignment | MiddleCenter | +| RadiusSides | 圆角显示位置 | UICornerRadiusSides | All | +| Radius | 圆角角度 | int | 5 | +| RectSides | 边框显示位置 | ToolStripStatusLabelBorderSides | All | +| TextAlign | 文字对齐方向 | ContentAlignment | MiddleCenter | +| FillColor | 填充颜色 | Color | - | +| RectColor | 边框颜色 | Color | - | +| ForeColor | 字体颜色 | Color | - | +| FillDisableColor | 不可用时填充颜色 | Color | - | +| RectDisableColor | 不可用时边框颜色 | Color | - | +| ForeDisableColor | 不可用时字体颜色 | Color | - | +| TagString | 获取或设置包含有关控件的数据的对象字符串 | string | - | +| Version | 版本 | string | - | + + + +- 示例 + ![输入图片说明](./assets/144220_8ad058b3_416720.png) diff --git a/docs/UIRadioButton.md b/docs/UIRadioButton.md new file mode 100644 index 00000000..b818fa32 --- /dev/null +++ b/docs/UIRadioButton.md @@ -0,0 +1,47 @@ +# UIRadioButton +--- +- **UIRadioButton** +单选框。 + +- 默认属性:Checked +- 默认事件:CheckedChanged +- 属性列表 + +| 属性 | 说明 | 类型 | 默认值 | +|-----------|--------|--------|-------| +| Style | 主题样式 | UIStyle | Blue | +| StyleCustomMode | 获取或设置可以自定义主题风格 | bool | false | +| Checked|是否选中 | bool| false| +| Text |获取或设置显示的文本 | string | - | +| GroupIndex|分组编号 | int| 0 | +| AutoSize|自动大小 | bool| true | +| ImageSize|图标大小 | int| 16 | +| ImageInterval|图标与文字之间间隔| int| 3 | +| ReadOnly|是否只读| bool| false | +| ForeColor | 字体颜色 | Color | - | +| RadioButtonColor| 填充颜色 | Color | - | +| TagString | 获取或设置包含有关控件的数据的对象字符串 | string | - | +| Version | 版本 | string | - | + + + +- 事件 + CheckedChanged + public event EventHandler CheckedChanged; + 参数sender:当前控件 + + ValueChanged + public delegate void OnValueChanged(object sender, bool value); + 参数sender:当前控件 + 参数value:选中值,Checked + + + +- 分组编号 + 在同一个容器中,多个UIRadioButton可以根据GroupIndex进行分组,同一个GroupIndex的只能选中一个 + ![输入图片说明](./assets/142906_320a5458_416720.png) + + + +- 示例 + ![输入图片说明](./assets/142752_85484bd2_416720.png) \ No newline at end of file diff --git a/docs/UIRadioButtonGroup.md b/docs/UIRadioButtonGroup.md new file mode 100644 index 00000000..60e21aa7 --- /dev/null +++ b/docs/UIRadioButtonGroup.md @@ -0,0 +1,63 @@ +# UIRadioButtonGroup +--- +- **UIRadioButtonGroup** +单选框组。 + +- 默认属性:Items +- 默认事件:ValueChanged +- 属性列表 + +| 属性 | 说明 | 类型 | 默认值 | +|-----------|--------|--------|-------| +| Style | 主题样式 | UIStyle | Blue | +| StyleCustomMode | 获取或设置可以自定义主题风格 | bool | false | +| Items |获取该多选框组中项的集合| ObjectCollection | - | +| Text |获取或设置显示的文本 | string | - | +| SelectedIndex | 选中索引 | int | -1 | +| ColumnCount | 显示列的个数 | int | 1 | +| ColumnInterval | 显示项列之间的间隔 | int | 0 | +| RowInterval | 显示项行之间的间隔 | int | 0 | +| ItemSize | 显示项的大小 | Size | 150, 30 | +| StartPos | 显示项的起始位置 | Point | 12, 12 | +| TitleTop | 标题高度 | int | 16 | +| TitleInterval | 标题显示间隔| int | 10 | +| TitleAlignment | 文字显示位置| HorizontalAlignment | Left | +| RadiusSides | 圆角显示位置 | UICornerRadiusSides | All | +| Radius | 圆角角度 | int | 5 | +| RectSides | 边框显示位置 | ToolStripStatusLabelBorderSides | All | +| TextAlign | 文字对齐方向 | ContentAlignment | MiddleCenter | +| FillColor | 填充颜色 | Color | - | +| RectColor | 边框颜色 | Color | - | +| ForeColor | 字体颜色 | Color | - | +| FillDisableColor | 不可用时填充颜色 | Color | - | +| RectDisableColor | 不可用时边框颜色 | Color | - | +| ForeDisableColor | 不可用时字体颜色 | Color | - | +| TagString | 获取或设置包含有关控件的数据的对象字符串 | string | - | +| Version | 版本 | string | - | + + + +- 事件 + ValueChanged + public delegate void OnValueChanged(object sender, int index, string text); + 参数sender:当前控件 + 参数index:选中索引,SelectedIndex + 参数text:选中项的文本 + + + +- 增加编辑项 + 选择控件属性Items,点击打开,在其中增加编辑项 + + + +- 多列显示 + 设置ColumnCount=3,显示两列 + ![输入图片说明](./assets/154242_cb2fc9c4_416720.png) + + + +- 函数方法 + 全不选: SelectedNone() ; + 设置选择项: SelectedIndex = 6; + 清空: Clear(); \ No newline at end of file diff --git a/docs/UISwitch.md b/docs/UISwitch.md new file mode 100644 index 00000000..eaee5005 --- /dev/null +++ b/docs/UISwitch.md @@ -0,0 +1,42 @@ +# UISwitch +--- +- **UISwitch** 开关。 + +- 默认属性:Active +- 默认事件:ValueChanged + +- 属性列表 + +| 属性 | 说明 | 类型 | 默认值 | +|-----------|--------|--------|-------| +| Style | 主题样式 | UIStyle | Blue | +| StyleCustomMode | 获取或设置可以自定义主题风格 | bool | false | +| Active| 是否打开 | bool | false | +| ActiveText| 打开文字 | string| 开 | +| InActiveText| 关闭文字 | string| 关 | +| ActiveColor| 打开颜色 | Color| - | +| InActiveColor| 关闭颜色 | Color| Silver | +| ButtonColor| 填充颜色 | Color| White | +| SwitchShape| 开关形状 | UISwitchShape| Round | +| ForeColor | 字体颜色 | Color | - | +| TagString | 获取或设置包含有关控件的数据的对象字符串 | string | - | +| Version | 版本 | string | - | + + + +- 事件 + ValueChanged + public delegate void OnValueChanged(object sender, bool value); + 参数sender:当前控件 + 参数value:选中值,active + + + +- 开关状态 + ![输入图片说明](./assets/233007_095707ff_416720.png) + 设置Active属性,状态切换通过ValueChanged输出 + + + +- 开关形状 + SwitchShape:Round为圆角开关,Square为方角开关 \ No newline at end of file diff --git a/docs/UISymbolButton.md b/docs/UISymbolButton.md new file mode 100644 index 00000000..c61e1e7c --- /dev/null +++ b/docs/UISymbolButton.md @@ -0,0 +1,92 @@ +# UISymbolButton +--- +- **UISymbolButton** +字体图标按钮 + +- 默认属性:Text +- 默认事件:Click +- 属性列表 + +| 属性 | 说明 | 类型 | 默认值 | +|-----------|--------|--------|-------| +| Style | 主题样式 | UIStyle | Blue | +| StyleCustomMode | 获取或设置可以自定义主题风格 | bool | false | +| Text |获取或设置显示的文本 | string | - | +| RadiusSides | 圆角显示位置 | UICornerRadiusSides | All | +| Radius | 圆角角度 | int | 5 | +| RectSides | 边框显示位置 | ToolStripStatusLabelBorderSides | All | +| Symbol| 字体图标 | int | 61452 | +| SymbolSize| 字体图标大小 | int | 24 | +| Image| 图片| Image| - | +| ImageAlign| 图片放置位置 | ContentAlignment| MiddleCenter | +| ImageInterval| 图片文字间间隔 | int | 2| +| IsCircle| 是否是圆形 | bool | false | +| CircleRectWidth| 圆形边框大小 | int | 1| +| TextAlign | 文字对齐方向 | ContentAlignment | MiddleCenter | +| Selected | 是否选中 | bool | false | +| FillColor | 填充颜色 | Color | - | +| RectColor | 边框颜色 | Color | - | +| ForeColor | 字体颜色 | Color | - | +| FillDisableColor | 不可用时填充颜色 | Color | - | +| RectDisableColor | 不可用时边框颜色 | Color | - | +| ForeDisableColor | 不可用时字体颜色 | Color | - | +| FillHoverColor | 鼠标移上时填充颜色 | Color | - | +| RectHoverColor | 鼠标移上时边框颜色 | Color | - | +| ForeHoverColor | 鼠标移上时字体颜色 | Color | - | +| FillPressColor | 鼠标按下时填充颜色 | Color | - | +| RectPressColor | 鼠标按下时边框颜色 | Color | - | +| ForePressColor | 鼠标按下时字体颜色 | Color | - | +| FillSelectedColor | 选中时填充颜色 | Color | - | +| ForeSelectedColor | 选中时字体颜色 | Color | - | +| RectSelectedColor | 选中时边框颜色 | Color | - | +| DialogResult | 指定标识符以指示对话框的返回值 | DialogResult | None | +| ShowFocusLine | 显示激活时边框线 | bool | false | +| ShowTips | 是否显示角标 | bool | false | +| TipsText | 角标文字 | string | - | +| TipsFont | 角标文字字体 | Font | - | +| TipsColor | 角标文字颜色 | Color | Red | +| TagString | 获取或设置包含有关控件的数据的对象字符串 | string | - | +| Version | 版本 | string | - | +| UseDoubleClick | 是否启用双击事件 | bool |false | + + + +- 字体图标 + ![输入图片说明](./assets/b89a75e6_416720.png) + + + +- Symbol:字体图标(int) + SymbolSize:字体图标的大小(int) + ![enter image description here](./assets/164128_b3ef97c6_416720.png) + + 点击Symbol右侧的按钮: + ![输入图片说明](./assets/04b7d3ee_416720.png) + + 鼠标移到图标上,显示的数字为Symbol字符,点击图标即可设置图标。 + + + +- 圆形按钮 + ![输入图片说明](./assets/213244_e2fcb212_416720.png) + 设置IsCircle为true,可设置CircleRectWidth边框大小 + + + +- 按钮组 + ![输入图片说明](./assets/213728_8aa2cb69_416720.png) + 设置左侧按钮显示左边两个圆角(RadiusSides:LeftTop, LeftBottom), + 设置中间的按钮(RadiusSides:None) + 设置右侧按钮显示左边两个圆角(RadiusSides:RightTop, RightBottom) + + + +- 自定义图片 + ![输入图片说明](./assets/214035_21305f5f_416720.png) + 设置Image属性 + + + +- 字体图标不居中显示 + 因为字体图标不是等宽和等高的,会存在不居中的现象 + 设置ImageAlign:TopLeft,然后设置Padding的Left和Top属性,例如5,5,0,0 \ No newline at end of file diff --git a/docs/UISymbolLabel.md b/docs/UISymbolLabel.md new file mode 100644 index 00000000..74aae686 --- /dev/null +++ b/docs/UISymbolLabel.md @@ -0,0 +1,39 @@ +# UISymbolLabel +--- +- **UISymbolLabel** +字体图标标签 + +- 默认属性:Text +- 默认事件:Click +- 属性列表 + +| 属性 | 说明 | 类型 | 默认值 | +|-----------|--------|--------|-------| +| Style | 主题样式 | UIStyle | Blue | +| StyleCustomMode | 获取或设置可以自定义主题风格 | bool | false | +| Text |获取或设置显示的文本 | string | - | +| AutoSize| 自动大小 | bool | true | +| Symbol| 字体图标 | int | 61452 | +| SymbolColor | 图标颜色 | Color | - | +| SymbolSize| 字体图标大小 | int | 24 | +| ImageInterval| 图标和文字间间隔 | int | 2| +| TextAlign | 文字对齐方向 | ContentAlignment | MiddleCenter | +| ForeColor | 字体颜色 | Color | - | +| TagString | 获取或设置包含有关控件的数据的对象字符串 | string | - | +| Version | 版本 | string | - | + +- 字体图标 + ![输入图片说明](./assets/212642_04b86c8c_416720.png) + + + +- Symbol:字体图标(int) + SymbolSize:字体图标的大小(int) + ![enter image description here](./assets/164128_b3ef97c6_416720.png) + + 点击Symbol右侧的按钮: + ![输入图片说明](./assets/04b7d3ee_416720.png) + + 鼠标移到图标上,显示的数字为Symbol字符,点击图标即可设置图标。 + + \ No newline at end of file diff --git a/docs/UITitlePanel.md b/docs/UITitlePanel.md new file mode 100644 index 00000000..8924cb40 --- /dev/null +++ b/docs/UITitlePanel.md @@ -0,0 +1,44 @@ +# UITitlePanel +--- +- **UITitlePanel** +带标题面板。 + +- 默认属性:Text +- 默认事件: +- 属性列表 + +| 属性 | 说明 | 类型 | 默认值 | +|-----------|--------|--------|-------| +| Style | 主题样式 | UIStyle | Blue | +| StyleCustomMode | 获取或设置可以自定义主题风格 | bool | false | +| Text |获取或设置显示的文本 | string | - | +| ShowCollapse | 是否打开缩放按钮 | bool | false | +| Collapsed | 是否缩放 | bool | false | +| TitleHeight | 面板高度 | int | 35 | +| TitleInterval |标题文字局左或者局右时与边框距离| int | 10 | +| TitleAlign | 文字显示位置| HorizontalAlignment | Center | +| RadiusSides | 圆角显示位置 | UICornerRadiusSides | All | +| Radius | 圆角角度 | int | 5 | +| RectSides | 边框显示位置 | ToolStripStatusLabelBorderSides | All | +| TextAlign | 文字对齐方向 | ContentAlignment | MiddleCenter | +| TitleColor | 标题颜色 | Color | - | +| FillColor | 填充颜色 | Color | - | +| RectColor | 边框颜色 | Color | - | +| ForeColor | 字体颜色 | Color | - | +| FillDisableColor | 不可用时填充颜色 | Color | - | +| RectDisableColor | 不可用时边框颜色 | Color | - | +| ForeDisableColor | 不可用时字体颜色 | Color | - | +| TagString | 获取或设置包含有关控件的数据的对象字符串 | string | - | +| Version | 版本 | string | - | + + + +- 其他 + **标题栏高度内不可放置其他控件。** + + 如果其中放入其他控件,并设置Dock为Fill时,遮挡标题栏,可设置Padding.Top属性 + + + +- 示例 + ![输入图片说明](./assets/151625_77c07059_416720.png) diff --git a/docs/assets/092842_9c0a202e_416720.png b/docs/assets/092842_9c0a202e_416720.png new file mode 100644 index 00000000..e8dd143a Binary files /dev/null and b/docs/assets/092842_9c0a202e_416720.png differ diff --git a/docs/assets/093235_dd7f180f_416720.png b/docs/assets/093235_dd7f180f_416720.png new file mode 100644 index 00000000..8ca759e1 Binary files /dev/null and b/docs/assets/093235_dd7f180f_416720.png differ diff --git a/docs/assets/094934_cd27df88_416720.png b/docs/assets/094934_cd27df88_416720.png new file mode 100644 index 00000000..41a52a39 Binary files /dev/null and b/docs/assets/094934_cd27df88_416720.png differ diff --git a/docs/assets/100744_1b3a73c1_416720.png b/docs/assets/100744_1b3a73c1_416720.png new file mode 100644 index 00000000..03fbbf41 Binary files /dev/null and b/docs/assets/100744_1b3a73c1_416720.png differ diff --git a/docs/assets/134446_6fedb531_416720.png b/docs/assets/134446_6fedb531_416720.png new file mode 100644 index 00000000..998617ef Binary files /dev/null and b/docs/assets/134446_6fedb531_416720.png differ diff --git a/docs/assets/142324_0224b4ba_416720.png b/docs/assets/142324_0224b4ba_416720.png new file mode 100644 index 00000000..c79dfcbb Binary files /dev/null and b/docs/assets/142324_0224b4ba_416720.png differ diff --git a/docs/assets/142752_85484bd2_416720.png b/docs/assets/142752_85484bd2_416720.png new file mode 100644 index 00000000..9acd9f6e Binary files /dev/null and b/docs/assets/142752_85484bd2_416720.png differ diff --git a/docs/assets/142906_320a5458_416720.png b/docs/assets/142906_320a5458_416720.png new file mode 100644 index 00000000..2ce65b71 Binary files /dev/null and b/docs/assets/142906_320a5458_416720.png differ diff --git a/docs/assets/144220_8ad058b3_416720.png b/docs/assets/144220_8ad058b3_416720.png new file mode 100644 index 00000000..23a1416d Binary files /dev/null and b/docs/assets/144220_8ad058b3_416720.png differ diff --git a/docs/assets/150025_5481ef83_416720.png b/docs/assets/150025_5481ef83_416720.png new file mode 100644 index 00000000..089cd284 Binary files /dev/null and b/docs/assets/150025_5481ef83_416720.png differ diff --git a/docs/assets/151625_77c07059_416720.png b/docs/assets/151625_77c07059_416720.png new file mode 100644 index 00000000..03b0785e Binary files /dev/null and b/docs/assets/151625_77c07059_416720.png differ diff --git a/docs/assets/153157_f15c5d08_416720.png b/docs/assets/153157_f15c5d08_416720.png new file mode 100644 index 00000000..208ca1bf Binary files /dev/null and b/docs/assets/153157_f15c5d08_416720.png differ diff --git a/docs/assets/154242_cb2fc9c4_416720.png b/docs/assets/154242_cb2fc9c4_416720.png new file mode 100644 index 00000000..ec3ad31a Binary files /dev/null and b/docs/assets/154242_cb2fc9c4_416720.png differ diff --git a/docs/assets/212642_04b86c8c_416720.png b/docs/assets/212642_04b86c8c_416720.png new file mode 100644 index 00000000..e19330e9 Binary files /dev/null and b/docs/assets/212642_04b86c8c_416720.png differ diff --git a/docs/assets/213244_e2fcb212_416720.png b/docs/assets/213244_e2fcb212_416720.png new file mode 100644 index 00000000..e6bfc029 Binary files /dev/null and b/docs/assets/213244_e2fcb212_416720.png differ diff --git a/docs/assets/213636_ee4259fe_416720.png b/docs/assets/213636_ee4259fe_416720.png new file mode 100644 index 00000000..82637d08 Binary files /dev/null and b/docs/assets/213636_ee4259fe_416720.png differ diff --git a/docs/assets/213728_8aa2cb69_416720.png b/docs/assets/213728_8aa2cb69_416720.png new file mode 100644 index 00000000..5bca0ee2 Binary files /dev/null and b/docs/assets/213728_8aa2cb69_416720.png differ diff --git a/docs/assets/214035_21305f5f_416720.png b/docs/assets/214035_21305f5f_416720.png new file mode 100644 index 00000000..ae2fa05e Binary files /dev/null and b/docs/assets/214035_21305f5f_416720.png differ diff --git a/docs/assets/214220_cbd9f247_416720.png b/docs/assets/214220_cbd9f247_416720.png new file mode 100644 index 00000000..20ddb3a4 Binary files /dev/null and b/docs/assets/214220_cbd9f247_416720.png differ diff --git a/docs/assets/215716_1239d541_416720.png b/docs/assets/215716_1239d541_416720.png new file mode 100644 index 00000000..a2af97f0 Binary files /dev/null and b/docs/assets/215716_1239d541_416720.png differ diff --git a/docs/assets/220321_fa55106f_416720.png b/docs/assets/220321_fa55106f_416720.png new file mode 100644 index 00000000..6e0fbbdc Binary files /dev/null and b/docs/assets/220321_fa55106f_416720.png differ diff --git a/docs/assets/220423_22aa1962_416720.png b/docs/assets/220423_22aa1962_416720.png new file mode 100644 index 00000000..e506eb15 Binary files /dev/null and b/docs/assets/220423_22aa1962_416720.png differ diff --git a/docs/assets/232533_5e3bba9d_416720.png b/docs/assets/232533_5e3bba9d_416720.png new file mode 100644 index 00000000..b85241c7 Binary files /dev/null and b/docs/assets/232533_5e3bba9d_416720.png differ diff --git a/docs/assets/232638_fd30df5f_416720.png b/docs/assets/232638_fd30df5f_416720.png new file mode 100644 index 00000000..39a8b88c Binary files /dev/null and b/docs/assets/232638_fd30df5f_416720.png differ diff --git a/docs/assets/232755_71dc172b_416720.png b/docs/assets/232755_71dc172b_416720.png new file mode 100644 index 00000000..542ab572 Binary files /dev/null and b/docs/assets/232755_71dc172b_416720.png differ diff --git a/docs/assets/232813_0ae7f901_416720.png b/docs/assets/232813_0ae7f901_416720.png new file mode 100644 index 00000000..5d62e47f Binary files /dev/null and b/docs/assets/232813_0ae7f901_416720.png differ diff --git a/docs/assets/233007_095707ff_416720.png b/docs/assets/233007_095707ff_416720.png new file mode 100644 index 00000000..5c57dd1f Binary files /dev/null and b/docs/assets/233007_095707ff_416720.png differ diff --git a/docs/assets/234550_c1e8282f_416720.png b/docs/assets/234550_c1e8282f_416720.png index 2cc288f5..1e54d0c0 100644 Binary files a/docs/assets/234550_c1e8282f_416720.png and b/docs/assets/234550_c1e8282f_416720.png differ