Silverlight奇技银巧6 - UserControl的继承

在Silverlight中，UserControl的继承一直是个麻烦事情，要继承一个View（UserControl或者Page以及其他基类）比在ASP.NET中要麻烦一些。仅仅的在UserControl的类中定义继承会存在各种各样的问题，比如说要修改.g文件；更有不辞辛苦者竟然找到了用后台拼XAML的方式（网上一搜便知），对于有洁癖的程序员，这些解决方案都不是非常理想。

其实从sl3开始，ms就已经告诉我们如何正确的继承UserControl等，只要你新建一个Page（注意，不是UserControl）就能看出端倪。

下面我举个例子（代码截取于我一时兴起做的坦克大战雏形）

• 首先我们有一个基类，这里叫做BaseObject

using System.Windows;

using System.Windows.Controls;



namespace EternalTank {

    public class BaseObject : UserControl {

        double _x;

        public double X {

            get {

                _x = Canvas.GetLeft(this);

                return _x;

            }



            set {

                Canvas.SetLeft(this, value);

                _x = value;

            }

        }



        double _y;

        public double Y {

            get {

                _y = Canvas.GetTop(this);

                return _y;

            }



            set {

                Canvas.SetTop(this, value);

                _y = value;

            }

        }



        public ObjectDirection Direction { get; set; }



        /// <summary>

        /// 坦克的速度

        /// </summary>

        public double Speed {

            get { return (double)GetValue(SpeedProperty); }

            set { SetValue(SpeedProperty, value); }

        }



        public static readonly DependencyProperty SpeedProperty =

            DependencyProperty.Register("Speed", typeof(double), typeof(BaseObject), new PropertyMetadata(10d));

    }

}

这里代码的意义并不重要，但要记住它是基类并且继承了UserControl，以方便其他的UserControl继承它

• 接下来是一个它派生的类

namespace EternalTank.Assets {

    public partial class Brick : BaseObject {

        public Brick() {

            InitializeComponent();

        }

    }

}

这列的Brick继承了BaseObject，下面才是最关键的一步

• 这个Brick的XAML中我们做出如下定义

<my:BaseObject x:Class="EternalTank.Assets.Brick"

    xmlns:my="clr-namespace:EternalTank"

    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"

    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"

    mc:Ignorable="d"

    d:DesignHeight="300" d:DesignWidth="400">

    <Grid x:Name="LayoutRoot" Background="White">

        <Rectangle Fill="Red" Width="13" Height="13"></Rectangle>

    </Grid>

</my:BaseObject>

看出来与一般的UserControl有什么不同了吗？

1.先要在XAML中声明命名空间，对于这个例子则是

•  
  •  

    xmlns:my="clr-namespace:EternalTank"
    
    

2.然后让它作为UserControl的跟元素，大概这个样子

<my:BaseObject>
</my:BaseObject>

运行一下看看，是不是一点问题没有了？

• 小结

其实就如开篇中提到的一样，这种方法已经广泛的应用于Silverlight中了，比如navigation:Page中，只是鲜有人注意而已。

我个人觉得如果不是特别必要的话应当尽量避免这样的继承，毕竟它也一定程度的增加了我们的工作量和代码理解难度。我的建议是灵活运用MVVM，我们的ViewModel难道不可以有一个共同的基类吗：）