Silverlight中多个Xaml("场景"? or "窗口"? )之间的切换/调用/弹出/传参数问题小结

2018-01-23 11:37:49 浏览数 (1)

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

1、A.xaml跳转到B.xaml

(a)首先需要定义一个公用的接口(interface)，如下:

using System.Windows;

代码语言：js复制
namespace ChildWin.Code
{
    public interface IContent
    {
        UIElement Content { get; set; }
    }
}

(b)A.Xaml与B.Xaml都实现该接口,代码如下:

代码语言：js复制
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)需要跳转的地方，类似下面这样处理:

代码语言：js复制
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就行了，参考以下代码:

代码语言：js复制
<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文件头部加二行代码:

代码语言：js复制
 xmlns:controls="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls"  
 xmlns:vsm="clr-namespace:System.Windows;assembly=System.Windows"

(c)要弹出的地方，参考以下代码:

代码语言：js复制
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时的参数传递问题

可以利用构造函数来解决，参考以下代码

代码语言：js复制
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(),这种写法在本例中等价于:

代码语言：js复制
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 xml

0 人点赞