跟互联力量学Silverlight之六_Panel和Border控件用法

本章开始介绍布局要用到的容器控件，你如果对Silverlight基本概念不了解，可以参考互联力量相关内容

Silverlight Panel
Panel有三种常见的形式，用来实现不同的布局效果：
StackPanel：水平和垂直排列子元素
WrapPanel：子元素水平和垂直排列，换行显示
DockPanel：把元素对齐到容器的边缘
WrapPanel和DockPanel用在Silverlight Toolkit上

Panel都有background属性，使用Brush定义背景颜色，用代码方式是这样写： panel1.Background = new SolidColorBrush(Colors.AliceBlue); 用XAML写：<StackPanel x:Name=”panel1″ Background=”#FFFF00″ />，请注意，这有另外的写法：

图1

你如果认为这样多麻烦，根本没有必要，那你就错了，用复合属性的方式，可以实现多种颜色，如渐变色效果，具体的例子参考XAML的资源

Silverlight Border

Panel可以当容器，并设置背景色，但是并没有边框。这就要用到Border控件，它的常见属性：Background背景色，BorderBrush边框笔刷，BorderThickness边框的粗细，用像素为单位，CornerRadius边框圆角，Padding边框内间距。下面的小例子给按钮加上边框，你需要清楚的是，Border控件不仅仅是描边，它也是容器控件。

首先放一个Button控件到页面，如：<Button x:Name=”btn1″ Content=”Click” Margin=”10″ Width=”100″ Height=”40″ />，把Button作为子元素，放到Border里面，完整的内容如下：

图2

运行效果：

图3

今天先说到这，下次具体谈每个panel的用法。

版权所有 互联力量，原文出自：http://www.foxitjob.com/2010/07/343.html