Merge pull request #208 from HandyOrg/pr/206

Pr/206
This commit is contained in:
NaBian authored and GitHub committed 2019-11-04 22:27:50 +08:00
commit 4b469e72c0
2 files changed
+120 -4

No files matched your search

@@ -1,5 +1,69 @@
---
title: 建设中
title: InfoElement 信息元素
---
建设中
{% note info no-icon %}
继承自 [TitleElement]( https://handyorg.github.io/handycontrol/attach/titleElement/ )
{% endnote%}
# 属性
| 名称 | 用途 |
| ---------------- | ------------------ |
| Placeholder | 占位符(输入提示) |
| Necessary | 是否必填 |
| Symbol | 标记信息 |
| ContentHeight | 内容高度 |
| MinContentHeight | 最小内容高度 |
| MaxContentHeight | 最大内容高度 |
# 使用案例
## Placeholder 占位符
```xml
<StackPanel Width="200" VerticalAlignment="Center">
<hc:SearchBar/>
<hc:SearchBar hc:InfoElement.Placeholder="请输入查询条件" Style="{StaticResource SearchBarExtend}" Margin="0,16,0,0"/>
</StackPanel>
```
![InfoElement.Placeholder](https://raw.githubusercontent.com/HandyOrg/HandyOrgResource/master/HandyControl/Doc/attach/InfoElement.Placeholder.png)
## Necessary 是否必填
```xml
<hc:SearchBar hc:InfoElement.Placeholder="请输入查询条件"
hc:InfoElement.Title="查询条件"
Margin="10,10" hc:InfoElement.Necessary="True"
Style="{StaticResource SearchBarExtend}"/>
```
其中`hc:InfoElement.Title="查询条件" `继承自父类
![InfoElement.Necssary](https://raw.githubusercontent.com/HandyOrg/HandyOrgResource/master/HandyControl/Doc/attach/InfoElement.Necssary.png)
## Symbol 标记信息
```xml
<hc:SearchBar hc:InfoElement.Placeholder="请输入内容"
hc:InfoElement.Title="此项必填" Style="{StaticResource SearchBarExtend}"
Margin="10,10" hc:InfoElement.Necessary="True"
hc:InfoElement.Symbol="x"/>
```
![InfoElement.Symbol](https://raw.githubusercontent.com/HandyOrg/HandyOrgResource/master/HandyControl/Doc/attach/InfoElement.Symbol.png)
## ContentHeight 内容高度
```xml
<hc:SearchBar hc:InfoElement.Placeholder="请输入查询条件"
hc:InfoElement.ContentHeight="50"
hc:InfoElement.Title="查询条件"
Margin="10,10" hc:InfoElement.Necessary="True"
Style="{StaticResource SearchBarExtend}"/>
```
![InfoElement.ContentHeight](https://raw.githubusercontent.com/HandyOrg/HandyOrgResource/master/HandyControl/Doc/attach/InfoElement.ContentHeight.png)
@@ -1,5 +1,57 @@
---
title: 建设中
title: TitleElement 标题元素
---
建设中
# 属性
| 名称 | 用途 |
| -------------- | ------------ |
| Title | 标题信息 |
| Background | 标题背景色 |
| Foreground | 标题字体色 |
| BorderBrush | 标题边框色 |
| TitleAlignment | 标题对齐方式 |
| TitleWidth | 标题宽度 |
# 使用案例
## Title 标题信息
```xml
<hc:TextBox hc:TitleElement.Title="标题信息"
Margin="10,10"></hc:TextBox>
```
![TitleElement.Title](https://raw.githubusercontent.com/HandyOrg/HandyOrgResource/master/HandyControl/Doc/attach/TitleElement.Title.png)
## TitleAlignment 标题对齐方式
```xml
<!--标题居于顶侧-->
<hc:TextBox hc:TitleElement.Title="标题信息"
hc:TitleElement.TitleAlignment="Top"
Margin="10,10"></hc:TextBox>
<!--标题居于左侧-->
<hc:TextBox hc:TitleElement.Title="标题信息"
hc:TitleElement.TitleAlignment="Left"
Margin="10,10"></hc:TextBox>
```
![TitleElement.TitleAlignment](https://raw.githubusercontent.com/HandyOrg/HandyOrgResource/master/HandyControl/Doc/attach/TitleElement.TitleAlignment.png)
## TitleWidth 标题宽度
```xml
<!--设定TitleWidth为Auto-->
<hc:TextBox hc:TitleElement.Title="标题信息"
hc:TitleElement.TitleAlignment="Left"
hc:TitleElement.TitleWidth="Auto"
Margin="10,10"></hc:TextBox>
<!--设定TitleWidth为具体数值-->
<hc:TextBox hc:TitleElement.Title="标题信息"
hc:TitleElement.TitleAlignment="Left"
hc:TitleElement.TitleWidth="60"
Margin="10,10"></hc:TextBox>
```
![TitleElement.TitleWidth](https://raw.githubusercontent.com/HandyOrg/HandyOrgResource/master/HandyControl/Doc/attach/TitleElement.TitleWidth.png)