Silverlight:Grid扩展

在XAML的开发中,能够熟练的使用Grid布局是一个基本要求，本篇文章尝试解决其中一个比较显而易见的问题。

在Grid的布局的页面中，相信下面的类似代码一定非常熟悉：

     <StackPanel Grid.Row="2" Grid.Column="1" Grid.ColumnSpan="2">

虽然在Blend下可以很方便的修改布局参数，但是实际上我们很多时候都是直接在VS里面编辑XAML，所以本文的思路是用附加属性来解决这个问题：

首先定义一个Cell属性：

    public static string GetCell(DependencyObject d)

   {

    return (string)d.GetValue(CellProperty);

   }

   public static void SetCell(DependencyObject d, string value)

   {

    d.SetValue(CellProperty, value);

   }

    public static readonly DependencyProperty CellProperty =

    DependencyProperty.RegisterAttached("CellProperty", typeof(string), typeof(GridUtil), new PropertyMetadata(string.Empty, OnCellPropertyChanged));

那么关键点就在OnCellPropertyChanged如何处理了：

   var locationDefs = e.NewValue as string;

   var locationDefArray = locationDefs.Split(',');

   for (int i = 0; i < locationDefArray.Length; i++)

   {

    string locationDef = locationDefArray[i].Trim();

    if (string.IsNullOrEmpty(locationDef))

    {

        locationDef = "0";

    }

    int locationValue;

    if (int.TryParse(locationDef, out locationValue))

    {

        switch (i)

        {

            case 0:

                d.SetValue(Grid.RowProperty, locationValue);

                break;

            case 1:

                d.SetValue(Grid.ColumnProperty, locationValue);

                break;

            case 2:

                d.SetValue(Grid.RowSpanProperty, locationValue > 0 ? locationValue : 1);

                break;

            case 3:

                d.SetValue(Grid.ColumnSpanProperty, locationValue > 0 ? locationValue : 1);

                break;

        }

    }

    }

其实显而易见的是,我通过不同的参数去处理Grid的各个属性,那么开头一段XAML,现在就可以表示成下面的写法:

   <StackPanel GridMarkup:GridUtil.Cell="2,1,2"/>