2011-06-12 93 views
2

我想交换一个WrapPanel的列表框中的ItemsPanel,但样式上的ItemsPanelTemplate似乎没有效果。由于边框和背景颜色发生变化,样式被找到并应用,但使用snoop进行检查时不会显示WrapPanel。ItemsPanel模板没有效果

<Style x:Key="CocktailGrid" TargetType="ListBox" BasedOn="{StaticResource {x:Type ListBox}}"> 
    <Setter Property="SnapsToDevicePixels" Value="true"/> 
    <Setter Property="Background" Value="White" /> 
    <Setter Property="BorderThickness" Value="1" /> 
    <Setter Property="BorderBrush" Value="Black" /> 
    <Setter Property="OverridesDefaultStyle" Value="true" /> 
    <Setter Property="SelectionMode" Value="Single" /> 
    <Setter Property="ScrollViewer.HorizontalScrollBarVisibility" Value="Disabled"/> 
    <Setter Property="ScrollViewer.VerticalScrollBarVisibility" Value="Auto"/> 
    <Setter Property="ScrollViewer.CanContentScroll" Value="true"/> 
    <Setter Property="ItemsPanel"> 
     <Setter.Value> 
      <ItemsPanelTemplate> 
       <WrapPanel 
        IsItemsHost="True" 
        Width="{Binding 
           Path=ActualWidth, 
           RelativeSource={RelativeSource 
            Mode=FindAncestor, 
            AncestorType= 
            {x:Type ScrollContentPresenter}}}" /> 
      </ItemsPanelTemplate> 
     </Setter.Value> 
    </Setter> 
    <Setter Property="ItemTemplate"> 
     <Setter.Value> 
      <DataTemplate> 
       <Grid> 
        <Grid.RowDefinitions> 
         <RowDefinition Height="80" /> 
         <RowDefinition Height="*"/> 
        </Grid.RowDefinitions> 
        <Grid.ColumnDefinitions> 
         <ColumnDefinition Width="Auto"/> 
        </Grid.ColumnDefinitions> 
        <Image Grid.Row="0" Source="{Binding ImageName}" Height="80" Stretch="Uniform"/> 
        <TextBlock Grid.Row="1" Text="{Binding Name}" TextWrapping="Wrap" TextTrimming="CharacterEllipsis"/> 
       </Grid> 
      </DataTemplate> 
     </Setter.Value> 
    </Setter> 
</Style> 

列表框被声明为:

<ListBox x:Name="lstCocktails" PreviewKeyDown="dg_PreviewKeyDown" ItemsSource="{Binding Source={StaticResource drinksSource}}" SelectedItem="{Binding SelectedItem,ElementName=root,Mode=TwoWay}" Style="{StaticResource CocktailGrid}" 
      SelectionMode="Single" MouseDoubleClick="lstCocktails_MouseDoubleClick"> 

史努比视觉树:在应用程序的其他部分,但出于某种原因 Snoop visual tree

我重写ItemsPanels这个人是我逃避

回答

1

用此代替ItemsTemplate

 <Setter Property="Template"> 
      <Setter.Value> 
       <ControlTemplate TargetType="ListBox"> 
       <Border Background="{TemplateBinding ListBox.Background}" CornerRadius="5"> 
        <WrapPanel IsItemsHost="True"/> 
       </Border> 
       </ControlTemplate> 
      </Setter.Value> 
     </Setter> 

它的工作原理

+0

谢谢。工作正常。 – Echilon 2011-06-12 10:13:35