76 lines
2.5 KiB
Markdown
76 lines
2.5 KiB
Markdown
---
|
|
title: BorderElement 具有边框的元素
|
|
---
|
|
|
|
# 准备工作
|
|
|
|
添加`HandyControl`命名空间
|
|
|
|
```xml
|
|
xmlns:hc="https://handyorg.github.io/handycontrol"
|
|
```
|
|
|
|
# 相关属性
|
|
|
|
| 名称 | 用途 |
|
|
|-|-|
|
|
| CornerRadius | 设置边框圆角值 |
|
|
| Circular | 是否呈现为圆形 True为是、False为否 |
|
|
|
|
# 使用案例
|
|
|
|
## CornerRadius 设置边框圆角值
|
|
|
|
```xml
|
|
<Button Content="[Button]测试CornerRadius" hc:BorderElement.CornerRadius="0"></Button>
|
|
<hc:TextBox Text="[hc:TextBox]测试CornerRadius" hc:BorderElement.CornerRadius="15"></hc:TextBox>
|
|
<TextBox Text="[TextBox]测试CornerRadius" hc:BorderElement.CornerRadius="0"></TextBox>
|
|
<Button Content="[Button]测试CornerRadius" hc:BorderElement.CornerRadius="0,0,4,4"></Button>
|
|
```
|
|
|
|
|
|
|
|
## Circular 是否呈现为圆形
|
|
|
|
借助`BorderElement.Circular`附加属性实现圆形Border
|
|
```xml
|
|
<Border Style="{StaticResource BorderCircular}" Background="OrangeRed" Width="100" Height="100"/>
|
|
```
|
|
|
|
|
|
# 温馨提示
|
|
|
|
## 常见控件支持项
|
|
|
|
**所属** 是指该控件为`WPF默认`控件还是为`HandControl自定义`实现的控件
|
|
**适用属性 ** 为当前控件`BorderElement`对应有效的附加属性
|
|
|
|
| 控件类型 | 所属 | 适用属性 |
|
|
| -------- | --------------------- | ------------ |
|
|
|Button | WPF默认 | CornerRadius |
|
|
|DatePicker|WPF默认| CornerRadius|
|
|
|ProgressBar| WPF默认|CornerRadus|
|
|
|RadioButton|WPF默认|CornerRadus|
|
|
|ToggleButton|WPF默认|CornerRadus|
|
|
|RepeatButton|WPF默认|CornerRadus|
|
|
|ToolBar|WPF默认|CornerRadus|
|
|
|**Border**|WPF默认|**Circular**|
|
|
|GroupBox|WPF默认(部分Style)|CornerRadus|
|
|
|TextBox | WPF默认、HandyControl | CornerRadius |
|
|
|PasswordBox| WPF默认、HandyControl|CornerRadus|
|
|
|ComboBox| WPF默认、HandyControl|CornerRadus|
|
|
|DateTimePicker|HandyControl|CornerRadus|
|
|
|GotoTop|HandyControl|CornerRadus|
|
|
|Gravatar|HandyControl|CornerRadus|
|
|
|NumericUpDown|HandyControl|CornerRadus|
|
|
|ProgressButton| HandyControl|CornerRadus|
|
|
|RunningBlock|HandyControl|CornerRadus|
|
|
|SearchBar|HandyControl|CornerRadus|
|
|
|SplitButton|HandyControl|CornerRadus|
|
|
|TabItem|HandyControl|CornerRadus|
|
|
|Growl|HandyControl|CornerRadus|
|
|
|Shield|HandyControl|CornerRadus(暂时无效)|
|
|
|Tag|HandyControl|CornerRadus(暂时无效)|
|
|
|
|
|