Silverlight中多个Xaml("场景"? or "窗口"? )之间的切换/调用/弹出/传参数问题小结
silverlight中不存在Flash中的场景,有的只是一个个Xaml文件,你要是愿意,也可以把它看做"场景"或"窗口",刚开始接触sl时,对于多个xaml之间如何切换,调用,传递参数感到很棘手,下面是我总结的几种方法:
1、A.xaml跳转到B.xaml
(a)首先需要定义一个公用的接口(interface),如下:
using System.Windows;
namespace ChildWin.Code
{
public interface IContent
{
UIElement Content { get; set; }
}
}
(b)A.Xaml与B.Xaml都实现该接口,代码如下:
public partial class A: UserControl, IContent
{
...
/// <summary>
/// 实现IContent接口
/// </summary>
public new UIElement Content
{
get
{
return base.Content;
}
set
{
base.Content = value;
}
}
}
public partial class B: UserControl, IContent
{
...
/// <summary>
/// 实现IContent接口
/// </summary>
public new UIElement Content
{
get
{
return base.Content;
}
set
{
base.Content = value;
}
}
}
(c)需要跳转的地方,类似下面这样处理:
private void btnChange_Click(object sender, System.Windows.RoutedEventArgs e)
{
(App.Current.RootVisual as IContent).Content = new Window2();
}
上面的的意思是按钮btnChange点击后,当前"场景"将切换到Window2.xaml对应的"场景"
2、"主Xaml"中加载"子Xaml"(类似软件中的MDI窗口)
这个比较容易,在主Xaml中放置一个容器类的控件(比如ScrollViewer之类),然后指定Content就行了,参考以下代码:
<ScrollViewer x:Name="viewer1" Canvas.Top="40" Width="400" Height="258"></ScrollViewer>
...
private void btnLoad_Click(object sender, System.Windows.RoutedEventArgs e)
{
if (this.viewer1.Content == null)
{
this.viewer1.Content = new SubWin();
}
}
3、"主Xaml"中以模态窗口方式弹出"子Xaml"
这个要用到sl3.0中的ChildWindow控件
(a)项目中先添加System.Windows.Controls的引用
(b)xaml文件头部加二行代码:
xmlns:controls="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls"
xmlns:vsm="clr-namespace:System.Windows;assembly=System.Windows"
(c)要弹出的地方,参考以下代码:
private void btnShow_Click(object sender, System.Windows.RoutedEventArgs e)
{
ChildWindow win = new ChildWindow();
win.Title = "测试弹出窗口";
win.Content = new SubWin();
win.HasCloseButton = true;
win.OverlayBrush = new SolidColorBrush(Colors.Gray);
win.OverlayOpacity = 0.3;
win.Width = 205;
win.Height = 205;
win.Show();
}
4、调用Xaml时的参数传递问题
可以利用构造函数来解决,参考以下代码
namespace ChildWin
{
public partial class SubWin : UserControl
{
public SubWin()
{
InitializeComponent();
}
public SubWin(DateTime dt):this()
{
this.calendar1.DisplayDate = dt;
}
}
}
这里我添加了一个带参数的构架函数做为测试,即public SubWin(DateTime dt):this(),这里接受一个日期型的参数,然后把日期控件的显示值设置为该参数,而:this()的作用是调用该构架函数前,先调用无参数的构造函数,即SubWin(),这种写法在本例中等价于:
public SubWin(DateTime dt)
{
InitializeComponent();
this.calendar1.DisplayDate = dt;
}
重点:调用该Xaml时,上面都是xxx = new SubWin()来处理的,现在我们可以用this.viewer1.Content = new SubWin(DateTime.Parse("1979-6-5"));来传递一个参数给SubWin 经“包建强”提示,再补充一种情况(欢迎大家继续补充完善) 5.SL弹出一个IE窗口,IE窗口里加载一个新的SL并接收参数--本质上可理解为sl如何接收网页传递的参数 详见 https://cloud.tencent.com/developer/article/1027059
最后给一个综合的演示效果:
- Silverlight:分包下载及SEO优化方案
- jQuery调用RESTful WCF示例(GET方法/POST方法)
- "RDLC"报表-参数传递及主从报表
- 初探小程序之运营及未来方向
- 微信小程序深夜开放NFC等连接能力,未来可直接刷公交?
- Silverlight:获取ContentTemplate中的命名控件
- silverlight向wcf传递大于8192字节(8k)的字符串
- vim使用笔记
- "RDLC报表"速成指南
- Silverlight:双向绑定综合应用-自动更新集合汇总字段
- Silverlight:双向绑定综合应用-多集合的依赖绑定
- python sorted排序用法详解
- Silverlight:MouseDragElementBehavior无法应用于ListBox的变相解决办法
- Silverlight:xap包(或本地缓存)下载版本更新的解决思路
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- Dynamic Programming - 64. Minimum Path Sum
- Dynamic Programming - 322. Coin Change
- Dynamic Programming - 279. Perfect Squares
- Dynamic Programming - 120. Triangle
- Dynamic Programming - 63. Unique Paths II
- Tree - 109. Convert Sorted List to Binary Search Tree
- Tree - 108. Convert Sorted Array to Binary Search Tree Easy
- Tree - 236. Lowest Common Ancestor of a Binary Tree
- Tree - 235. Lowest Common Ancestor of a Binary Search Tree
- Tree - 98. Validate Binary Search Tree
- Tree - 199. Binary Tree Right Side View
- Tree - 103. Binary Tree Zigzag Level Order Traversal
- Tree - 107. Binary Tree Level Order Traversal II
- Trie - 212. Word Search II
- Trie - 211. Add and Search Word - Data structure design