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

原创

huwlnew 2010-07-02 09:14:08 ©著作权

文章标签 .net 休闲 silverlight xaml 互联力量 文章分类 .Net 后端开发

©著作权归作者所有：来自51CTO博客作者huwlnew的原创作品，请联系作者获取转载授权，否则将追究法律责任

本章开始介绍布局要用到的容器控件，你如果对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的用法。