Border——一个漂亮的玻璃框

有时候光有“窗户”——框架，和“玻璃”——显示组件，毫无边界的紧挨着，看着是不是有点难受？能不能让我们的眼睛更轻松的分辨出来每个个体？

可以，可以通过设置间距、颜色、等一系列显示属性。

但是我发现了一个更加厉害的东西，那就是给“玻璃”套上边框“Border”。这样的话，一个距离现实界限不是很大的窗户就出来了。

接着我们就要为这个“玻璃框”刷上颜色，通过BorderBrush属性来设置它。

光有颜色不够啊，要有厚度，通过 BorderThickness设置一个值来改变它。

还能把它变成圆角的，通过CornerRadius来设置圆角的半径是多少像素。要是一个正方形的border，设置成边框的一半你说长什么样子？

什么！你说北京雾霾沙尘暴？没关系，用Opacity属性给玻璃框设置下透明度，再明亮的玻璃装上去都是灰蒙蒙的，保证看不到霾！

 1 <StackPanel Grid.Row="0" Background="DarkGreen"  Margin="0,0,0,1" Orientation="Horizontal"> 
 2                 <Label>现在时间:</Label>3                 <Border Width="80" Height="36" BorderBrush="Black" BorderThickness=".8" CornerRadius="5" Background="Silver">
 4                     <Border.Effect> 
 5                         <DropShadowEffect BlurRadius="15"></DropShadowEffect> 
 6                     </Border.Effect> 
 7                     <Label Name="year">2014</Label> 
 8                 </Border> 
 9                 <Label>年</Label>
 10                 <Border  Width="40" Height="40" BorderBrush="Black" BorderThickness="1" CornerRadius="20" Background="White">
 11                     <Label Name="mouth">09</Label>
 12                 </Border>
 13                 <Label>月</Label>
 14                 <Border  Width="40" Height="36" BorderBrush="Black" BorderThickness="1" CornerRadius="5" Background="White">
 15                     <Label Name="day">01</Label>
 16                 </Border>
 17                 <Label>日</Label>
 18                 <Border  Width="20" Height="36" BorderBrush="Black" BorderThickness="1" CornerRadius="5" Background="White">
 19                     <Label Name="hour_1">1</Label>
 20                 </Border>
 21                 <Border  Width="20" Height="36" BorderBrush="Black" BorderThickness="1" CornerRadius="5" Background="White">
 22                     <Label Name="hour_2">1</Label>
 23                 </Border>
 24                 <Label>:</Label>
 25                 <Border  Width="20" Height="36" BorderBrush="Black" BorderThickness="1" CornerRadius="5" Background="White">
 26                     <Label Name="minute_1">1</Label>
 27                 </Border>
 28                 <Border  Width="20" Height="36" BorderBrush="Black" BorderThickness="1" CornerRadius="5" Background="White">
 29                     <Label Name="minute_2">1</Label>
 30                 </Border>
 31                 <Label>:</Label>
 32                 <Border  Width="20" Height="36" BorderBrush="Black" BorderThickness="1" CornerRadius="5" Background="White">
 33                     <Label Name="second_1">1</Label>
 34                 </Border>
 35                 <Border  Width="20" Height="36" BorderBrush="Black" BorderThickness="1" CornerRadius="5" Background="White">
 36                     <Label Name="second_2">1</Label>
 37                 </Border>
 38         </StackPanel>