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实例，或者有什么其他方法解决。

待续 … …