Merge pull request #4 from HandyOrg/master

merge
2020-03-09 09:16:23 +08:00
commit 8688241e62
@@ -1,5 +1,19 @@
 ---
-title: 建设中
+title: PanelElement 面板元素
 ---

-建设中
+# 属性
+
+| 名称 | 用途 |
+|-|-|
+| FluidMoveBehavior | 设置面板的流体移动方式 |
+
+# 使用案例
+
+## FluidMoveBehavior 设置面板的流体移动方式
+
+```xml
+<hc:HoneycombPanel hc:PanelElement.FluidMoveBehavior="{StaticResource BehaviorXY200}"/>
+```
+
+当向面板容器中添加或移除元素时，就可以看到流体移动的动画效果。
@@ -0,0 +1,19 @@
+---
+title: RectangleAttach Rectangle专用
+---
+
+# 属性
+
+| 名称 | 用途 |
+|-|-|
+| CornerRadius | 设置Rectangle圆角值 |
+
+# 使用案例
+
+## CornerRadius 设置Rectangle圆角值
+
+```xml
+<Rectangle Fill="Red" Width="100" Height="60" hc:RectangleAttach.Circular="True"/>
+```
+
+![RectangleAttach.CornerRadius](https://raw.githubusercontent.com/HandyOrg/HandyOrgResource/master/HandyControl/Doc/attach/RectangleAttach.CornerRadius.png)
@@ -0,0 +1,21 @@
+---
+title: TextBlockAttach 文本块专用
+---
+
+# 属性
+
+| 名称 | 用途 |
+|-|-|
+| AutoTooltip | 设置是否自动显示工具提示 |
+
+# 使用案例
+
+## AutoTooltip 设置是否自动显示工具提示
+
+```xml
+<hc:SimplePanel Width="100" VerticalAlignment="Center" HorizontalAlignment="Center">
+    <TextBlock hc:TextBlockAttach.AutoTooltip="True" Text="EEEEEEEEEEEEEEEEEEEE"/>
+</hc:SimplePanel>
+```
+
+![TextBlockAttach.AutoTooltip](https://raw.githubusercontent.com/HandyOrg/HandyOrgResource/master/HandyControl/Doc/attach/TextBlockAttach.AutoTooltip.png)
@@ -50,6 +50,14 @@ title: 转换器

 该转换器需要提供一个字符串作为参数，该字符串的一般形式为：`[0/1],[0/1],[0/1],[0/1]`，4个以逗号分隔的值分别对应`CornerRadius`的`Left`、`Top`，`Right`，`Bottom`属性，当值为1则返回对应属性的值，否则返回0。

+# Double2GridLengthConverter
+
+该转换器会将`double`值转换为`GridLength`。
+
+# DoubleMinConverter（内部使用）
+
+可以向该转换器提供一个字符串作为最小值（如果不提供，则最小值默认为0），当传入的值小于最小值时，返回最小值，否则返回传入的值。
+
 # Int2StrConverter

 该转换器需要提供一个字符串作为参数，该字符串的一般形式为：`[字符串0];[字符串1];...[字符串n]`，转换器会将一个整型的值作为索引，来获取指定位置的字符串并返回。
@@ -16,6 +16,7 @@ HandyControl中自带了一些几何形状定义，但要应用于生产中显
 | LeftGeometry | 左 |
 | RightGeometry | 右 |
 | RotateLeftGeometry | 向左旋转 |
+| RotateRightGeometry | 向左旋转 |
 | EnlargeGeometry | 放大 |
 | ReduceGeometry | 缩小 |
 | DownloadGeometry | 下载 |
@@ -28,6 +29,12 @@ HandyControl中自带了一些几何形状定义，但要应用于生产中显
 | WindowMinGeometry | 窗口最小化 |
 | WindowRestoreGeometry | 窗口还原 |
 | WindowMaxGeometry | 窗口最大化 |
+| CheckedGeometry | 选中 |
+| PageModeGeometry | 单页模式 |
+| TwoPageModeGeometry | 双页模式 |
+| ScrollModeGeometry | 滚动模式 |
+| EyeOpenGeometry | 睁眼 |
+| EyeCloseGeometry | 闭眼 |
 | AudioGeometry | 声音 |
 | BubbleTailGeometry | 气泡的尾巴 |
 | StarGeometry | 爱心 |
@@ -5,7 +5,7 @@ title: 尺寸
 | 名称 | 类型 | 值 | 描述 |
 |-|-|
 | DefaultControlHeight | System.Double | 30 | 默认控件高度 |
-| DefaultControlPadding | System.Windows.Thickness | 12,6 | 默认控件内边距 |
+| DefaultControlPadding | System.Windows.Thickness | 10,6 | 默认控件内边距 |
 | DefaultInputPadding | System.Windows.Thickness | 8,6 |默认输入控件内边距 |
 | DefaultCornerRadius | System.Windows.CornerRadius | 4 | 默认圆角 |

@@ -0,0 +1,77 @@
+---
+title: ButtonGroup 按钮组
+---
+
+# RadioGroupItemBaseStyle
+
+`ButtonGroup`控件中的子集`RadioButton`样式基类，不建议直接使用，常作为`ButtonGroup`中`Item`样式基类,同时与`ButtonGroup`控件配套使用
+
+案例：
+
+```xml
+<!--内部Item样式为ButtonGroup控件自动附加-默认为水平方向item样式-->
+<hc:ButtonGroup Margin="0,32,0,0">
+    <RadioButton Content="RadioButton" IsChecked="True"/>
+    <RadioButton Content="RadioButton"/>
+    <RadioButton IsEnabled="False" Content="RadioButton"/>
+    <RadioButton Content="RadioButton"/>
+</hc:ButtonGroup>
+<hc:ButtonGroup Margin="0,16,0,0" Style="{StaticResource ButtonGroupSolid}">
+    <RadioButton Content="RadioButton"/>
+    <RadioButton Content="RadioButton"/>
+    <RadioButton IsEnabled="False" Content="RadioButton"/>
+    <RadioButton Content="RadioButton" IsChecked="True"/>
+</hc:ButtonGroup>
+```
+
+效果：
+
+![RadioButton.RadioButtonItemDefaultStyle](https://raw.githubusercontent.com/HandyOrg/HandyOrgResource/master/HandyControl/Doc/native_controls/RadioButton.RadioButtonItemDefaultStyle.png)
+
+# RadioGroup关联样式
+
+| 样式Key                       | 用途                                 | 基类样式                |
+| ----------------------------- | ------------------------------------ | ----------------------- |
+| RadioGroupItemDefault         | RadioGroupItem默认样式               | RadioGroupItemBaseStyle |
+| RadioGroupItemHorizontalFirst | RadioGroupItem水平头样式（从左至右） | RadioGroupItemBaseStyle |
+| RadioGroupItemHorizontalLast  | RadioGroupItem水平尾样式（从左至右） | RadioGroupItemBaseStyle |
+| RadioGroupItemSingle          | RadioGroupItem单项样式               | RadioGroupItemBaseStyle |
+| RadioGroupItemVerticalFirst   | RadioGroupItem垂直头样式（从上至下） | RadioGroupItemBaseStyle |
+| RadioGroupItemVerticalLast    | RadioGroupItem垂直尾样式（从上至下） | RadioGroupItemBaseStyle |
+
+案例：
+
+单个`RadioButton`样式：
+
+```xml
+<RadioButton Style="{DynamicResource RadioGroupItemSingle}"
+                 Margin="0,16,8,0"
+                 Content="RadioGroupItemSingle"></RadioButton>
+```
+
+效果：
+
+![RadioButton.RadioButtonItemSingleStyle](https://raw.githubusercontent.com/HandyOrg/HandyOrgResource/master/HandyControl/Doc/native_controls/RadioButton.RadioButtonItemSingleStyle.png)
+
+多个`RadioButton`垂直样式：
+
+```xml
+<StackPanel Orientation="Horizontal" HorizontalAlignment="Center">
+    <hc:ButtonGroup Margin="0,16,8,0" Orientation="Vertical">
+        <RadioButton Content="RadioButton" IsChecked="True"/>
+        <RadioButton Content="RadioButton"/>
+        <RadioButton IsEnabled="False" Content="RadioButton"/>
+        <RadioButton Content="RadioButton"/>
+    </hc:ButtonGroup>
+    <hc:ButtonGroup Margin="8,16,0,0" Orientation="Vertical" Style="{StaticResource ButtonGroupSolid}">
+        <RadioButton Content="RadioButton"/>
+        <RadioButton Content="RadioButton"/>
+        <RadioButton IsEnabled="False" Content="RadioButton"/>
+        <RadioButton Content="RadioButton" IsChecked="True"/>
+    </hc:ButtonGroup>
+</StackPanel>
+```
+
+效果：
+
+![RadioButton.RadioButtonItemVerticalStyle](https://raw.githubusercontent.com/HandyOrg/HandyOrgResource/master/HandyControl/Doc/native_controls/RadioButton.RadioButtonItemVerticalStyle.png)
@@ -0,0 +1,3 @@
+---
+title: Card
+---
@@ -0,0 +1,3 @@
+---
+title: Divider
+---
@@ -0,0 +1,3 @@
+---
+title: Drawer
+---
@@ -0,0 +1,3 @@
+---
+title: FloatingBlock
+---
@@ -0,0 +1,3 @@
+---
+title: GlowWindow
+---
@@ -0,0 +1,3 @@
+---
+title: Grid
+---
@@ -0,0 +1,3 @@
+---
+title: HoneycombPanel
+---
@@ -0,0 +1,3 @@
+---
+title: ImageBlock
+---
@@ -0,0 +1,3 @@
+---
+title: Magnifier
+---
@@ -0,0 +1,3 @@
+---
+title: Notification
+---
@@ -0,0 +1,3 @@
+---
+title: PinBox
+---
@@ -0,0 +1,3 @@
+---
+title: PopTip
+---
@@ -0,0 +1,3 @@
+---
+title: RangeSlider
+---
@@ -0,0 +1,3 @@
+---
+title: RelativePanel
+---
@@ -0,0 +1,3 @@
+---
+title: RunningBlock
+---
@@ -0,0 +1,3 @@
+---
+title: SideMenu
+---
@@ -0,0 +1,3 @@
+---
+title: SplitButton
+---
@@ -0,0 +1,3 @@
+---
+title: Sprite
+---
@@ -2,7 +2,7 @@
 title: 欢迎使用HandyControl
 ---

-HandyControl是一套WPF控件库，它几乎重写了所有原生样式，同时包含60余款自定义控件（正逐步增加）。
+HandyControl是一套WPF控件库，它几乎重写了所有原生样式，同时包含70余款自定义控件（正逐步增加）。

 # 要求

@@ -21,9 +21,15 @@ title: 国际化

 # 扩展

-控件库自带的语言包包括简体中文（zh-cn）、英文（en）、波斯语（fa）、法语（fr），默认为简体中文（zh-cn）：
+控件库自带的语言包包括：

-![Langs](https://raw.githubusercontent.com/HandyOrg/HandyOrgResource/master/HandyControl/Doc/langs/Langs.png)
+* 简体中文（zh-cn）
+* 英文（en）
+* 波斯语（fa）
+* 法语（fr）
+* 韩文 （ko-kr）
+
+默认为简体中文（zh-cn）。

 如果需要可自行扩展，这里推荐使用开源插件：[ResXManager](https://marketplace.visualstudio.com/items?itemName=TomEnglert.ResXManager)，来维护所有的语言包。

@@ -0,0 +1,117 @@
+---
+title: FlowDocument 流文档
+---
+
+# FlowDocumentScrollViewerBaseStyle
+
+流文档滚动视图默认样式，不推荐直接使用，应该始终被其它样式以BasedOn的方式使用。
+
+案例：
+
+``` xml
+<FlowDocumentScrollViewer IsToolBarVisible="True" Width="502" Height="400" Margin="32">
+            <FlowDocument ColumnWidth="400" IsOptimalParagraphEnabled="True" IsHyphenationEnabled="True">
+                <Section FontSize="12">
+                    <Paragraph>
+                        <Bold>Neptune</Bold> (planet), major planet in the solar system, eighth planet
+                        from the Sun and fourth largest in diameter.  Neptune maintains an almost constant
+                        distance, about 4,490 million km (about 2,790 million mi), from the Sun.  Neptune
+                        revolves outside the orbit of Uranus and for most of its orbit moves inside the
+                        elliptical path of the outermost planet Pluto (see Solar System). Every 248 years,
+                        Pluto’s elliptical orbit brings the planet inside Neptune’s nearly circular orbit
+                        for about 20 years, temporarily making Neptune the farthest planet from the Sun.
+                        The last time Pluto’s orbit brought it inside Neptune’s orbit was in 1979. In
+                        1999 Pluto’s orbit carried it back outside Neptune’s orbit.
+                        <Figure Width="140" Height="50" Background="GhostWhite" HorizontalAnchor="PageLeft" HorizontalOffset="100" VerticalOffset="20">
+                            <Paragraph FontStyle="Italic" TextAlignment="Left" Background="Beige" Foreground="DarkGreen">
+                                Neptune has 72 times Earth's volume...
+                            </Paragraph>
+                        </Figure>
+                        <Floater Background="GhostWhite" Width="285" HorizontalAlignment="Left">
+                            <Table CellSpacing="5">
+                                <Table.Columns>
+                                    <TableColumn Width="155"/>
+                                    <TableColumn Width="130"/>
+                                </Table.Columns>
+                                <TableRowGroup>
+                                    <TableRow>
+                                        <TableCell ColumnSpan="3">
+                                            <Paragraph>Neptune Stats</Paragraph>
+                                        </TableCell>
+                                    </TableRow>
+                                    <TableRow Background="LightGoldenrodYellow" FontSize="12">
+                                        <TableCell>
+                                            <Paragraph FontWeight="Bold">Mean Distance from Sun</Paragraph>
+                                        </TableCell>
+                                        <TableCell>
+                                            <Paragraph>4,504,000,000 km</Paragraph>
+                                        </TableCell>
+                                    </TableRow>
+                                    <TableRow FontSize="12" Background="LightGray">
+                                        <TableCell>
+                                            <Paragraph FontWeight="Bold">Mean Diameter</Paragraph>
+                                        </TableCell>
+                                        <TableCell>
+                                            <Paragraph>49,532 km</Paragraph>
+                                        </TableCell>
+                                    </TableRow>
+                                    <TableRow Background="LightGoldenrodYellow" FontSize="12">
+                                        <TableCell>
+                                            <Paragraph FontWeight="Bold">Approximate Mass</Paragraph>
+                                        </TableCell>
+                                        <TableCell>
+                                            <Paragraph>1.0247e26 kg</Paragraph>
+                                        </TableCell>
+                                    </TableRow>
+                                    <TableRow>
+                                        <TableCell ColumnSpan="4">
+                                            <Paragraph FontSize="10" FontStyle="Italic">
+                                                Information from the
+                                                <Hyperlink NavigateUri="http://encarta.msn.com/encnet/refpages/artcenter.aspx">Encarta</Hyperlink>
+                                                web site.
+                                            </Paragraph>
+                                        </TableCell>
+                                    </TableRow>
+                                </TableRowGroup>
+                            </Table>
+                        </Floater>
+                    </Paragraph>
+                    <Paragraph>
+                        Astronomers believe Neptune has an inner rocky core that is surrounded by a vast
+                        ocean of water mixed with rocky material. From the inner core, this ocean extends
+                        upward until it meets a gaseous atmosphere of hydrogen, helium, and trace amounts
+                        of methane. Neptune has four rings and 11 known moons. Even though Neptune's volume
+                        is 72 times Earth’s volume, its mass is only 17.15 times Earth’s mass. Because of
+                        its size, scientists classify Neptune—along with Jupiter, Saturn, and Uranus—as
+                        one of the giant or Jovian planets (so-called because they resemble Jupiter).
+                    </Paragraph>
+                    <Paragraph>
+                        <Figure Width="140" Height="50" Background="GhostWhite" TextAlignment="Left" HorizontalAnchor="PageCenter" WrapDirection="Both">
+                            <Paragraph FontStyle="Italic" Background="Beige" Foreground="DarkGreen" >
+                                Neptune has an orbital period of ~20 years...
+                            </Paragraph>
+                        </Figure>
+                        Mathematical theories of astronomy led to the discovery of Neptune. To account for
+                        wobbles in the orbit of the planet Uranus, British astronomer John Couch Adams and
+                        French astronomer Urbain Jean Joseph Leverrier independently calculated the existence
+                        and position of a new planet in 1845 and 1846, respectively. They theorized that the
+                        gravitational attraction of this planet for Uranus was causing the wobbles in Uranus’s
+                        orbit. Using information from Leverrier, German astronomer Johann Gottfried Galle first
+                        observed the planet in 1846.
+                    </Paragraph>
+                </Section>
+            </FlowDocument>
+        </FlowDocumentScrollViewer>
+```
+
+效果：
+
+![FlowDocumentScrollViewer](https://raw.githubusercontent.com/HandyOrg/HandyOrgResource/master/HandyControl/Resources/FlowDocumentScrollViewer.png)
+
+# FlowDocumentPageViewerBaseStyle
+
+流文档单页视图默认样式，不推荐直接使用，应该始终被其它样式以BasedOn的方式使用。
+
+# FlowDocumentReaderBaseStyle
+
+流文档查看器默认样式，不推荐直接使用，应该始终被其它样式以BasedOn的方式使用。
@@ -0,0 +1,17 @@
+---
+title: Frame 导航框架
+---
+
+# FrameBaseStyle
+
+导航框架默认样式，不推荐直接使用，应该始终被其它样式以BasedOn的方式使用。
+
+案例：
+
+``` xml
+<Frame Margin="32" Width="500" Height="360" Name="FrameDemo" NavigationUIVisibility="Visible"/>
+```
+
+效果：
+
+![FrameBaseStyle](https://raw.githubusercontent.com/HandyOrg/HandyOrgResource/master/HandyControl/Doc/native_controls/FrameBaseStyle.png)
@@ -21,7 +21,7 @@ title: RadioButton 单选按钮

 ![RadioButton.DefaultStyle](https://raw.githubusercontent.com/HandyOrg/HandyOrgResource/master/HandyControl/Doc/native_controls/RadioButton.DefaultStyle.png)

-# RadioButtonIcon:RadioButtonBaseStyle
+# RadioButtonIcon : RadioButtonBaseStyle

 带图标样式，可只显示图标也可图文显示

@@ -38,78 +38,4 @@ title: RadioButton 单选按钮

 效果：

-![RadioButton.IconStyle](https://raw.githubusercontent.com/HandyOrg/HandyOrgResource/master/HandyControl/Doc/native_controls/RadioButton.IconStyle.png)
-
-# RadioGroupItemBaseStyle
-
-`ButtonGroup`控件中的子集`RadioButton`样式基类，不建议直接使用，常作为`ButtonGroup`中`Item`样式基类,同时与`ButtonGroup`控件配套使用
-
-案例：
-
-```xml
-<!--内部Item样式为ButtonGroup控件自动附加-默认为水平方向item样式-->
-<hc:ButtonGroup Margin="0,32,0,0">
-    <RadioButton Content="RadioButton" IsChecked="True"/>
-    <RadioButton Content="RadioButton"/>
-    <RadioButton IsEnabled="False" Content="RadioButton"/>
-    <RadioButton Content="RadioButton"/>
-</hc:ButtonGroup>
-<hc:ButtonGroup Margin="0,16,0,0" Style="{StaticResource ButtonGroupSolid}">
-    <RadioButton Content="RadioButton"/>
-    <RadioButton Content="RadioButton"/>
-    <RadioButton IsEnabled="False" Content="RadioButton"/>
-    <RadioButton Content="RadioButton" IsChecked="True"/>
-</hc:ButtonGroup>
-```
-
-效果：
-
-![RadioButton.RadioButtonItemDefaultStyle](https://raw.githubusercontent.com/HandyOrg/HandyOrgResource/master/HandyControl/Doc/native_controls/RadioButton.RadioButtonItemDefaultStyle.png)
-
-# RadioGroup关联样式
-
-| 样式Key                       | 用途                                 | 基类样式                |
-| ----------------------------- | ------------------------------------ | ----------------------- |
-| RadioGroupItemDefault         | RadioGroupItem默认样式               | RadioGroupItemBaseStyle |
-| RadioGroupItemHorizontalFirst | RadioGroupItem水平头样式（从左至右） | RadioGroupItemBaseStyle |
-| RadioGroupItemHorizontalLast  | RadioGroupItem水平尾样式（从左至右） | RadioGroupItemBaseStyle |
-| RadioGroupItemSingle          | RadioGroupItem单项样式               | RadioGroupItemBaseStyle |
-| RadioGroupItemVerticalFirst   | RadioGroupItem垂直头样式（从上至下） | RadioGroupItemBaseStyle |
-| RadioGroupItemVerticalLast    | RadioGroupItem垂直尾样式（从上至下） | RadioGroupItemBaseStyle |
-
-案例：
-
-单个`RadioButton`样式：
-
-```xml
-<RadioButton Style="{DynamicResource RadioGroupItemSingle}"
-                 Margin="0,16,8,0"
-                 Content="RadioGroupItemSingle"></RadioButton>
-```
-
-效果：
-
-![RadioButton.RadioButtonItemSingleStyle](https://raw.githubusercontent.com/HandyOrg/HandyOrgResource/master/HandyControl/Doc/native_controls/RadioButton.RadioButtonItemSingleStyle.png)
-
-多个`RadioButton`垂直样式：
-
-```xml
-<StackPanel Orientation="Horizontal" HorizontalAlignment="Center">
-    <hc:ButtonGroup Margin="0,16,8,0" Orientation="Vertical">
-        <RadioButton Content="RadioButton" IsChecked="True"/>
-        <RadioButton Content="RadioButton"/>
-        <RadioButton IsEnabled="False" Content="RadioButton"/>
-        <RadioButton Content="RadioButton"/>
-    </hc:ButtonGroup>
-    <hc:ButtonGroup Margin="8,16,0,0" Orientation="Vertical" Style="{StaticResource ButtonGroupSolid}">
-        <RadioButton Content="RadioButton"/>
-        <RadioButton Content="RadioButton"/>
-        <RadioButton IsEnabled="False" Content="RadioButton"/>
-        <RadioButton Content="RadioButton" IsChecked="True"/>
-    </hc:ButtonGroup>
-</StackPanel>
-```
-
-效果：
-
-![RadioButton.RadioButtonItemVerticalStyle](https://raw.githubusercontent.com/HandyOrg/HandyOrgResource/master/HandyControl/Doc/native_controls/RadioButton.RadioButtonItemVerticalStyle.png)
+![RadioButton.IconStyle](https://raw.githubusercontent.com/HandyOrg/HandyOrgResource/master/HandyControl/Doc/native_controls/RadioButton.IconStyle.png)
@@ -1,5 +1,21 @@
 ---
-title: 建设中
+title: RichTextBox 富文本框
 ---

-建设中
+# TextBoxBaseBaseStyle
+
+基础文本控件默认样式，不推荐直接使用，应该始终被其它样式以BasedOn的方式使用。
+
+# RichTextBoxBaseStyle : TextBoxBaseBaseStyle
+
+富文本框默认样式，不推荐直接使用，应该始终被其它样式以BasedOn的方式使用。
+
+案例：
+
+```xml
+<RichTextBox Margin="10,10" VerticalAlignment="Center" HorizontalAlignment="Center"></RichTextBox>
+```
+
+效果：
+
+![RichTextbox.DefaultStyle](https://raw.githubusercontent.com/HandyOrg/HandyOrgResource/master/HandyControl/Doc/native_controls/RichTextbox.DefaultStyle.png)
@@ -1,5 +1,42 @@
 ---
-title: 建设中
+title: ScrollViewer 滚动视图
 ---

-建设中
+# ScrollViewerNativeBaseStyle
+
+原生滚动视图默认样式，不推荐直接使用，应该始终被其它样式以BasedOn的方式使用。
+
+案例：
+
+```xml
+<ScrollViewer>
+   <Grid Height="500">
+      <TextBlock Text="内容区域"></TextBlock>
+   </Grid>
+</ScrollViewer>
+```
+
+效果：
+
+![ScrollViewer.DefaultStyle](https://raw.githubusercontent.com/HandyOrg/HandyOrgResource/master/HandyControl/Doc/native_controls/ScrollViewer.DefaultStyle.png)
+
+# ScrollViewerUpDown
+
+显示上下按钮的滚动视图样式
+
+案例：
+
+```xml
+<ScrollViewer Style="{StaticResource ScrollViewerUpDown}">
+    <StackPanel Height="500">
+        <TextBlock Text="内容区域" Height="250"></TextBlock>
+        <TextBlock Text="内容区域" Height="250"></TextBlock>
+        <TextBlock Text="内容区域"></TextBlock>
+        <TextBlock Text="内容区域"></TextBlock>
+    </StackPanel>
+</ScrollViewer>
+```
+
+效果：
+
+![ScrollViewer.UpDownStyle](https://raw.githubusercontent.com/HandyOrg/HandyOrgResource/master/HandyControl/Doc/native_controls/ScrollViewer.UpDownStyle.png)
@@ -0,0 +1,7 @@
+---
+title: Seperator 分隔符
+---
+
+# SeparatorBaseStyle
+
+分隔符默认样式，不推荐直接使用，应该始终被其它样式以BasedOn的方式使用。
@@ -1,5 +1,17 @@
 ---
-title: 建设中
+title: Slider 滑块
 ---

-建设中
+# SliderBaseStyle
+
+滑块默认样式，不推荐直接使用，应该始终被其它样式以BasedOn的方式使用。
+
+案例：
+
+```xml
+<Slider VerticalAlignment="Center" Width="400" Value="40" Maximum="100"/>
+```
+
+效果：
+
+![Slider.DefaultStyle](https://raw.githubusercontent.com/HandyOrg/HandyOrgResource/master/HandyControl/Doc/native_controls/Slider.DefaultStyle.png)
@@ -0,0 +1,7 @@
+---
+title: StatusBar 状态栏
+---
+
+# StatusBarBaseStyle
+
+状态栏默认样式，不推荐直接使用，应该始终被其它样式以BasedOn的方式使用。
@@ -1,5 +1,93 @@
 ---
-title: 建设中
+title: TabControl 选项卡控件
 ---

-建设中
+# TabControlBaseStyle
+
+选项卡控件默认样式，不推荐直接使用，应该始终被其它样式以BasedOn的方式使用。
+
+案例：
+
+ ```xml
+<TabControl Margin="10">
+    <TabItem Header="选项卡1">
+    </TabItem>
+    <TabItem Header="选项卡2">
+    </TabItem>
+    <TabItem Header="选项卡3">
+    </TabItem>
+</TabControl>
+ ```
+
+效果：
+
+![TabControl.DefaultStyle](https://raw.githubusercontent.com/HandyOrg/HandyOrgResource/master/HandyControl/Doc/native_controls/TabControl.DefaultStyle.png)
+
+# TabControlInLine : TabControlBaseStyle
+
+单行填充选项卡样式
+
+案例：
+
+```xml
+<TabControl Margin="10" Style="{StaticResource TabControlInLine}">
+    <TabItem Header="选项卡1">
+    </TabItem>
+    <TabItem Header="选项卡2">
+    </TabItem>
+    <TabItem Header="选项卡3">
+    </TabItem>
+</TabControl>
+```
+
+效果：
+
+![TabControl.InLineStyle](https://raw.githubusercontent.com/HandyOrg/HandyOrgResource/master/HandyControl/Doc/native_controls/TabControl.InLineStyle.png)
+
+# TabControlCapsule
+
+胶囊状选项卡样式
+
+案例：
+
+```xml
+<TabControl Margin="10" Style="{StaticResource TabControlCapsule}">
+    <TabItem Header="选项卡1">
+    </TabItem>
+    <TabItem Header="选项卡2">
+    </TabItem>
+    <TabItem Header="选项卡3">
+    </TabItem>
+</TabControl>
+```
+
+效果：
+
+![TabControl.CapsuleStyle](https://raw.githubusercontent.com/HandyOrg/HandyOrgResource/master/HandyControl/Doc/native_controls/TabControl.CapsuleStyle.png)
+
+# TabControlCapsuleSolid : TabControlCapsule
+
+胶囊状（实心）选项卡样式
+
+案例：
+
+```xml
+<TabControl Margin="10" Style="{StaticResource TabControlCapsuleSolid}">
+    <TabItem Header="选项卡1">
+    </TabItem>
+    <TabItem Header="选项卡2">
+    </TabItem>
+    <TabItem Header="选项卡3">
+    </TabItem>
+</TabControl>
+```
+
+效果：
+
+![TabControl.CapsuleSolidStyle](https://raw.githubusercontent.com/HandyOrg/HandyOrgResource/master/HandyControl/Doc/native_controls/TabControl.CapsuleSolidStyle.png)
+
+# 温馨提示
+
+可以使用属性`TabStripPlacement`设定头部标题的位置，效果如下：
+
+![TabControl.TabStripPlacement](https://raw.githubusercontent.com/HandyOrg/HandyOrgResource/master/HandyControl/Doc/native_controls/TabControl.TabStripPlacement.png)
@@ -1,5 +1,37 @@
 ---
-title: 建设中
+title: TextBlock 文本块
 ---

-建设中
+# TextBlockBaseStyle
+
+文本块默认样式，不推荐直接使用，应该始终被其它样式以BasedOn的方式使用。
+
+# TextBlockBoldBaseStyle
+
+文本块粗体默认样式，不推荐直接使用，应该始终被其它样式以BasedOn的方式使用。
+
+# 案例
+
+```xml
+<StackPanel>
+    <TextBlock HorizontalAlignment="Left" Margin="5" Text="TextBlockLargeBold" Style="{StaticResource TextBlockLargeBold}"/>
+    <TextBlock HorizontalAlignment="Left" Margin="5" Text="TextBlockLarge" Style="{StaticResource TextBlockLarge}"/>
+    <TextBlock HorizontalAlignment="Left" Margin="5" Text="TextBlockHeaderBold" Style="{StaticResource TextBlockTitleBold}"/>
+    <TextBlock HorizontalAlignment="Left" Margin="5" Text="TextBlockHeader" Style="{StaticResource TextBlockTitle}"/>
+    <TextBlock HorizontalAlignment="Left" Margin="5" Text="TextBlockSubHeaderBold" Style="{StaticResource TextBlockSubTitleBold}"/>
+    <TextBlock HorizontalAlignment="Left" Margin="5" Text="TextBlockSubHeader" Style="{StaticResource TextBlockSubTitle}"/>
+
+    <TextBlock HorizontalAlignment="Left" Margin="5" Text="TextBlockDefaultBold" Style="{StaticResource TextBlockDefaultBold}"/>
+    <TextBlock HorizontalAlignment="Left" Margin="5" Text="TextBlockDefault" Style="{StaticResource TextBlockDefault}"/>
+    <TextBlock HorizontalAlignment="Left" Margin="5" Text="TextBlockDefaultAccent" Style="{StaticResource TextBlockDefaultAccent}"/>
+    <TextBlock HorizontalAlignment="Left" Margin="5" Text="TextBlockDefaultSecLight" Style="{StaticResource TextBlockDefaultSecLight}"/>
+    <TextBlock HorizontalAlignment="Left" Margin="5" Text="TextBlockDefaultThiLight" Style="{StaticResource TextBlockDefaultThiLight}"/>
+    <TextBlock HorizontalAlignment="Left" Margin="5" Text="TextBlockDefaultPrimary" Style="{StaticResource TextBlockDefaultPrimary}"/>
+    <TextBlock HorizontalAlignment="Left" Margin="5" Text="TextBlockDefaultDanger" Style="{StaticResource TextBlockDefaultDanger}"/>
+    <TextBlock HorizontalAlignment="Left" Margin="5" Text="TextBlockDefaultWarning" Style="{StaticResource TextBlockDefaultWarning}"/>
+    <TextBlock HorizontalAlignment="Left" Margin="5" Text="TextBlockDefaultInfo" Style="{StaticResource TextBlockDefaultInfo}"/>
+    <TextBlock HorizontalAlignment="Left" Margin="5" Text="TextBlockDefaultSuccess" Style="{StaticResource TextBlockDefaultSuccess}"/>
+</StackPanel>
+```
+
+![TextBlockStyle](https://raw.githubusercontent.com/HandyOrg/HandyOrgResource/master/HandyControl/Resources/TextBlock.jpg)
@@ -1,5 +1,40 @@
 ---
-title: 建设中
+title: TextBox 文本框
 ---

-建设中
+# TextBoxBaseStyle
+
+原生文本框默认样式，不推荐直接使用，应该始终被其它样式以BasedOn的方式使用。
+
+- 默认样式
+`<TextBox Width="200" VerticalAlignment="Center"/>`
+![TextBoxBaseStyle](https://raw.githubusercontent.com/HandyOrg/HandyOrgResource/master/HandyControl/Doc/native_controls/TextBoxBaseStyle.png)
+
+# TextBoxExtendBaseStyle : TextBoxBaseStyle
+
+原生文本框扩展默认样式，不推荐直接使用，应该始终被其它样式以BasedOn的方式使用。
+
+# TextBoxExtend : TextBoxExtendBaseStyle
+
+相对于原生文本框默认样式，它借助于附加属性可以实现标题、水印的功能。
+
+- 标题在上
+`<TextBox Style="{StaticResource TextBoxExtend}" hc:InfoElement.Title="这是标题" Width="200" VerticalAlignment="Center"/>`
+![TextBoxExtend_1](https://raw.githubusercontent.com/HandyOrg/HandyOrgResource/master/HandyControl/Doc/native_controls/TextBoxExtend_1.png)
+
+- 标题在左
+`<TextBox Style="{StaticResource TextBoxExtend}" hc:InfoElement.TitleAlignment="Left" hc:InfoElement.Title="这是标题" Width="300" VerticalAlignment="Center"/>`
+![TextBoxExtend_2](https://raw.githubusercontent.com/HandyOrg/HandyOrgResource/master/HandyControl/Doc/native_controls/TextBoxExtend_2.png)
+
+{% note warning %}
+标题在左时，为了多个输入框左侧对齐，需要设置标题宽度，标题宽度无需逐个设置，可在外部容器上统一设置。
+{% endnote %}
+
+- 标题在上，带有水印
+[参见Combobox](https://handyorg.github.io/handycontrol/native_controls/comboBox/)
+
+- 标题在上，带有水印，且为必填
+[参见Combobox](https://handyorg.github.io/handycontrol/native_controls/comboBox/)
+
+- 标题在上，带有水印，且为必填，同时自定义必填提示符
+[参见Combobox](https://handyorg.github.io/handycontrol/native_controls/comboBox/)
@@ -1,5 +1,177 @@
 ---
-title: 建设中
+title: ToggleButton 切换按钮
 ---

-建设中
+# ToggleButtonBaseStyle : ButtonBaseBaseStyle
+
+切换按钮默认样式，不推荐直接使用，应该始终被其它样式以BasedOn的方式使用。
+
+{% note info %}
+所有继承此样式的按钮都可以使用`IconElement`中定义的附加属性来控制按钮中几何图形的属性。
+{% endnote %}
+
+{% note info %}
+所有继承此样式的按钮都可以使用`BorderElement.CornerRadius`附加属性来控制按钮的圆角大小。
+{% endnote %}
+
+## 相关样式
+
+| 名称 | 继承自 | 用途描述 |
+| - | - | - |
+| ToggleButtonPrimary     | ToggleButtonBaseStyle   | 主要       |
+| ToggleButtonSuccess     | ToggleButtonBaseStyle   | 成功       |
+| ToggleButtonInfo     | ToggleButtonBaseStyle   | 信息       |
+| ToggleButtonWarning     | ToggleButtonBaseStyle   | 警告       |
+| ToggleButtonDanger     | ToggleButtonBaseStyle   | 危险       |
+
+案例：
+
+```xml
+<StackPanel HorizontalAlignment="Center" VerticalAlignment="Center"> 
+    <ToggleButton MinWidth="100" Content="Default"/>
+    <ToggleButton MinWidth="100" Content="Primary" Margin="0,6,0,0" Style="{StaticResource ToggleButtonPrimary}"/>
+    <ToggleButton MinWidth="100" Content="Success" Margin="0,6,0,0" Style="{StaticResource ToggleButtonSuccess}"/>
+    <ToggleButton MinWidth="100" Content="Info" Margin="0,6,0,0" Style="{StaticResource ToggleButtonInfo}"/>
+    <ToggleButton MinWidth="100" Content="Warning" Margin="0,6,0,0" Style="{StaticResource ToggleButtonWarning}"/>
+    <ToggleButton MinWidth="100" Content="Danger" Margin="0,6,0,0" Style="{StaticResource ToggleButtonDanger}"/>
+</StackPanel>
+```
+
+效果：
+
+![ToggleButtonBaseStyle](https://raw.githubusercontent.com/HandyOrg/HandyOrgResource/master/HandyControl/Doc/native_controls/ToggleButtonBaseStyle.png)
+
+# ToggleButtonIconBaseStyle : BaseStyle
+
+只显示图标的切换按钮，不推荐直接使用，应该始终被其它样式以BasedOn的方式使用。
+
+{% note info %}
+所有继承此样式的按钮都可以使用`IconElement`中定义的附加属性来控制按钮中几何图形的属性。
+{% endnote %}
+
+{% note info %}
+所有继承此样式的按钮都可以使用`BorderElement.CornerRadius`附加属性来控制按钮的圆角大小。
+{% endnote %}
+
+## 相关样式
+
+| 名称 | 继承自 | 用途描述 |
+| - | - | - |
+| ToggleButtonIcon     | ToggleButtonIconBaseStyle   | 默认       |
+| ToggleButtonIconPrimary     | ToggleButtonIconBaseStyle   | 主要       |
+| ToggleButtonIconSuccess     | ToggleButtonIconBaseStyle   | 成功       |
+| ToggleButtonIconInfo     | ToggleButtonIconBaseStyle   | 信息       |
+| ToggleButtonIconWarning     | ToggleButtonIconBaseStyle   | 警告       |
+| ToggleButtonIconDanger     | ToggleButtonIconBaseStyle   | 危险       |
+| ToggleButtonIconTransparent     | ToggleButtonIconBaseStyle   | 透明       |
+
+案例：
+
+```xml
+<StackPanel Orientation="Horizontal" HorizontalAlignment="Center" VerticalAlignment="Center">
+    <ToggleButton Padding="6" hc:IconElement.Geometry="{StaticResource ClockGeometry}" Style="{StaticResource ToggleButtonIcon}"/>
+    <ToggleButton Margin="6,0,0,0" hc:IconElement.Geometry="{StaticResource ClockGeometry}" Style="{StaticResource ToggleButtonIconPrimary}"/>
+    <ToggleButton Margin="6,0,0,0" hc:IconElement.Geometry="{StaticResource ClockGeometry}" Style="{StaticResource ToggleButtonIconSuccess}"/>
+    <ToggleButton Margin="6,0,0,0" hc:IconElement.Geometry="{StaticResource ClockGeometry}" Style="{StaticResource ToggleButtonIconInfo}"/>
+    <ToggleButton Margin="6,0,0,0" hc:IconElement.Geometry="{StaticResource ClockGeometry}" Style="{StaticResource ToggleButtonIconWarning}"/>
+    <ToggleButton Margin="6,0,0,0" hc:IconElement.Geometry="{StaticResource ClockGeometry}" Style="{StaticResource ToggleButtonIconDanger}"/>
+    <ToggleButton Margin="6,0,0,0" hc:IconElement.Geometry="{StaticResource ClockGeometry}" Style="{StaticResource ToggleButtonIconTransparent}"/>
+</StackPanel>
+```
+
+效果：
+
+![ToggleButtonIconBaseStyle](https://raw.githubusercontent.com/HandyOrg/HandyOrgResource/master/HandyControl/Doc/native_controls/ToggleButtonIconBaseStyle.png)
+
+# ToggleButtonSwitchBaseStyle : BaseStyle
+
+开关式切换按钮，不推荐直接使用，应该始终被其它样式以BasedOn的方式使用。
+
+## 相关样式
+
+| 名称 | 继承自 |
+| - | - |
+| ToggleButtonSwitch     | ToggleButtonSwitchBaseStyle   |
+
+案例：
+
+```xml
+<StackPanel VerticalAlignment="Center" HorizontalAlignment="Center">
+    <ToggleButton Style="{StaticResource ToggleButtonSwitch}"/>
+    <ToggleButton Margin="0,6,0,0" IsChecked="True" Style="{StaticResource ToggleButtonSwitch}"/>
+</StackPanel>
+```
+
+效果：
+
+![ToggleButtonSwitchBaseStyle](https://raw.githubusercontent.com/HandyOrg/HandyOrgResource/master/HandyControl/Doc/native_controls/ToggleButtonSwitchBaseStyle.png)
+
+# ToggleButtonFlip : BaseStyle
+
+翻转式切换按钮。
+
+案例：
+
+```xml
+<StackPanel VerticalAlignment="Center" HorizontalAlignment="Center">
+    <ToggleButton BorderThickness="0" IsChecked="True" Style="{StaticResource ToggleButtonFlip}">
+        <hc:StatusSwitchElement.CheckedElement>
+            <Border Background="{DynamicResource PrimaryBrush}">
+                <TextBlock HorizontalAlignment="Center" VerticalAlignment="Center" Text="关" Foreground="{DynamicResource TextIconBrush}"/>
+            </Border>
+        </hc:StatusSwitchElement.CheckedElement>
+        <Border Background="{DynamicResource DangerBrush}">
+            <TextBlock HorizontalAlignment="Center" VerticalAlignment="Center" Text="开" Foreground="{DynamicResource TextIconBrush}"/>
+        </Border>
+    </ToggleButton>
+    <ToggleButton Margin="0,6,0,0" BorderThickness="0" IsChecked="False" Style="{StaticResource ToggleButtonFlip}">
+        <hc:StatusSwitchElement.CheckedElement>
+            <Border Background="{DynamicResource PrimaryBrush}">
+                <TextBlock HorizontalAlignment="Center" VerticalAlignment="Center" Text="关" Foreground="{DynamicResource TextIconBrush}"/>
+            </Border>
+        </hc:StatusSwitchElement.CheckedElement>
+        <Border Background="{DynamicResource DangerBrush}">
+            <TextBlock HorizontalAlignment="Center" VerticalAlignment="Center" Text="开" Foreground="{DynamicResource TextIconBrush}"/>
+        </Border>
+    </ToggleButton>
+</StackPanel>
+```
+
+效果：
+
+![ToggleButtonFlip](https://raw.githubusercontent.com/HandyOrg/HandyOrgResource/master/HandyControl/Doc/native_controls/ToggleButtonFlip.png)
+
+# ToggleButtonCustom : BaseStyle
+
+如果想完全自定义按钮的内容，则推荐使用此样式。`ToggleButtonCustom`中的内容完全由你自己决定。
+
+案例：
+
+```xml
+<StackPanel VerticalAlignment="Center" HorizontalAlignment="Center">
+    <ToggleButton IsChecked="True" Style="{StaticResource ToggleButtonCustom}" hc:StatusSwitchElement.HideUncheckedElement="True">
+        <hc:StatusSwitchElement.CheckedElement>
+            <Border Width="80" Height="30" CornerRadius="4" BorderThickness="1" BorderBrush="{DynamicResource BorderBrush}">
+                <Ellipse Width="20" Height="20" Fill="{DynamicResource PrimaryBrush}" StrokeThickness="1" Stroke="{DynamicResource BorderBrush}"/>
+            </Border>
+        </hc:StatusSwitchElement.CheckedElement>
+        <Border Width="80" Height="30" CornerRadius="4" BorderThickness="1" BorderBrush="{DynamicResource BorderBrush}">
+            <Ellipse Width="20" Height="20" Fill="{DynamicResource BorderBrush}" StrokeThickness="1" Stroke="{DynamicResource BorderBrush}"/>
+        </Border>
+    </ToggleButton>
+    <ToggleButton Margin="0,6,0,0" IsChecked="False" Style="{StaticResource ToggleButtonCustom}" hc:StatusSwitchElement.HideUncheckedElement="True">
+        <hc:StatusSwitchElement.CheckedElement>
+            <Border Width="80" Height="30" CornerRadius="4" BorderThickness="1" BorderBrush="{DynamicResource BorderBrush}">
+                <Ellipse Width="20" Height="20" Fill="{DynamicResource PrimaryBrush}" StrokeThickness="1" Stroke="{DynamicResource BorderBrush}"/>
+            </Border>
+        </hc:StatusSwitchElement.CheckedElement>
+        <Border Width="80" Height="30" CornerRadius="4" BorderThickness="1" BorderBrush="{DynamicResource BorderBrush}">
+            <Ellipse Width="20" Height="20" Fill="{DynamicResource BorderBrush}" StrokeThickness="1" Stroke="{DynamicResource BorderBrush}"/>
+        </Border>
+    </ToggleButton>
+</StackPanel>
+```
+
+效果：
+
+![ToggleButtonCustom](https://raw.githubusercontent.com/HandyOrg/HandyOrgResource/master/HandyControl/Doc/native_controls/ToggleButtonCustom.png)
@@ -1,5 +1,21 @@
 ---
-title: 建设中
+title: ToolBar 工具条
 ---

-建设中
+# ToolBarBaseStyle
+
+工具条默认样式，不推荐直接使用，应该始终被其它样式以BasedOn的方式使用。
+
+案例：
+
+```xml
+<ToolBar Padding="10,6" Header="Demo" VerticalAlignment="Center" HorizontalAlignment="Center">
+    <Button Content="Demo" Margin="10,0,0,0"/>
+    <ToggleButton Content="Demo" Margin="10,0,0,0"/>
+    <CheckBox Content="Demo" Margin="10,0,0,0"/>
+</ToolBar>
+```
+
+效果：
+
+![ToolBarBaseStyle](https://raw.githubusercontent.com/HandyOrg/HandyOrgResource/master/HandyControl/Doc/native_controls/ToolBarBaseStyle.png)
@@ -1,5 +1,7 @@
 ---
-title: 建设中
+title: ToolTip 工具提示
 ---

-建设中
+# ToolTipBaseStyle
+
+工具提示默认样式，不推荐直接使用，应该始终被其它样式以BasedOn的方式使用。
@@ -1,5 +1,35 @@
 ---
-title: 建设中
+title: TreeView 树视图
 ---

-建设中
+# TreeViewBaseStyle : BaseStyle
+
+树视图默认样式，不推荐直接使用，应该始终被其它样式以BasedOn的方式使用。
+
+案例：
+
+ ```xml
+<TreeView Width="200" VerticalAlignment="Center">
+    <TreeViewItem Header="111">
+        <TreeViewItem Header="111"/>
+        <TreeViewItem Header="222"/>
+        <TreeViewItem Header="333"/>
+    </TreeViewItem>
+    <TreeViewItem Header="222">
+        <TreeViewItem Header="111"/>
+        <TreeViewItem Header="222"/>
+        <TreeViewItem Header="333"/>
+    </TreeViewItem>
+</TreeView>
+ ```
+
+效果：
+
+![TreeViewBaseStyle](https://raw.githubusercontent.com/HandyOrg/HandyOrgResource/master/HandyControl/Doc/native_controls/TreeViewBaseStyle.png)
+
+# 相关样式
+
+| 名称 | 继承自 | 用途描述 |
+| - | - | - |
+| TreeViewItemBaseStyle     | BaseStyle   | 树视图项默认样式       |
+| ExpandCollapseToggleStyle     |    | 树视图折叠按钮样式       |
@@ -1,5 +1,13 @@
 ---
-title: 建设中
+title: Window 窗口
 ---

-建设中
+`wpf`中窗口不会自动应用隐式样式，`hc`中提供了相关方法用以解决这个问题。
+
+# Window 窗口
+
+可通过 `ConfigHelper.Instance.SetWindowDefaultStyle()` 来设置窗口的默认样式。
+
+# NavigationWindow 导航窗口
+
+可通过 `ConfigHelper.Instance.SetNavigationWindowDefaultStyle()` 来设置导航窗口的默认样式。
@@ -4,7 +4,7 @@ title: 鸣谢

 # 感谢以下Coder提供代码贡献

-<p><a style="border:0" href="https://github.com/ghost1372" target="_blank" rel="noopener"><img width="120" height="120" src="https://avatars0.githubusercontent.com/u/9213496?s=400&amp;v=4" alt="ghost1372"></a><a style="border:0" href="https://github.com/DingpingZhang" target="_blank" rel="noopener"><img width="120" height="120" src="https://avatars0.githubusercontent.com/u/8541016?s=400&v=4" alt="Dingping Zhang"></a><a style="border:0" href="https://github.com/M0n7y5" target="_blank" rel="noopener"><img width="120" height="120" src="https://avatars0.githubusercontent.com/u/17201053?s=400&v=4" alt="M0n7y5"></a><a style="border:0" href="https://github.com/guanguanchuangyu" target="_blank" rel="noopener"><img width="120" height="120" src="https://avatars1.githubusercontent.com/u/25916858?s=400&v=4" alt="guanguanchuangyu"></a><a style="border:0" href="https://github.com/yanchao891012" target="_blank" rel="noopener"><img width="120" height="120" src="https://avatars0.githubusercontent.com/u/16846702?s=400&v=4" alt="yanchao891012"></a><a style="border:0" href="https://github.com/noctwolf" target="_blank" rel="noopener"><img width="120" height="120" src="https://avatars3.githubusercontent.com/u/21022467?s=400&v=4" alt="noctwolf"></a><a style="border:0" href="https://github.com/xianyun666" target="_blank" rel="noopener"><img width="120" height="120" src="https://avatars1.githubusercontent.com/u/22339210?s=400&v=4" alt="xianyun666"></a><a style="border:0" href="https://github.com/afunc233" target="_blank" rel="noopener"><img width="120" height="120" src="https://avatars1.githubusercontent.com/u/19919631?s=400&v=4" alt="afunc233"></a><a style="border:0" href="https://github.com/DinoChan" target="_blank" rel="noopener"><img width="120" height="120" src="https://avatars1.githubusercontent.com/u/6076257?s=400&v=4" alt="DinoChan"></a></p>
+<p><a style="border:0" href="https://github.com/ghost1372" target="_blank" rel="noopener"><img width="64" height="64" src="https://avatars0.githubusercontent.com/u/9213496?s=400&amp;v=4" alt="ghost1372"></a><a style="border:0" href="https://github.com/DingpingZhang" target="_blank" rel="noopener"><img width="64" height="64" src="https://avatars0.githubusercontent.com/u/8541016?s=400&v=4" alt="Dingping Zhang"></a><a style="border:0" href="https://github.com/M0n7y5" target="_blank" rel="noopener"><img width="64" height="64" src="https://avatars0.githubusercontent.com/u/17201053?s=400&v=4" alt="M0n7y5"></a><a style="border:0" href="https://github.com/guanguanchuangyu" target="_blank" rel="noopener"><img width="64" height="64" src="https://avatars1.githubusercontent.com/u/25916858?s=400&v=4" alt="guanguanchuangyu"></a><a style="border:0" href="https://github.com/yanchao891012" target="_blank" rel="noopener"><img width="64" height="64" src="https://avatars0.githubusercontent.com/u/16846702?s=400&v=4" alt="yanchao891012"></a><a style="border:0" href="https://github.com/noctwolf" target="_blank" rel="noopener"><img width="64" height="64" src="https://avatars3.githubusercontent.com/u/21022467?s=400&v=4" alt="noctwolf"></a><a style="border:0" href="https://github.com/xianyun666" target="_blank" rel="noopener"><img width="64" height="64" src="https://avatars1.githubusercontent.com/u/22339210?s=400&v=4" alt="xianyun666"></a><a style="border:0" href="https://github.com/afunc233" target="_blank" rel="noopener"><img width="64" height="64" src="https://avatars1.githubusercontent.com/u/19919631?s=400&v=4" alt="afunc233"></a><a style="border:0" href="https://github.com/DinoChan" target="_blank" rel="noopener"><img width="64" height="64" src="https://avatars1.githubusercontent.com/u/6076257?s=400&v=4" alt="DinoChan"></a><a style="border:0" href="https://github.com/MrZhangYuan" target="_blank" rel="noopener"><img width="64" height="64" src="https://avatars2.githubusercontent.com/u/16384123?s=400&v=4" alt="MrZhangYuan"></a></p>

 # 感谢以下组织机构提供开源许可

@@ -12,4 +12,4 @@ title: 鸣谢

 # 感谢以下捐赠者

-<p><a style="border:0" href="https://github.com/bigorange1900" target="_blank" rel="noopener"><img width="120" height="120" src="https://avatars1.githubusercontent.com/u/49062011?s=400&v=4" alt="bigorange1900"></a><a style="border:0" href="https://github.com/14632791" target="_blank" rel="noopener"><img width="120" height="120" src="https://avatars3.githubusercontent.com/u/27358331?s=400&v=4" alt="14632791"></a><a style="border:0" href="https://github.com/IUpdatable" target="_blank" rel="noopener"><img width="120" height="120" src="https://avatars2.githubusercontent.com/u/51181716?s=400&v=4" alt="IUpdatable"></a><a style="border:0" href="https://github.com/maplewei" target="_blank" rel="noopener"><img width="120" height="120" src="https://avatars1.githubusercontent.com/u/13778095?s=400&v=4" alt="maplewei"></a><a style="border:0" href="https://github.com/sunshang-hl" target="_blank" rel="noopener"><img width="120" height="120" src="https://avatars1.githubusercontent.com/u/34593206?s=400&v=4" alt="sunshang-hl"></a><a style="border:0" href="https://github.com/yangkang326" target="_blank" rel="noopener"><img width="120" height="120" src="https://avatars1.githubusercontent.com/u/51224259?s=400&v=4" alt="yangkang326"></a><a style="border:0" href="https://github.com/zmrbak" target="_blank" rel="noopener"><img width="120" height="120" src="https://avatars3.githubusercontent.com/u/7257543?s=400&v=4" alt="zmrbak"></a><a style="border:0" href="https://github.com/AFei19911012" target="_blank" rel="noopener"><img width="120" height="120" src="https://avatars0.githubusercontent.com/u/31465314?s=400&v=4" alt="AFei19911012"></a><a style="border:0" href="https://github.com/wayne2006" target="_blank" rel="noopener"><img width="120" height="120" src="https://avatars0.githubusercontent.com/u/21210915?s=400&v=4" alt="wayne2006"></a><a style="border:0" href="https://github.com/towerDLH" target="_blank" rel="noopener"><img width="120" height="120" src="https://avatars1.githubusercontent.com/u/53053537?s=400&v=4" alt="towerDLH"></a><a style="border:0" href="https://github.com/BluceBosen" target="_blank" rel="noopener"><img width="120" height="120" src="https://avatars3.githubusercontent.com/u/24750822?s=400&v=4" alt="BluceBosen"></a><a style="border:0" href="https://github.com/MrZhangYuan" target="_blank" rel="noopener"><img width="120" height="120" src="https://avatars2.githubusercontent.com/u/16384123?s=400&v=4" alt="MrZhangYuan"></a><a style="border:0" href="https://github.com/YC946586" target="_blank" rel="noopener"><img width="120" height="120" src="https://avatars2.githubusercontent.com/u/49895722?s=400&v=4" alt="YC946586"></a></p>
+<p><a style="border:0" href="https://github.com/bigorange1900" target="_blank" rel="noopener"><img width="64" height="64" src="https://avatars1.githubusercontent.com/u/49062011?s=400&v=4" alt="bigorange1900"></a><a style="border:0" href="https://github.com/14632791" target="_blank" rel="noopener"><img width="64" height="64" src="https://avatars3.githubusercontent.com/u/27358331?s=400&v=4" alt="14632791"></a><a style="border:0" href="https://github.com/IUpdatable" target="_blank" rel="noopener"><img width="64" height="64" src="https://avatars2.githubusercontent.com/u/51181716?s=400&v=4" alt="IUpdatable"></a><a style="border:0" href="https://github.com/maplewei" target="_blank" rel="noopener"><img width="64" height="64" src="https://avatars1.githubusercontent.com/u/13778095?s=400&v=4" alt="maplewei"></a><a style="border:0" href="https://github.com/sunshang-hl" target="_blank" rel="noopener"><img width="64" height="64" src="https://avatars1.githubusercontent.com/u/34593206?s=400&v=4" alt="sunshang-hl"></a><a style="border:0" href="https://github.com/yangkang326" target="_blank" rel="noopener"><img width="64" height="64" src="https://avatars1.githubusercontent.com/u/51224259?s=400&v=4" alt="yangkang326"></a><a style="border:0" href="https://github.com/zmrbak" target="_blank" rel="noopener"><img width="64" height="64" src="https://avatars3.githubusercontent.com/u/7257543?s=400&v=4" alt="zmrbak"></a><a style="border:0" href="https://github.com/AFei19911012" target="_blank" rel="noopener"><img width="64" height="64" src="https://avatars0.githubusercontent.com/u/31465314?s=400&v=4" alt="AFei19911012"></a><a style="border:0" href="https://github.com/wayne2006" target="_blank" rel="noopener"><img width="64" height="64" src="https://avatars0.githubusercontent.com/u/21210915?s=400&v=4" alt="wayne2006"></a><a style="border:0" href="https://github.com/towerDLH" target="_blank" rel="noopener"><img width="64" height="64" src="https://avatars1.githubusercontent.com/u/53053537?s=400&v=4" alt="towerDLH"></a><a style="border:0" href="https://github.com/BluceBosen" target="_blank" rel="noopener"><img width="64" height="64" src="https://avatars3.githubusercontent.com/u/24750822?s=400&v=4" alt="BluceBosen"></a><a style="border:0" href="https://github.com/MrZhangYuan" target="_blank" rel="noopener"><img width="64" height="64" src="https://avatars2.githubusercontent.com/u/16384123?s=400&v=4" alt="MrZhangYuan"></a><a style="border:0" href="https://github.com/YC946586" target="_blank" rel="noopener"><img width="64" height="64" src="https://avatars2.githubusercontent.com/u/49895722?s=400&v=4" alt="YC946586"></a></p>
@@ -0,0 +1,3 @@
+---
+title: Effect
+---
@@ -0,0 +1,3 @@
+---
+title: HatchBrushGenerator
+---
@@ -0,0 +1,3 @@
+---
+title: MorphingAnimation
+---
@@ -1,4 +0,0 @@
---
-title: handykeras
-date: 2019-04-02 00:03:48
---
@@ -158,7 +158,7 @@ baidu_push: false
 # External url should start with http:// or https://
 menu:
  主页: / || 
-  HandyControl:
+  HandyControl - 2.4.0:
    default: /handycontrol/ ||
    鸣谢: /tnx/ ||
    快速开始: /quick_start/ ||
@@ -184,7 +184,9 @@ menu:
      InfoElement 信息元素: /infoElement/ ||
      PanelElement 面板元素: /panelElement/ ||
      PasswordBoxAttach 密码框专用: /passwordBoxAttach/ ||
+      RectangleAttach Rectangle专用: /rectangleAttach/ ||
      StatusSwitchElement 可切换状态的元素: /statusSwitchElement/ ||
+      TextBlockAttach 文本块专用: /textBlockAttach/ ||
      TipElement 提示元素: /tipElement/ ||
      TitleElement 标题元素: /titleElement/ ||
      VisualElement 可视化元素: /visualElement/ ||
@@ -201,6 +203,8 @@ menu:
      DataGrid 数据表格: /dataGrid/ ||
      DatePicker 日期选择器: /datePicker/ ||
      Expander 展开框: /expander/ ||
+      FlowDocument 流文档: /flowDocument/ ||
+      Frame 导航框架: /frame/ ||
      GroupBox 分组框: /groupBox/ ||
      Image 图片: /image/ ||
      Label 标签: /label/ ||
@@ -212,7 +216,9 @@ menu:
      RadioButton 单选按钮: /radioButton/ ||
      RichTextBox 富文本框: /richTextBox/ ||
      ScrollViewer 滚动视图: /scrollViewer/ ||
+      Seperator 分隔符: /seperator/ ||
      Slider 滑块: /slider/ ||
+      StatusBar 状态栏: /statusBar/ ||
      TabControl 选项卡控件: /tabControl/ ||
      TextBlock 文本块: /textBlock/ ||
      TextBox 文本框: /textBox/ ||
@@ -225,8 +231,10 @@ menu:
      default: /extend_controls/ ||
      AnimationPath 动画路径: /animationPath/ ||
      Badge 标记: /badge/ ||
+      ButtonGroup : /buttonGroup/ ||
      BlurWindow 背景模糊窗口: /blurWindow/ ||
      CalendarWithClock 带有时钟的日历: /calendarWithClock/ ||
+      Card 卡片: /card/ ||
      Carousel 轮播: /carousel/ ||
      ChatBubble 对话气泡: /chatBubble/ ||
      CirclePanel 圆形布局: /circlePanel/ ||
@@ -240,30 +248,46 @@ menu:
      DatePicker 日期选择器: /datePicker/ ||
      DateTimePicker 日期时间选择器: /dateTimePicker/ ||
      Dialog 对话框: /dialog/ ||
+      Divider 分割线: /divider/ ||
+      Drawer 抽屉: /drawer/ ||
      FlipClock 翻页时钟: /flipClock/ ||
+      FloatingBlock 漂浮块: /floatingBlock/ ||
      GifImage Gif图片: /gifImage/ ||
      GotoTop 回到顶部: /gotoTop/ ||
      Gravatar 头像: /gravatar/ ||
+      Grid 栅格: /grid/ ||
      Growl 信息通知: /growl/ ||
+      HoneycombPanel 蜂窝布局: /honeycombPanel/ ||
+      ImageBlock 图片块: /imageBlock/ ||
      ImageBrowser 图片浏览器: /imageBrowser/ ||
      ImageViewer 图片视图: /imageViewer/ ||
      Loading 加载条: /loading/ ||
+      Magnifier 放大镜: /magnifier/ ||
      MessageBox 消息对话框: /messageBox/ ||
+      Notification 桌面通知: /notification/ ||
      NotifyIcon 托盘图标: /notifyIcon/ ||
      NumericUpDown 数值选择控件: /numericUpDown/ ||
      OutlineText 轮廓文本: /outlineText/ ||
      Pagination 页码条: /pagination/ ||
      PasswordBox 密码框: /passwordBox/ ||
+      PinBox PIN码框: /pinBox/ ||
+      PopTip 气泡提示: /popTip/ ||
      PopupWindow 弹出窗口: /popupWindow/ ||
      PreviewSlider 预览滑块: /previewSlider/ ||
      ProgressButton 进度按钮: /progressButton/ ||
+      RangeSlider 范围滑块: /rangeSlider/ ||
      RadioGroup 单选按钮组: /radioGroup/ ||
      Rate 评分: /rate/ ||
+      RelativePanel 相对布局: /relativePanel/ ||
+      RunningBlock 滚动块: /runningBlock/ ||
      ScrollViewer 滚动视图: /scrollViewer/ ||
      SearchBar 搜索栏: /searchBar/ ||
      Shield 徽章: /shield/ ||
+      SideMenu 侧边菜单: /sideMenu/ ||
      SimpleItemsControl 简单项目控件: /simpleItemsControl/ ||
      SimplePanel 简单面板: /simplePanel/ ||
+      SplitButton 分割按钮: /splitButton/ ||
+      Sprite 精灵: /sprite/ ||
      StepBar 步骤条: /stepBar/ ||
      TabControl 选项卡控件: /tabControl/ ||
      Tag 标签: /tag/ ||
@@ -281,6 +305,9 @@ menu:
      InfoType: /InfoType/ ||
    工具和扩展:
      default: /tools/ ||
+      Effect 效果: /effect/ ||
+      HatchBrushGenerator 阴影画笔生成器: /hatchBrushGenerator/ ||
+      MorphingAnimation 变形动画: /morphingAnimation/ ||
    国际化:
      default: /langs/ ||

@@ -872,7 +899,7 @@ needmoreshare2:
 #  localhost_ignored: true

 # CNZZ count
-#cnzz_siteid:
+cnzz_siteid: 1278600916

 # Application Insights
 # See: https://azure.microsoft.com/en-us/services/application-insights
@@ -1,5 +1,3 @@
 {% if theme.cnzz_siteid %}
-  <div style="display: none;">
-    <script src="//s95.cnzz.com/z_stat.php?id={{ theme.cnzz_siteid }}&web_id={{ theme.cnzz_siteid }}"></script>
-  </div>
+  <script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? "https://" : "http://");document.write(unescape("%3Cspan id='cnzz_stat_icon_{{ theme.cnzz_siteid }}'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s4.cnzz.com/z_stat.php%3Fid%3D{{ theme.cnzz_siteid }}%26online%3D1%26show%3Dline' type='text/javascript'%3E%3C/script%3E"));</script>
 {% endif %}
@@ -3,6 +3,7 @@
  margin: 3px;
  display: inline;
  padding: 3px !important;
+  border: 0;
 }

 .post-body h2 {