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"/>

其实也许你会觉得原生态的写法更好,我只是通过这个例子给各位一点参考，希望对各位有帮助。

 

代码下载：GridUtil.rar

 

另外帮自己的部门打个小广告：招收熟悉C#+XAML开发的工程师，地点在南京，有意者请留言。