日斋
日新月异
silverlight中不存在Flash中的场景,有的只是一个个Xaml文件,你要是愿意,也可以把它看做"场景"或"窗口",刚开始接触sl时,对于多个xaml之间如何切换,调用,传递参数感到很棘手,下面是我总结的几种方法:

1、A.xaml跳转到B.xaml

(a)首先需要定义一个公用的接口(interface),如下:
  1. using System.Windows;

  2. namespace ChildWin.Code
  3. {
  4.     public interface IContent
  5.     {
  6.         UIElement Content { get; set; }
  7.     }
  8. }
复制代码
(b)A.Xaml与B.Xaml都实现该接口,代码如下:
  1. public partial class A: UserControl, IContent
  2. {
  3.       ...

  4.         /// <summary>
  5.         /// 实现IContent接口
  6.         /// </summary>
  7.         public new UIElement Content
  8.         {
  9.             get
  10.             {
  11.                 return base.Content;
  12.             }
  13.             set
  14.             {
  15.                 base.Content = value;
  16.             }
  17.         }
  18. }


  19. public partial class B: UserControl, IContent
  20. {
  21.       ...
  22.       /// <summary>
  23.         /// 实现IContent接口
  24.         /// </summary>
  25.         public new UIElement Content
  26.         {
  27.             get
  28.             {
  29.                 return base.Content;
  30.             }
  31.             set
  32.             {
  33.                 base.Content = value;
  34.             }
  35.         }
  36. }
复制代码
(c)需要跳转的地方,类似下面这样处理:
  1. private void btnChange_Click(object sender, System.Windows.RoutedEventArgs e)
  2. {
  3.     (App.Current.RootVisual as IContent).Content = new Window2();
  4. }
复制代码
上面的的意思是按钮btnChange点击后,当前"场景"将切换到Window2.xaml对应的"场景"


2、"主Xaml"中加载"子Xaml"(类似软件中的MDI窗口)

这个比较容易,在主Xaml中放置一个容器类的控件(比如ScrollViewer之类),然后指定Content就行了,参考以下代码:
  1. <ScrollViewer x:Name="viewer1" Canvas.Top="40" Width="400" Height="258"></ScrollViewer>
  2. ...
  3. private void btnLoad_Click(object sender, System.Windows.RoutedEventArgs e)
  4. {
  5.       if (this.viewer1.Content == null)
  6.       {
  7.         this.viewer1.Content = new SubWin();
  8.       }
  9. }
    3、"主Xaml"中以模态窗口方式弹出"子Xaml"

    这个要用到sl3.0中的ChildWindow控件

    (a)项目中先添加System.Windows.Controls的引用

    (b)xaml文件头部加二行代码:
    1. xmlns:controls="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls" 
    2. xmlns:vsm="clr-namespace:System.Windows;assembly=System.Windows"
    复制代码
    (c)要弹出的地方,参考以下代码:
    1. private void btnShow_Click(object sender, System.Windows.RoutedEventArgs e)
    2. {
    3.     ChildWindow win = new ChildWindow();
    4.     win.Title = "测试弹出窗口";
    5.     win.Content = new SubWin();
    6.     win.HasCloseButton = true;
    7.     win.OverlayBrush = new SolidColorBrush(Colors.Gray);
    8.     win.OverlayOpacity = 0.3;
    9.     win.Width = 205;
    10.     win.Height = 205;
    11.     win.Show();
    12. }
    复制代码
    4、调用Xaml时的参数传递问题

    可以利用构造函数来解决,参考以下代码
    1. namespace ChildWin
    2. {
    3.     public partial class SubWin : UserControl
    4.     {
    5.         public SubWin()
    6.         {
    7.             InitializeComponent();
    8.         }


    9.         public SubWin(DateTime dt):this()
    10.         {           
    11.             this.calendar1.DisplayDate = dt;
    12.         }
    13.     }
    14. }
    复制代码
    这里我添加了一个带参数的构架函数做为测试,即public SubWin(DateTime dt):this(),这里接受一个日期型的参数,然后把日期控件的显示值设置为该参数,而:this()的作用是调用该构架函数前,先调用无参数的构造函数,即SubWin(),这种写法在本例中等价于:
    1. public SubWin(DateTime dt)
    2. {           
    3.       InitializeComponent();
    4.       this.calendar1.DisplayDate = dt;
    5. }
    复制代码
    重点:调用该Xaml时,上面都是xxx = new SubWin()来处理的,现在我们可以用this.viewer1.Content = new SubWin(DateTime.Parse("1979-6-5"));来传递一个参数给SubWin


    最后给一个综合的演示效果:




posted on 2009-09-25 15:43  李承隆  阅读(287)  评论(0编辑  收藏  举报