Silverlight 的 Border 控件
来源:互联网 发布:java getinstance 编辑:程序博客网 时间:2024/05/01 13:09
Border 控件用于在另一元素周围绘制边框或背景。
先看一个简单的例子
Xaml 文件
<UserControlxmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"x:Class="SilverlightApplication2.MainPage"Width="300" Height="150"> <Border Background="Coral" Width="250" Margin="12" Padding="10" CornerRadius="30,38,150,26"BorderThickness="8 15 10 2" BorderBrush="Aqua"> <TextBlock FontSize="12">Text Surrounded by a BorderTextBlock>Border>UserControl>
演示效果图:
其中属性说明:
Border.Padding 属性 获取或设置边框与其子对象之间的距离。
FrameworkElement.Margin 属性 获取或设置 FrameworkElement 的外边距。
Border.CornerRadius 属性 获取或设置边框的角的半径。 上面例子中是按照 topLeft,topRight,bottomRight,bottomLeft 的顺序来设置的。
Border.BorderThickness 属性 获取或设置边框的粗细。默认情况下,四个边的粗细都为 0。 上面例子中是按照 left,top,right,bottom 顺序来设置的:
在如上所示的 XAML 语法中,可以使用空格而不是逗号作为值之间的分隔符。
Border.BorderBrush 属性 获取或设置用于创建边框的 Brush。
需要注意的是:
Border 只能包含一个子对象。如果要在多个对象周围放置一个边框,应将这些对象包装到一个容器对象中,例如 StackPanel。
下面的示例就演示了一个如何在 StackPanel 中包含的多个 TextBlock 对象,并在周围放置一个边框。
<Border BorderThickness="5" BorderBrush="Blue" > <StackPanel Grid.Column="0" Grid.Row="0"> <TextBlock Text="One"/> <TextBlock Text="Two"/> <TextBlock Text="Three"/> StackPanel>Border>
我们如果修改其他控件的 ControlTemplate 时,我们就会看到, Border 控件在很多地方都用到了,用于模拟选中的3D效果。这个逻辑的实现很简单,通过修改 Opacity 来实现,下面就是一个简化版的演示,当用户点击文本时,出现一个文本的边框。
Xaml 代码
<UserControlxmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"x:Class="SilverlightApplication2.MainPage"Width="300" Height="150"> <Grid x:Name="LayoutRoot" > <Border x:Name="TextBorder" BorderThickness="10" > <Border.BorderBrush> <SolidColorBrush Color="Red" Opacity="0" /> Border.BorderBrush> <TextBlock MouseLeftButtonDown="TextBlock_MouseLeftButtonDown" Text="Hello" /> Border> Grid>UserControl>
C# 代码
private void TextBlock_MouseLeftButtonDown(object sender,System.Windows.Input.MouseButtonEventArgs e){TextBorder.BorderBrush.Opacity = 1;}
参考资料:
Using the Border control in Silverlight 2
http://www.silverlightshow.net/items/Using-the-Border-control-in-Silverlight-2-Beta-1-.aspx
Border 类
http://msdn.microsoft.com/zh-cn/library/system.windows.controls.border(VS.95).aspx
稳扎稳打Silverlight(3) - 2.0控件之Border, Button, Calendar, Canvas, CheckBox, ComboBox
http://www.cnblogs.com/webabcd/archive/2008/10/09/1307493.html
Show/Hide a Border and other Border fun
http://blogs.msdn.com/silverlight_sdk/archive/2008/07/30/show-hide-a-border-and-other-border-fun.aspx
Silverlight里的Rectangle与border有啥区别呀?
http://social.microsoft.com/Forums/zh-CN/silverlightzhchs/thread/86581cff-f660-414f-94dc-f4e77a02090a
Silverlight Border Control
http://www.c-sharpcorner.com/UploadFile/raj1979/SilverlightBorder10162008030241AM/SilverlightBorder.aspx
border控件中的一些疑问
http://bbs.blueidea.com/viewthread.php?tid=2957515
- Silverlight 的 Border 控件
- Study Silverlight《控件之Border, Button, Calendar, Canvas, CheckBox, ComboBox 》
- Silverlight 的控件生命周期
- Silverlight 的控件生命周期
- Extjs的布局控件--border布局
- WPF中Border控件的属性介绍
- 稳扎稳打Silverlight(3) - 2.0控件之Border, Button, Calendar, Canvas, CheckBox, ComboBox
- Silverlight中的Border,Button学习
- 更好用的Silverlight 控件
- 随笔 Silverlight 控件的制作
- Silverlight 的image 控件运用
- silverlight控件
- Silverlight 控件
- 设计silverlight的MediaPlay控件--silverlight(银光)学习(3)
- [Silverlight FlatUI]Silverlight的扁平化风格控件集
- SilverLight技术的Listbox控件的使用
- Silverlight 的图表控件 Visifire 的疑问
- silverlight border 边框和背景渐变效果
- WPF/Silverlight 控件的基本组成
- 应用程序测试经验漫谈(3)--兼容性
- 2009十大网络流行语 中英文对照读本 (搞笑)
- Eclipse插件开发引用外部包
- XP sp3 安装iis时找不到zClientm.exe的解决方法
- Silverlight 的 Border 控件
- 使用 Blend 来创建一个不规则 Border
- Silverlight 图形的转换
- 102 种博客标题格式
- Windows的用户管理中的用户模拟 impersonate
- sp_spaceused (Transact-SQL)
- 一个通讯录代码。提供参考,写的既不像c,又不像c++
- fatal error LNK1112: module machine type 'THUMB' conflicts with target machine type 'ARM'
- windows 2003/2008 禁用关闭事件跟踪程序 自动登录 禁用 IE 增强的安全配置