在上一篇《WPF编游戏系列 之三 物品清单》中，对物品清单进行了演示，其中反复用到了同一组控件（如下图），而且 颜昌钢也指出在3.2.2中使用的C#代码过多，其实我在写这些代码时也有同感，的确很繁琐也不好维护。其实这组控件的结构就是：<StackPanel><Image><Textblock><Textblock><Image>这5个控件的组合，那么能否将其做成一个控件组呢？“用户控件”即可实现这个功能。

1. 创建一个用户控件，右键项目名称，Add->New Item，选择User Control，新建一个GoodsElement控件。

VS会在Solution Explorer中创建一个新的XAML文件。

2. 控件创建好，就要对它进行编辑了，打开GoodsElement.xaml，将之前重复使用的控件全部定义到这里。

<UserControl x:Class="XMarket.GoodsElement"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Height="195" Width="150">
    <Grid>
       <Border BorderThickness="3" CornerRadius ="5"
               Background="#FFFFCC" BorderBrush="#FF6633">
          <StackPanel Orientation="Vertical" Margin="5"
HorizontalAlignment="Center">
              <Image Name="goodsImage" Height="80" Width="80" Margin="5"></Image>
              <TextBlock Name="goodsPrice" Margin="5"></TextBlock>
              <TextBlock Name="goodsQty" Margin="5"></TextBlock>
              <Image Name="goodsBuy" Source="image/add.png" 
Height="25" Width="25" Cursor="Hand" Margin="5">
                  <Image.ToolTip>Add Quantity</Image.ToolTip>
              </Image>
          </StackPanel>
       </Border>
    </Grid>
</UserControl>

效果图：

3. 控件编好后，回到上一篇的3.2.2 将那些C#修改一下，代码行数减少了一半还多。这样做虽然C#少了，不知道程序的效率会不会提高？

int rowNum = 0;
int colNum = 0;
//Make element for goods
for (int i = 0; i < num; i++)
{
  //使用刚定义的GoodsElement控件
GoodsElement goods = new GoodsElement();
  BitmapImage bitImage = new BitmapImage();
  bitImage.BeginInit();
  bitImage.UriSource = new Uri("image/shop/" + res[i, 2].ToString(), UriKind.Relative);
  bitImage.EndInit();
  
  goods.goodsImage.Source = bitImage;
  goods.goodsPrice.Text = "Price:  $" + res[i, 6].ToString();
  goods.goodsQty.Text = "Quantity:  " + res[i, 5].ToString();
                    
  goods.goodsQty.Name = "gQty" + res[i, 0].ToString();
  object findTextObj = queryGrid.FindName("gQty" + res[i, 0].ToString());
  if (findTextObj != null)
  {
    queryGrid.UnregisterName("gQty" + res[i, 0].ToString());
  }
  queryGrid.RegisterName(goods.goodsQty.Name, goods.goodsQty);
                    
  goods.goodsBuy.Tag = res[i, 0].ToString() + "-" + res[i, 5].ToString() + "-" + res[i, 6].ToString();
  goods.goodsBuy.MouseLeftButtonDown += addImage_MouseLeftButtonDown;
                    
  goods.goodsBuy.Name = "bImage" + res[i, 0].ToString();
  object findImageObj = queryGrid.FindName("bImage" + res[i, 0].ToString());
  if (findImageObj != null)
  {
    queryGrid.UnregisterName("bImage" + res[i, 0].ToString());
  }
  queryGrid.RegisterName(goods.goodsBuy.Name, goods.goodsBuy);

  //Set GoodsElement grid postion
  if (colNum == 5)
  {
    rowNum++;
    colNum = 0;
  }
  goods.SetValue(Grid.RowProperty, rowNum);
  goods.SetValue(Grid.ColumnProperty, colNum);
  colNum++;
  queryGrid.Children.Add(goods);
}

待续… …