chfei/HandyControl
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update doc

Browse Source
This commit is contained in:
NaBian committed 2019-11-11 22:26:25 +08:00
1 parent ed72c473ea
commit f068e08d6f
3 files changed
+21 -54
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

doc/source/handycontrol/attach/statusSwitchElement/index.md
+14 -15
View File
@@ -1,5 +1,5 @@
---
title: StatusSwitchElement可切换状态的元素
title: StatusSwitchElement 可切换状态的元素
---
# 属性
@@ -9,13 +9,11 @@ title: StatusSwitchElement可切换状态的元素
| CheckedElement | 选中时展示的元素 |
| HideUncheckedElement | 是否隐藏元素 |
# 案例
# 使用案例
对应`xaml`中添加`HandyControl`对应的命名空`xmlns:hc="https://handyorg.github.io/handycontrol"`
## CheckedElement 选中时展示的元素
## CheckedElement 选中时展开元素
此附加属性适用于`ToggleButton`以及子类控件，用于控制选择类控件选中时，显示的控件内容，默认情况为`False`不显示
此附加属性适用于`ToggleButton`以及子类控件，用于控制选择类控件选中时需要显示的内容，默认值为`False`，不显示。
```xml
<ToggleButton Style="{DynamicResource ToggleButtonCustom}" Margin="5">
@@ -32,42 +30,43 @@ title: StatusSwitchElement可切换状态的元素
</ToggleButton>
```
效果：
默认状态（非选中时）和选中状态
![StatusSwitchElement.CheckedElement](https://raw.githubusercontent.com/HandyOrg/HandyOrgResource/master/HandyControl/Doc/attach/StatusSwitchElement.CheckedElement.png)
## HideUncheckedElement 是否隐藏元素
控制选中状态时是否隐藏默认元素，默认为`False`不隐藏
当控制在选中状态时，是否隐藏默认内容，默认值为`False`，不隐藏
```xml
<StackPanel VerticalAlignment="Center" HorizontalAlignment="Center">
<ToggleButton IsChecked="True" Style="{DynamicResource ToggleButtonCustom}" Margin="5">
<!--Checked-->
<hc:StatusSwitchElement.CheckedElement>
<Border Width="60" Height="20" CornerRadius="0" BorderThickness="1" BorderBrush="{DynamicResource BorderBrush}">
<Ellipse Width="20" Height="20" Fill="{DynamicResource PrimaryBrush}" StrokeThickness="1" Stroke="{DynamicResource BorderBrush}"/>
<Ellipse Width="18" Height="18" Fill="{DynamicResource PrimaryBrush}"/>
</Border>
</hc:StatusSwitchElement.CheckedElement>
<!--Default-->
<Border Width="80" Height="30" CornerRadius="0" BorderThickness="1" BorderBrush="{DynamicResource BorderBrush}">
<Ellipse Width="20" Height="20" Fill="{DynamicResource BorderBrush}" StrokeThickness="1" Stroke="{DynamicResource BorderBrush}"/>
<Ellipse Width="18" Height="18" Fill="{DynamicResource BorderBrush}"/>
</Border>
</ToggleButton>
<!--显式设定选中状态下隐藏默认内容元素-->
<ToggleButton IsChecked="True" Style="{DynamicResource ToggleButtonCustom}" hc:StatusSwitchElement.HideUncheckedElement="True" Margin="5">
<!--显式设定选中状态下隐藏默认内容元素-->
<ToggleButton IsChecked="True" Style="{DynamicResource ToggleButtonCustom}" hc:StatusSwitchElement.HideUncheckedElement="True" Margin="5">
<!--Checked-->
<hc:StatusSwitchElement.CheckedElement>
<Border Width="60" Height="20" CornerRadius="0" BorderThickness="1" BorderBrush="{DynamicResource BorderBrush}">
<Ellipse Width="20" Height="20" Fill="{DynamicResource PrimaryBrush}" StrokeThickness="1" Stroke="{DynamicResource BorderBrush}"/>
<Ellipse Width="18" Height="18" Fill="{DynamicResource PrimaryBrush}"/>
</Border>
</hc:StatusSwitchElement.CheckedElement>
<!--Default-->
<Border Width="80" Height="30" CornerRadius="0" BorderThickness="1" BorderBrush="{DynamicResource BorderBrush}">
<Ellipse Width="20" Height="20" Fill="{DynamicResource BorderBrush}" StrokeThickness="1" Stroke="{DynamicResource BorderBrush}"/>
<Ellipse Width="18" Height="18" Fill="{DynamicResource BorderBrush}"/>
</Border>
</ToggleButton>
</StackPanel>
```
效果：