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