Merge pull request #322 from HandyOrg/pr/318

Pr/318
This commit is contained in:
NaBian 2020-02-05 17:45:03 +08:00 committed by GitHub
commit 03a167c92d
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
6 changed files with 163 additions and 12 deletions

View File

@ -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)

View File

@ -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)

View File

@ -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)

View File

@ -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)

View File

@ -874,7 +874,7 @@ needmoreshare2:
# localhost_ignored: true
# CNZZ count
#cnzz_siteid:
cnzz_siteid: 1278600916
# Application Insights
# See: https://azure.microsoft.com/en-us/services/application-insights

View File

@ -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 %}