2.5 KiB
2.5 KiB
title
| title |
|---|
| 具有边框的元素 |
准备工作
使用该系附加属性的.xaml文件中，需要添加HandyControl命名空间
{% code %}
xmlns:hc="https://handyorg.github.io/handycontrol"
{% endcode %}
相关属性
| 名称 | 用途 |
|---|---|
| CornerRadius | 设置边框圆角值 |
| Circular | 是否呈现为圆形 True为是、False为否 |
使用案例
CornerRadius
设置边框的圆角值
<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
<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(暂时无效) |