2012-06-06 13 views
2

我有一個WPF應用程序,我在其中設計了幾個組件,看起來更像是默認的Windows 7風格。現在我想爲ListView做同樣的事情,因爲默認樣式(即使在Windows 7上)看起來不很相似。ListView在應用ItemContainerStyle時丟失GridView顯示

ListView將其視圖設置爲帶有一些GridViewColumns的GridView。對於不應用任何樣式的ListView的XAML是這樣:

   <ListView ItemsSource="{Binding Series.ServiceSeries.Weeks}"> 
       <ListView.View> 
        <GridView> 
         <GridView.Columns> 
          <GridViewColumn Header="" DisplayMemberBinding="{Binding WeekNumber}" /> 
          <GridViewColumn Header="Start date" DisplayMemberBinding="{Binding Path=., Converter={StaticResource WeekConverter}, ConverterParameter=start}" /> 
          <GridViewColumn Header="Track" DisplayMemberBinding="{Binding Path=., Converter={StaticResource WeekConverter}, ConverterParameter=track}" /> 
          <GridViewColumn Header="Race length" DisplayMemberBinding="{Binding Path=., Converter={StaticResource WeekConverter}, ConverterParameter=length}" /> 
         </GridView.Columns> 
        </GridView> 
       </ListView.View> 
      </ListView> 

它看起來像這樣在Windows 7上,你可以看到的顏色稍有不當: 1 http://www.nickthissen.nl/Images/Persistent/tmp3DCB.png

所以我決定應用自定義樣式到ListView的ItemContainerStyle。樣式是我使用了一個列表框一個風格幾乎一模一樣的副本,但用一個ListBoxItem的ListViewItem的:

    <Style TargetType="{x:Type ListViewItem}" x:Key="ListViewItemStyle"> 
        <Setter Property="OverridesDefaultStyle" Value="True" /> 
        <Setter Property="SnapsToDevicePixels" Value="True" /> 
        <Setter Property="Template"> 
         <Setter.Value> 
          <ControlTemplate TargetType="{x:Type ListViewItem}"> 

           <Border x:Name="Border" CornerRadius="3" BorderThickness="1" SnapsToDevicePixels="True"> 
            <Border x:Name="InnerBorder" CornerRadius="2" BorderBrush="Transparent" Background="Transparent" 
          BorderThickness="1" Padding="3,1" SnapsToDevicePixels="True"> 

             <ContentPresenter /> 

            </Border> 
           </Border> 

           <ControlTemplate.Triggers> 

            <Trigger Property="IsMouseOver" Value="True"> 
             <Setter TargetName="Border" Property="BorderBrush" 
           Value="{StaticResource ListboxItemHoverBorder}" /> 
             <Setter TargetName="InnerBorder" Property="BorderBrush" 
           Value="{StaticResource ListboxItemHoverInnerBorder}" /> 
             <Setter TargetName="InnerBorder" Property="Background" 
           Value="{StaticResource ListboxItemHoverBackground}" /> 
            </Trigger> 
            <Trigger Property="IsSelected" Value="True"> 
             <Setter TargetName="Border" Property="BorderBrush" 
           Value="{StaticResource ListboxItemSelectedBorder}" /> 
             <Setter TargetName="InnerBorder" Property="BorderBrush" 
           Value="{StaticResource ListboxItemSelectedInnerBorder}" /> 
             <Setter TargetName="InnerBorder" Property="Background" 
           Value="{StaticResource ListboxItemSelectedBackground}" /> 
            </Trigger> 

            <MultiTrigger> 
             <MultiTrigger.Conditions> 
              <Condition Property="IsSelected" Value="true" /> 
              <Condition Property="Selector.IsSelectionActive" Value="false" /> 
             </MultiTrigger.Conditions> 
             <Setter TargetName="Border" Property="BorderBrush" 
           Value="{StaticResource ListboxItemInactiveBorder}" /> 
             <Setter TargetName="InnerBorder" Property="BorderBrush" 
           Value="{StaticResource ListboxItemInactiveInnerBorder}" /> 
             <Setter TargetName="InnerBorder" Property="Background" 
           Value="{StaticResource ListboxItemInactiveBackground}" /> 
            </MultiTrigger> 

           </ControlTemplate.Triggers> 
          </ControlTemplate> 
         </Setter.Value> 
        </Setter> 
       </Style> 

應用這種風格到ListView的ItemContainerStyle屬性後,ListView的樣子這樣的: 2 http://www.nickthissen.nl/Images/Persistent/tmpCCB2.png

正如你所看到的,顏色現在好多了,但它已經完全失去了GridView的顯示風格,取而代之的則是完全無視列,只是插入對象的ToString表示(我沒有覆蓋,所以它返回完整的類型名稱)。

我不明白爲什麼會發生這種情況,除了刪除ItemContainerStyle,我沒有做任何事情。我的風格肯定有問題,但我找不到問題...

任何人都可以看到我做錯了什麼,以及如何讓我的GridView風格回來?謝謝!

+0

在哪裏這些人是從哪裏來的? {StaticResource ListboxItemHoverBorder} – Mark

回答

9

嘗試改變內容呈現在你的風格GridViewRowPresenter

<Border x:Name="Border" CornerRadius="3" BorderThickness="1" SnapsToDevicePixels="True"> 
    <Border x:Name="InnerBorder" CornerRadius="2" BorderBrush="Transparent" Background="Transparent" 
      BorderThickness="1" Padding="3,1" SnapsToDevicePixels="True"> 
     <GridViewRowPresenter /> 
    </Border> 
</Border> 
+1

謝謝,這工作! –

+0

謝謝,這也幫助了我! – Vlad