一步一步学Silverlight 2系列(10):使用用户控件
概述
Silverlight 2 Beta 1版本发布了,无论从Runtime还是Tools都给我们带来了很多的惊喜,如支持框架语言Visual Basic, Visual C#, IronRuby, Ironpython,对JSON、Web Service、WCF以及Sockets的支持等一系列新的特性。《一步一步学Silverlight 2系列》文章带您快速进入Silverlight 2开发。
本文为系列文章第10篇,主要介绍Silverlight 2中的用户控件使用。
创建用户控件
在Silverlight 2中,我们可以根据开发自定义控件或者创建用户控件,以达到控件重用的目的,添加一个新的用户控件:
编写用户控件实现代码:
<Grid x:Name="LayoutRoot" Background="White"><Rectangle HorizontalAlignment="Stretch" VerticalAlignment="Stretch"Opacity="0.7" Fill="#FF8A8A8A"/><Border CornerRadius="15" Width="400" Height="150" Background="LightPink" Opacity="0.9"><StackPanel Orientation="Horizontal" Height="50"><Image Source="info.png" Margin="10 0 0 0"></Image><Button Background="Red" Width="120" Height="40" Content="OK" Margin="10 0 0 0" FontSize="18"/><Button Background="Red" Width="120" Height="40" Content="Cancel" Margin="50 0 0 0" FontSize="18"/></StackPanel></Border> </Grid>
在需要使用该用户控件的页面XAML中注册命名空间:
使用用户控件:
<Grid x:Name="LayoutRoot" Background="#46461F"><uc:ConfirmBox x:Name="mybox"></uc:ConfirmBox> </Grid>
整个过程就这么简单,运行后效果如下:
为用户控件添加属性
简单的修改一下上面示例中的XAML文件,添加一个文本块控件,用它来显示文字提示信息。
<Grid x:Name="LayoutRoot" Background="White"><Rectangle HorizontalAlignment="Stretch" VerticalAlignment="Stretch"Opacity="0.7" Fill="#FF8A8A8A"/><Border CornerRadius="15" Width="400" Height="150" Background="LightPink" Opacity="0.9"><Grid><Grid.RowDefinitions><RowDefinition Height="60"></RowDefinition><RowDefinition Height="90"></RowDefinition></Grid.RowDefinitions><Grid.ColumnDefinitions><ColumnDefinition></ColumnDefinition></Grid.ColumnDefinitions><TextBlock x:Name="message" FontSize="18" Foreground="White"HorizontalAlignment="Left" VerticalAlignment="Center"Margin="50 20 0 0"/><StackPanel Orientation="Horizontal" Height="50" Grid.Row="1"><Image Source="info.png" Margin="10 0 0 0"></Image><Button Background="Red" Width="120" Height="40" Content="OK" Margin="10 0 0 0" FontSize="18"/><Button Background="Red" Width="120" Height="40" Content="Cancel" Margin="50 0 0 0" FontSize="18"/></StackPanel></Grid></Border> </Grid>
定义属性:
public partial class ConfirmBox : UserControl {public ConfirmBox(){InitializeComponent();}public String Message{get { return this.message.Text; }set { this.message.Text = value; }} }
在页面使用用户控件的属性,XAML编辑器能够识别出属性并提示:
为ConfirmBox控件的Message属性赋值:
<Grid x:Name="LayoutRoot" Background="#46461F"><uc:ConfirmBox x:Name="mybox" Message="使用用户控件成功"></uc:ConfirmBox> </Grid>
运行后效果如下所示:
动态添加用户控件
用户控件可以动态的添加到页面中,修改一下Page.xaml中的XAML代码,放入一个Canvas作为用户控件的容器。
<Grid x:Name="LayoutRoot" Background="#46461F"><Canvas x:Name="ContainerCanvas"></Canvas> </Grid>
编写添加用户控件代码:
private void LayoutRoot_Loaded(object sender, RoutedEventArgs e) {ConfirmBox confirmbox = new ConfirmBox();confirmbox.Message = "动态添加用户控件成功!";ContainerCanvas.Children.Add(confirmbox); }
运行后效果如下所示,当然我们也可以控制用户控件显示的位置等。
结束语
本文简单介绍了在Silverlight 2中使用用户控件,包括创建用户控件、添加属性、动态添加用户控件等内容,你可以从这里下载本文示例代码。
一步一步学Silverlight 2系列(10):使用用户控件相关推荐
- 一步一步学Silverlight 2系列(3):界面布局
概述 Silverlight 2 Beta 1版本发布了,无论从Runtime还是Tools都给我们带来了很多的惊喜,如支持框架语言Visual Basic, Visual C#, IronRuby, ...
- 一步一步学Silverlight 2系列(24):与浏览器交互相关辅助方法
概述 Silverlight 2 Beta 1版本发布了,无论从Runtime还是Tools都给我们带来了很多的惊喜,如支持框架语言Visual Basic, Visual C#, IronRuby, ...
- 一步一步学Silverlight 2系列(18):综合实例之RSS阅读器
概述 Silverlight 2 Beta 1版本发布了,无论从Runtime还是Tools都给我们带来了很多的惊喜,如支持框架语言Visual Basic, Visual C#, IronRuby, ...
- 一步一步学Silverlight 2系列(9):使用控件模板
版权声明:原创作品,允许转载,转载时请务必以超链接形式标明文章 原始出处 .作者信息和本声明.否则将追究法律责任.http://terrylee.blog.51cto.com/342737/67243 ...
- 一步一步学Silverlight 2系列(13):数据与通信之WebRequest
概述 Silverlight 2 Beta 1版本发布了,无论从Runtime还是Tools都给我们带来了很多的惊喜,如支持框架语言Visual Basic, Visual C#, IronRuby, ...
- 一步一步学Silverlight 2系列(32):图形图像综合实例—“功夫之王”剧照播放_转载...
概述 Silverlight 2 Beta 1版本发布了,无论从Runtime还是Tools都给我们带来了很多的惊喜,如支持框架语言Visual Basic, Visual C#, IronRuby, ...
- 一步一步学Silverlight 2系列(21):如何在Silverlight中调用JavaScript
概述 Silverlight 2 Beta 1版本发布了,无论从Runtime还是Tools都给我们带来了很多的惊喜,如支持框架语言Visual Basic, Visual C#, IronRuby, ...
- 一步一步学Silverlight 2系列(12):数据与通信之WebClient
版权声明:原创作品,允许转载,转载时请务必以超链接形式标明文章 原始出处 .作者信息和本声明.否则将追究法律责任.http://terrylee.blog.51cto.com/342737/67249 ...
- 一步一步学Silverlight 2系列(5):实现简单的拖放功能
概述 Silverlight 2 Beta 1版本发布了,无论从Runtime还是Tools都给我们带来了很多的惊喜,如支持框架语言Visual Basic, Visual C#, IronRuby, ...
最新文章
- vue组件的传参练习
- hdu3336 KMP + DP 前缀数组出现的次数
- 计算机专业的分支,计算机专业分支(转载)
- android cpu hotplug,[MTK] [CPU DVFS/Hotplug]运行时,把CPU固定在特定频率/特定核数的办法...
- 你需要知道的这几种 asp.net core 修改默认端口的方式
- java 银行存取款_用Java编写银行存钱取钱
- 在斯坦福,做 Manning 的 phd 要有多强?
- 基于基于jsp+mysql+Spring的SpringBoot美容院预约管理系统设计和实现
- mysql怎么保证最少一条消息_MySQL 的一条语句是怎么执行的
- Gitweb源码解析
- COM 组件实现事件、通知
- php-openssl降级,openssl升级降级
- 使用SecureCRT下载服务器日志到本地windows
- 自定义Xshell高亮
- 广域网、城域网及局域网技术
- 【版本控制】git学习笔记(一)
- install package vif包_ggpubr: Publication Ready Plots (发表级质量的作图R包)
- 【U盘主控芯片的优缺点】
- 如何把app运行在手表和电视上
- python记录鼠标键盘操作自动执行重复工作