WPF控件---Border应用

内容模型:Border 只能具有一个子元素。若要显示多个子元素,

需要将一个容器元素放置在父元素Border中。

WPF控件---Border应用
  <Grid>
<Border BorderBrush="BlueViolet"
BorderThickness=""
Margin="">
<StackPanel>
<Button>Button1</Button>
<Button>Button2</Button>
</StackPanel>
</Border>
</Grid>
WPF控件---Border应用

如图所示 BorderBrush="BlueViolet" 设置边框的颜色    BorderThickness="" 设置边框的线条粗细 BorderBursh 也可以设置渐变画刷 用来设置更加漂亮的边框颜色

整个边框的宽度和高度 会根据父元素的宽度和高度进行调整

WPF控件---Border应用

Border 更加内容来调整自己的宽和高 请设置

HorizontalAlignment="Left"      VerticalAlignment="Top"

BorderBrush 为 Bursh  类型  设置渐变画刷

WPF控件---Border应用
<Border
BorderThickness="10"
HorizontalAlignment="Left"
VerticalAlignment="Top"
Margin="20">
<Border.BorderBrush>
<LinearGradientBrush StartPoint="0,0" EndPoint="1,1">
<GradientStop Offset="0.0" Color="Yellow"></GradientStop>
<GradientStop Offset="0.25" Color="Red"></GradientStop>
<GradientStop Offset="0.75" Color="Blue"></GradientStop>
<GradientStop Offset="1.0" Color="LimeGreen"></GradientStop>
</LinearGradientBrush>
</Border.BorderBrush>
<StackPanel>
<Button>Button1</Button>
<Button>Button2</Button>
</StackPanel>
</Border>
WPF控件---Border应用

WPF控件---Border应用

上一篇:使用docker-compose编排django、mysql实战


下一篇:JavaScript是如何工作的:Web Workers的构建块 + 5个使用他们的场景