add doc of titleElement

add doc of InfoElement
2019-11-03 23:40:54 +08:00
1 parent c6e4f2d879
commit 70f69763fa
@@ -1,5 +1,68 @@
 ---
-title: 建设中
+title: TitleElement标题元素
 ---

-建设中
+# 属性
+
+| 名称           | 用途         |
+| -------------- | ------------ |
+| Title          | 标题信息     |
+| Background     | 标题背景色   |
+| Foreground     | 标题字体色   |
+| BorderBrush    | 标题边框色   |
+| TitleAlignment | 标题对齐方式 |
+| TitleWidth     | 标题宽度     |
+
+# 使用案例
+
+对应`xaml`引入`handycontrol`对应的命名空间
+
+```xml
+xmlns:hc="https://handyorg.github.io/handycontrol"
+```
+
+## `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)