跟互联力量学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

你可能感兴趣的:(silverlight)