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

Merge branch 'master' into pr/258

Browse Source
This commit is contained in:
NaBian committed 2020-01-05 22:09:28 +08:00
2 parents 0f0967f67e 98c277ca6f
commit 1fef31fbd2
3 files changed
+96 -102
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

doc/source/handycontrol/native_controls/image/index.md
+6 -16
View File
@@ -2,27 +2,17 @@
title: Image图片 title: Image图片
--- ---
在`HandyControl`中，对应原生的`Image`控件，仅仅提供了一个默认的控件样式，并未提供特殊样式，对于个性化定制，需要使用者自行定制 在`HandyControl`中，对应原生的`Image`控件，仅仅提供了一个默认的控件样式，并未提供特殊样式，对于个性化定制，需要使用者自行定制。
默认样式定义： {% note info no-icon %}
用例：
``` {% code %}
<Style TargetType="Image">
<!--设定图片的长宽分布为均匀分布-->
<Setter Property="Stretch" Value="Uniform" />
<!--设置图片缩放模式为高质量位图缩放-->
<Setter Property="RenderOptions.BitmapScalingMode" Value="HighQuality" />
</Style>
```
案例：
```
<StackPanel Background="LightGray"> <StackPanel Background="LightGray">
<Image Source="Resources/Images/Image_basestyle.png" Margin="0,10"></Image> <Image Source="Resources/Images/Image_basestyle.png" Margin="0,10"></Image>
<Image Source="Resources/Images/Image_basestyle.png" RenderOptions.BitmapScalingMode="HighQuality" Stretch="Uniform"></Image> <Image Source="Resources/Images/Image_basestyle.png" RenderOptions.BitmapScalingMode="HighQuality" Stretch="Uniform"></Image>
</StackPanel> </StackPanel>
``` {% endcode %}
![image.baseStyle](https://raw.githubusercontent.com/HandyOrg/HandyOrgResource/master/HandyControl/Doc/native_controls/image.baseStyle.png) ![image.baseStyle](https://raw.githubusercontent.com/HandyOrg/HandyOrgResource/master/HandyControl/Doc/native_controls/image.baseStyle.png)
{% endnote %}
doc/source/handycontrol/native_controls/label/index.md
+47 -50
View File
@@ -4,87 +4,84 @@ title: Lable标签
# LabelBaseStyle # LabelBaseStyle
Label标签 默认样式，不推荐直接使用，应该始终被其它样式以BasedOn的方式使用， Label标签 默认样式，不推荐直接使用，应该始终被其它样式以BasedOn的方式使用。
具体源码见：[LabelBaseStyle.xaml]( https://github.com/HandyOrg/HandyControl/blob/master/src/Shared/HandyControl_Shared/Themes/Styles/Base/LabelBaseStyle.xaml ) {% note info no-icon %}
用例：
使用如下： {% code %}
```
<Style BasedOn="{StaticResource LabelBaseStyle}" TargetType="Label">
<Setter Property="Foreground" Value="{DynamicResource PrimaryTextBrush}"/>
<Setter Property="BorderThickness" Value="1"/>
</Style>
```
案例：
```
<Label Content="Label默认样式" Margin="10"></Label> <Label Content="Label默认样式" Margin="10"></Label>
``` {% endcode %}
![Label.BaseStyle](https://raw.githubusercontent.com/HandyOrg/HandyOrgResource/master/HandyControl/Doc/native_controls/Label.BaseStyle.png) ![Label.BaseStyle](https://raw.githubusercontent.com/HandyOrg/HandyOrgResource/master/HandyControl/Doc/native_controls/Label.BaseStyle.png)
# LabelPrimary {% endnote %}
Label标签 主样式 # LabelPrimary : LabelBaseStyle
案例： 主样式
``` {% note info no-icon %}
<Label Content="LabelPrimary样式" Margin="10" 用例：
Style="{DynamicResource LabelPrimary}"></Label> {% code %}
``` <Label Content="LabelPrimary样式" Margin="10" Style="{DynamicResource LabelPrimary}"></Label>
{% endcode %}
![Label.PrimaryStyle](https://raw.githubusercontent.com/HandyOrg/HandyOrgResource/master/HandyControl/Doc/native_controls/Label.PrimaryStyle.png) ![Label.PrimaryStyle](https://raw.githubusercontent.com/HandyOrg/HandyOrgResource/master/HandyControl/Doc/native_controls/Label.PrimaryStyle.png)
# LabelSuccess {% endnote %}
Label标签 成功类型样式 # LabelSuccess : LabelBaseStyle
案例： 成功类型样式
``` {% note info no-icon %}
<Label Content="LabelSuccess样式" Margin="10" 用例：
Style="{DynamicResource LabelSuccess}"></Label> {% code %}
``` <Label Content="LabelSuccess样式" Margin="10" Style="{DynamicResource LabelSuccess}"></Label>
{% endcode %}
![Label.SuccessStyle](https://raw.githubusercontent.com/HandyOrg/HandyOrgResource/master/HandyControl/Doc/native_controls/Label.SuccessStyle.png) ![Label.SuccessStyle](https://raw.githubusercontent.com/HandyOrg/HandyOrgResource/master/HandyControl/Doc/native_controls/Label.SuccessStyle.png)
# LabelInfo {% endnote %}
Label标签 信息类型样式 # LabelInfo : LabelBaseStyle
案例： 信息类型样式
``` {% note info no-icon %}
<Label Content="LabelInfo样式" Margin="10" 用例：
Style="{DynamicResource LabelInfo}"></Label> {% code %}
``` <Label Content="LabelInfo样式" Margin="10" Style="{DynamicResource LabelInfo}"></Label>
{% endcode %}
![Label.InfoStyle](https://raw.githubusercontent.com/HandyOrg/HandyOrgResource/master/HandyControl/Doc/native_controls/Label.InfoStyle.png) ![Label.InfoStyle](https://raw.githubusercontent.com/HandyOrg/HandyOrgResource/master/HandyControl/Doc/native_controls/Label.InfoStyle.png)
# LabelWarning {% endnote %}
Label标签 警告类型样式 # LabelWarning : LabelBaseStyle
案例： 警告类型样式
``` {% note info no-icon %}
<Label Content="LabelWarning样式" Margin="10" 用例：
Style="{DynamicResource LabelWarning}"></Label> {% code %}
``` <Label Content="LabelWarning样式" Margin="10" Style="{DynamicResource LabelWarning}"></Label>
{% endcode %}
![Label.WarningStyle](https://raw.githubusercontent.com/HandyOrg/HandyOrgResource/master/HandyControl/Doc/native_controls/Label.WarningStyle.png) ![Label.WarningStyle](https://raw.githubusercontent.com/HandyOrg/HandyOrgResource/master/HandyControl/Doc/native_controls/Label.WarningStyle.png)
# LabelDanger {% endnote %}
Label标签 危险类型样式 # LabelDanger : LabelBaseStyle
``` 危险类型样式
<Label Content="LabelDanger样式" Margin="10"
Style="{DynamicResource LabelDanger}"></Label> {% note info no-icon %}
``` 用例：
{% code %}
<Label Content="LabelDanger样式" Margin="10" Style="{DynamicResource LabelDanger}"></Label>
{% endcode %}
![Label.DangerStyle](https://raw.githubusercontent.com/HandyOrg/HandyOrgResource/master/HandyControl/Doc/native_controls/Label.DangerStyle.png) ![Label.DangerStyle](https://raw.githubusercontent.com/HandyOrg/HandyOrgResource/master/HandyControl/Doc/native_controls/Label.DangerStyle.png)
{% endnote %}
doc/source/handycontrol/native_controls/listBox/index.md
+43 -36
View File
@@ -4,26 +4,25 @@ title: ListBox 列表框
# ListBoxBaseStyle # ListBoxBaseStyle
ListBox默认样式，不推荐直接使用，应该始终被其它样式以BasedOn的方式使用， ListBox默认样式，不推荐直接使用，应该始终被其它样式以BasedOn的方式使用。
样式源码见[ListBoxBaseStyle.xaml](https://github.com/HandyOrg/HandyControl/blob/master/src/Shared/HandyControl_Shared/Themes/Styles/Base/ListBoxBaseStyle.xaml )。 {% note info no-icon %}
用例：
案例： {% code %}
```
<!--默认样式-->
<Style BasedOn="{StaticResource ListBoxBaseStyle}" TargetType="ListBox"/> <Style BasedOn="{StaticResource ListBoxBaseStyle}" TargetType="ListBox"/>
``` {% endcode %}
![ListBox.BaseStyle](https://raw.githubusercontent.com/HandyOrg/HandyOrgResource/master/HandyControl/Doc/native_controls/ListBox.BaseStyle.png) ![ListBox.BaseStyle](https://raw.githubusercontent.com/HandyOrg/HandyOrgResource/master/HandyControl/Doc/native_controls/ListBox.BaseStyle.png)
# ListBoxCustom {% endnote %}
ListBox列表Custom样式，该样式保留了Listbox的基本属性样式，而数据显示样式由当前用户自定义，实现个性化定制 # ListBoxCustom : ListBoxBaseStyle
案例： ListBox列表Custom样式，该样式保留了Listbox的基本属性样式，而数据显示样式由当前用户自定义，实现个性化定制。
``` {% note info no-icon %}
用例：
{% code %}
<ListBox Margin="10" ItemsSource="{Binding Datas}" <ListBox Margin="10" ItemsSource="{Binding Datas}"
Style="{DynamicResource ListBoxCustom}"> Style="{DynamicResource ListBoxCustom}">
<ListBox.ItemTemplate> <ListBox.ItemTemplate>
@@ -37,20 +36,20 @@ ListBox列表Custom样式，该样式保留了Listbox的基本属性样式，而
</DataTemplate> </DataTemplate>
</ListBox.ItemTemplate> </ListBox.ItemTemplate>
</ListBox> </ListBox>
``` {% endcode %}
![ListBox.CustomStyle](https://raw.githubusercontent.com/HandyOrg/HandyOrgResource/master/HandyControl/Doc/native_controls/ListBox.CustomStyle.png) ![ListBox.CustomStyle](https://raw.githubusercontent.com/HandyOrg/HandyOrgResource/master/HandyControl/Doc/native_controls/ListBox.CustomStyle.png)
# WrapPanelHorizontalListBox {% endnote %}
ListBox列表显示布局容器为WrapPanel，水平方向显示样式 # WrapPanelHorizontalListBox : ListBoxCustom
案例： 布局容器为WrapPanel，水平方向显示样式。
``` {% note info no-icon %}
<ListBox Margin="10" ItemsSource="{Binding Datas}" 用例：
{% code %}
<ListBox Margin="10" ItemsSource="{Binding Datas}"
Style="{DynamicResource WrapPanelHorizontalListBox}"> Style="{DynamicResource WrapPanelHorizontalListBox}">
<ListBox.ItemTemplate> <ListBox.ItemTemplate>
<DataTemplate> <DataTemplate>
@@ -63,17 +62,19 @@ ListBox列表显示布局容器为WrapPanel，水平方向显示样式
</DataTemplate> </DataTemplate>
</ListBox.ItemTemplate> </ListBox.ItemTemplate>
</ListBox> </ListBox>
``` {% endcode %}
![ListBox.WrapPanelHorizontalStyle](https://raw.githubusercontent.com/HandyOrg/HandyOrgResource/master/HandyControl/Doc/native_controls/ListBox.WrapPanelHorizontalStyle.png) ![ListBox.WrapPanelHorizontalStyle](https://raw.githubusercontent.com/HandyOrg/HandyOrgResource/master/HandyControl/Doc/native_controls/ListBox.WrapPanelHorizontalStyle.png)
# WrapPanelVerticalListBox {% endnote %}
ListBox列表显示布局容器为WrapPanel，垂直方向显示样式 # WrapPanelVerticalListBox : ListBoxCustom
案例： 布局容器为WrapPanel，垂直方向显示样式。
``` {% note info no-icon %}
用例：
{% code %}
<ListBox Margin="10" ItemsSource="{Binding Datas}" <ListBox Margin="10" ItemsSource="{Binding Datas}"
Style="{DynamicResource WrapPanelVerticalListBox}"> Style="{DynamicResource WrapPanelVerticalListBox}">
<ListBox.ItemTemplate> <ListBox.ItemTemplate>
@@ -87,17 +88,19 @@ ListBox列表显示布局容器为WrapPanel，垂直方向显示样式
</DataTemplate> </DataTemplate>
</ListBox.ItemTemplate> </ListBox.ItemTemplate>
</ListBox> </ListBox>
``` {% endcode %}
![ListBox.WrapPanelVerticalStyle](https://raw.githubusercontent.com/HandyOrg/HandyOrgResource/master/HandyControl/Doc/native_controls/ListBox.WrapPanelVerticalStyle.png) ![ListBox.WrapPanelVerticalStyle](https://raw.githubusercontent.com/HandyOrg/HandyOrgResource/master/HandyControl/Doc/native_controls/ListBox.WrapPanelVerticalStyle.png)
# StackPanelHorizontalListBox {% endnote %}
ListBox列表显示布局容器为StackPanel，水平方向显示样式 # StackPanelHorizontalListBox : ListBoxCustom
案例： 布局容器为StackPanel，水平方向显示样式。
``` {% note info no-icon %}
用例：
{% code %}
<ListBox Margin="10" ItemsSource="{Binding Datas}" <ListBox Margin="10" ItemsSource="{Binding Datas}"
Style="{DynamicResource StackPanelHorizontalListBox}"> Style="{DynamicResource StackPanelHorizontalListBox}">
<ListBox.ItemTemplate> <ListBox.ItemTemplate>
@@ -111,17 +114,19 @@ ListBox列表显示布局容器为StackPanel，水平方向显示样式
</DataTemplate> </DataTemplate>
</ListBox.ItemTemplate> </ListBox.ItemTemplate>
</ListBox> </ListBox>
``` {% endcode %}
![ListBox.StackPanelHorizontalStyle](https://raw.githubusercontent.com/HandyOrg/HandyOrgResource/master/HandyControl/Doc/native_controls/ListBox.StackPanelHorizontalStyle.png) ![ListBox.StackPanelHorizontalStyle](https://raw.githubusercontent.com/HandyOrg/HandyOrgResource/master/HandyControl/Doc/native_controls/ListBox.StackPanelHorizontalStyle.png)
# StackPanelVerticalListBox {% endnote %}
ListBox列表显示布局容器为StackPanel，垂直方向显示样式 # StackPanelVerticalListBox : ListBoxCustom
案例： 布局容器为StackPanel，垂直方向显示样式。
``` {% note info no-icon %}
用例：
{% code %}
<ListBox Margin="10" ItemsSource="{Binding Datas}" <ListBox Margin="10" ItemsSource="{Binding Datas}"
Style="{DynamicResource StackPanelVerticalListBox}"> Style="{DynamicResource StackPanelVerticalListBox}">
<ListBox.ItemTemplate> <ListBox.ItemTemplate>
@@ -135,6 +140,8 @@ ListBox列表显示布局容器为StackPanel，垂直方向显示样式
</DataTemplate> </DataTemplate>
</ListBox.ItemTemplate> </ListBox.ItemTemplate>
</ListBox> </ListBox>
``` {% endcode %}
![ListBox.StackPanelVerticalStyle](https://raw.githubusercontent.com/HandyOrg/HandyOrgResource/master/HandyControl/Doc/native_controls/ListBox.StackPanelVerticalStyle.png) ![ListBox.StackPanelVerticalStyle](https://raw.githubusercontent.com/HandyOrg/HandyOrgResource/master/HandyControl/Doc/native_controls/ListBox.StackPanelVerticalStyle.png)
{% endnote %}