wp - ListBox选用不同的模板

下面就介绍一下它的做法。

第一步：创建两个DataTemplate待用。一个是选中状态的(SelectDataTemplate)，一个未选中状态的(NormalDataTemplate)。将它放们放到资源里面。
        <phone:PhoneApplicationPage.Resources>
      　 　 　  <DataTemplate x:Key="SelectDataTemplate">
      　 　 　 　     　 <Border BorderThickness="2" BorderBrush="White">
  　 　 　  <StackPanel Orientation="Horizontal">  　 　 　 　     　
  　 　 　 　   <TextBlock HorizontalAlignment="Center" VerticalAlignment="Center" Text="{Binding ConsumptionName}" FontSize="30"></TextBlock>
  　 　 　 　   <TextBlock HorizontalAlignment="Center" VerticalAlignment="Center" Text="{Binding ConsumptionAmount}" FontSize="30" Margin="10,0,0,0"></TextBlock>
  　 　 　 　   <Button>Update</Button>
  　 　 　 　   <Button>Del</Button>
                              　 
  　 　 　  </StackPanel>
                        </Border>
  　 　 </DataTemplate>

  　 　 <DataTemplate x:Key="NormalDataTemplate">
  　 　 　  <StackPanel Orientation="Horizontal">
  　 　 　 　   <TextBlock HorizontalAlignment="Center" VerticalAlignment="Center" Text="{Binding ConsumptionName}" FontSize="30"></TextBlock>
  　 　 　 　   <TextBlock HorizontalAlignment="Center" VerticalAlignment="Center" Text="{Binding ConsumptionAmount}" FontSize="30" Margin="10,0,0,0"></TextBlock>  　 　 　 　 　
  　 　 　  </StackPanel>
  　 　 </DataTemplate>
</phone:PhoneApplicationPage.Resources>

第二步：用Blend添加一个ListBox到页面里面。在ListBox上面右键->add ListBoxItem。
第三步：在刚才添加的ListBoxItem上面右键->Edit Template->Edit a Copy。命名为:MyListBoxItemStyle
第四步：编辑我们刚才添加的MyListBoxItemStyle。在左下边的Objects and Timeline中选中ContentContainer。然后在右边的Properties里面点击ContentTemplate项的右边绿色小方块。在弹出窗口中选择Local Resource->NormalDataTemplate

1 2  下一页