上一章《》主要介绍了布局，容器和面板。这一章主要开始介绍Border(边界)和Brush（画刷）。

　　代码地址：

引言

　　在任何WPF的程序设计中，Border都占主要部分，一般都会使用很多Border装饰用户界面。从直接在window上放置borders到在ListBoxItem上放置Borders，boarder在美化界面方面起到了重要的作用。

　　Border确切来说只是一个可以放置UI元素的矩形区域，但是Border和Rectangle最大的不同是Border允许放置一个简单的子元素在其中，看下面例子：

1 
     
      2   
      
       3      
       4   
      5   
      
       6     
       8   
      9 
     

　　效果图：，仔细分析上面的代码，Width/Height指定了Border的的尺寸，Board.Background通过Brush指定背景的颜色，SolidColorBrush可以设置任何颜色的Brush，它的属性待会讨论。

　　Board.Effect使用了一个DrowShaowEffect来增加阴影效果，需要注意的属性如下：

 　　1.Color：阴影颜色

　　 2.Opacity:透明度，范围0-1,0完全透明。

       3.BlurRadius：模糊半径，可以增加这个系数来增加阴影的程度。0：，50:

　　 4.Direction：方向，0-360. 0:,90:

　　 5.ShdaowDepth：阴影深度，值越大，阴影被拖的就越远。0:,20:

 

讨论更多的例子：

1 
     
       2                 
      
        3                     
       
         4                         
        
          5                             
          6                             
          7                             
          8                         
         9                     
       10                 
      11                 
      
       12                     
       14                 
      15             
     

　　第一个例子中，使用SolidColorBrush指定一个3步的LinearGradientBrush，StartPoint和EndPoint必须指定，StartPoint是梯度开始的点，（0,0）代表左上角，（1,1）代表右下角第一个0代表X的偏置，第二个0代表Y的偏置， 我使用了坐标是（0,0）-（1,1）从从左上角到右下角，Gradient是直线变化，GradientStops定义了Gradient的颜色。offset是相对量表示，表示此点的位置是在开始位置向重点位置相对比列， 这里我定义所有的颜色从0到1，效果是坐标（0,0）为红色，坐标（0.5,0.5）为粉红色，（1,1）为蔚蓝色，颜色呈斜下的渐变。

 

　　再看这一个例子：

1 
     
       3                 
      
        4                     
       
         5                         
        
          6                             
          7                             
          8                             
          9                         
        10                     
       11                 
      12                 
      
       13                     
       15                 
      16             
     

　　这里我改变了渐变顺序，从左下角到右上角。同时改变了阴影效果的角度和颜色。

更多的画刷

　　在前面我们已经讨论了使用常见的LinearGradient和SolidColorBrush的画刷，现在看下其他画刷。

　　1.RadialGradientBrush：提供一个圆形的渐变，以一个起始点呈椭圆状向外散发渐变，GradientOriginal表示渐变的源点，默认位置为(.5,.5)，即GradientOriginal和Center默认在一起，RadiusX和RadiusY表示椭圆的半径，其均值为0.5.，Offset表示离源点距离指定位置的颜色，将下列代码中的offset对换一下，可以获得第二幅图像。

1 
     

2                 
     
       3                     
      
        5                         
       
         6                             
         7                             
         8                         
        9                     
      10                 
     11             

　　2.ImageBrush：提供能图片的画刷处理，需要指定图片，负责将位图填充到目标区域，Opacity设定图像的透明度。

1 
     
       2                 
      
        3                     
       
         4                         
         7                     
        8                 
       9                 
      
       10                     
       11                 
      12             
     

　　使用OuterGlowEffect给图像加上一个效果。

VisualBrush：

 

　　使用Visual对象来填充目标区域，所有控件都派生自Visual。那就意味着无论是一个按钮和RadioButton都完全可以填充到目标区域当中。但是需要注意的是VisualBrush仅仅是绘制了Visual的外观，填充到目标区域的按钮都是不能点击的，RadioButton也是不能选中的。

1 
     
       2                 
      
        3                     
       
         4                     
        5                 
       6                 
      
        7                     
        9                 
      10             
     11             
     
      12                 
      
       13                     
       
        15         
       16                 
      17             
     

Bord Effects

　　以我先前使用Border的经验来看，一些主要的Border效果是经常用到的。

　　所有Border元素派生于支持两种边界效果的Border。

　　1.Effect：应用与整个Border,任何在Border内的子元素都会受到效果的影响。

　　　　

　　　　　　你能够使用BlurEffrct模糊Border内的文本，代码如下：

1 
     
      3                 
      
       4                     
       5                 
      6                 
      9             
     

　　2. DropShawEffect：作用于Border之外，如上面部分讨论的。

Border BitmapEffects

　　Border也能定义BitmapEffect，我在上面部分介绍了OuterGlowBitmapEffect和BevelBitmapEffect，接下来介绍剩下的。

　　1.EmbossBitmapEffect：使边界突出，LightAngle指定了突出的角度。

1 
     
      3                 
      
       4                     
       5                 
      6                 
      9             
     

　　2.DropShadowBitmapEffect:指定dropshadows, 可以附加写噪声。

注意点

　　在实际的软件中，Effect和BitmapEffect会严重影响软件的性能，最好避免使用，或者对小元素使用效果，不能将BitmapEffect使用于整个窗体。

文章来自似水无痕：