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

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

    虽然在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,现在就可以表示成下面的写法:

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

 

代码下载：

 

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