WPF编游戏系列 之五 数据绑定

原文: WPF编游戏系列 之五 数据绑定

       在上一篇通过用户控件将重复使用的控件封装为一个控件组，大大减少了C#代码数量，本篇继续对该控件组进行数据绑定，节省为每个控件赋值的工作。对于数据绑定具体内容的在这里就不多说了，有许多相关资料可以参考，博客园的达人们肯定也有相关教程。

1. 创建一个GoodsInfo类，其中包括GoodsImage、GoodsPrice、GoodsQty、GoodsBuyImageTag 这四个属性。

using System; namespace XMarket { class GoodsInfo { public string GoodsImage { get; set; } public string GoodsPrice { get; set; } public string GoodsQty { get; set; } public string GoodsBuyImageTag { get; set; } } }

 

2. 使用{Binding Property} 为控件组增加绑定内容，再次打开GoodsElement.xaml控件，将GoodsImage、GoodsPrice、GoodsQty、GoodsBuyImageTag 绑定到相应的控件中。

... ... <StackPanel Orientation="Vertical" HorizontalAlignment="Center" Margin="5"> <Image Name="goodsImage" Height="80" Width="80" Margin="5" 
Source="{Binding GoodsImage}"></Image> <TextBlock Name="goodsPrice" Margin="5" 
Text="{Binding GoodsPrice}"></TextBlock> <TextBlock Name="goodsQty" Margin="5" 
Text="{Binding GoodsQty}"></TextBlock> <Image Name="goodsBuy" Source="image/add.png" Height="25" Width="25" Cursor="Hand" Margin="5" Tag="{Binding GoodsBuyImageTag}"> <Image.ToolTip>Add Quantity</Image.ToolTip> </Image> </StackPanel> ... ...

3. 数据绑定完毕，再回到上一篇（WPF编游戏系列 之四 用户控件）“3.” 部分的C#进行优化。

for (int i = 0; i < num; i++) { //创建一个goodsinfo实例 GoodsInfo goodsinfo = new GoodsInfo();
//为goodsinfo中的属性赋值 goodsinfo.GoodsImage = "image/shop/" + res[i, 2].ToString(); goodsinfo.GoodsPrice = "Price: $" + res[i, 6].ToString(); goodsinfo.GoodsQty = "Quantity: " + res[i, 5].ToString(); goodsinfo.GoodsBuyImageTag = res[i, 0].ToString() + "-" + 
 res[i, 5].ToString() + "-" + res[i, 6].ToString(); //创建goods控件组 GoodsElement goods = new GoodsElement();
//这里只需将goodsinfo赋给DataContext即可，就不用再对Text、Source等赋值了 goods.DataContext = goodsinfo;
 … …
}

       另，有个问题，在3中从数据库读取的物品信息都是通过for循环中同一个goodsinfo创建出来的，如果在界面中修改一个物品的数量，并同时将结果体现在Quantity的Textblock中，就会导致结果只在最后一个物品中体现，怎么样能使不同的物品创建不同的goodsinfo实例，或者有什么其他方法解决。

待续 … …