WPF - 將WPF應用程序中的列表更改爲默認Windows 7樣式的選擇樣式

我的WPF應用程序中有列表元素上的選擇樣式有問題。每個列表我WPF得到深藍色背景顏色和白色文本顏色。WPF - 將WPF應用程序中的列表更改爲默認Windows 7樣式的選擇樣式

爲什麼是默認的Windows 7風格的選擇（例如Windows資源管理器文件選擇）不會對Windows 7 WPF應用程序默認選擇的風格？
如何將WPF中的選擇樣式更改爲默認的Windows 7 Aero樣式？

到目前爲止，我在我的全球資源字典中有這個。但我仍然需要邊界四捨五入來使它看起來相似。任何想法如何擴展這個或任何其他建議，以瞭解如何應用默認的Windows 7選擇樣式？

<LinearGradientBrush x:Key="{x:Static SystemColors.HighlightBrushKey}" StartPoint="0,0" EndPoint="0,1"> 
<LinearGradientBrush.GradientStops> 
    <GradientStop Offset="0" Color="#FFE3F4FC"/> 
    <GradientStop Offset="0.38" Color="#FFD8EFFC"/> 
    <GradientStop Offset="0.38" Color="#FFBEE6FD"/> 
    <GradientStop Offset="1" Color="#FFA6D9F4"/> 
</LinearGradientBrush.GradientStops> </LinearGradientBrush> 

<SolidColorBrush x:Key="{x:Static SystemColors.HighlightTextBrushKey}" Color="Black"></SolidColorBrush>

來源

2011-03-31 chrisva

我有一篇博客文章，介紹瞭如何將Windows 7外觀應用於ListBox here。 ListView和TreeView也包含在內，但並不完全以Windows 7爲主題。

，你就需要包括相關的資源：

<!-- Hover Brushes --> 
<LinearGradientBrush x:Key="HoverBackgroundBrushKey" 
         StartPoint="0,0" 
         EndPoint="0,1"> 
    <GradientStop Color="#FCFCFC" 
        Offset="0" /> 
    <GradientStop Color="#EBF3FD" 
        Offset="1" /> 
</LinearGradientBrush> 
<SolidColorBrush x:Key="HoverOuterBorderBrushKey" 
        Color="#B8D6FB" /> 
<SolidColorBrush x:Key="HoverInnerBorderBrushKey" 
        Color="#F2F7FE" /> 

<!-- Selected (Active) Brushes --> 
<LinearGradientBrush x:Key="SelectedActiveBackgroundBrushKey" 
         StartPoint="0,0" 
         EndPoint="0,1"> 
    <GradientStop Color="#DCEBFC" 
        Offset="0" /> 
    <GradientStop Color="#C1DBFC" 
        Offset="1" /> 
</LinearGradientBrush> 
<SolidColorBrush x:Key="SelectedActiveOuterBorderBrushKey" 
        Color="#7DA2CE" /> 
<SolidColorBrush x:Key="SelectedActiveInnerBorderBrushKey" 
        Color="#EBF4FD" /> 

<!-- Selected (Inactive) Brushes --> 
<LinearGradientBrush x:Key="SelectedInactiveBackgroundBrushKey" 
         StartPoint="0,0" 
         EndPoint="0,1"> 
    <GradientStop Color="#F8F8F8" 
        Offset="0" /> 
    <GradientStop Color="#E5E5E5" 
        Offset="1" /> 
</LinearGradientBrush> 
<SolidColorBrush x:Key="SelectedInactiveOuterBorderBrushKey" 
        Color="#D9D9D9" /> 
<SolidColorBrush x:Key="SelectedInactiveInnerBorderBrushKey" 
        Color="#F0F0F0" /> 

<!-- ListBoxItem Style --> 
<Style x:Key="{x:Type ListBoxItem}" 
     TargetType="{x:Type ListBoxItem}"> 
    <Setter Property="BorderThickness" 
      Value="1" /> 
    <Setter Property="Padding" 
      Value="2,0" /> 
    <Setter Property="Template"> 
     <Setter.Value> 
      <ControlTemplate TargetType="{x:Type ListBoxItem}"> 
       <Grid> 
        <Border x:Name="outerBorder" 
          BorderBrush="{TemplateBinding BorderBrush}" 
          BorderThickness="{TemplateBinding BorderThickness}" 
          CornerRadius="2" 
          SnapsToDevicePixels="true"> 
         <Border x:Name="innerBorder" 
           Background="{TemplateBinding Background}" 
           BorderThickness="1" 
           CornerRadius="1" 
           Padding="{TemplateBinding Padding}" 
           SnapsToDevicePixels="true"> 
          <ContentPresenter HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" 
               VerticalAlignment="{TemplateBinding VerticalContentAlignment}" 
               SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" /> 
         </Border> 
        </Border> 
       </Grid> 
       <ControlTemplate.Triggers> 
        <Trigger Property="IsMouseOver" 
           Value="true"> 
         <Setter TargetName="outerBorder" 
           Property="BorderBrush" 
           Value="{StaticResource HoverOuterBorderBrushKey}" /> 
         <Setter TargetName="innerBorder" 
           Property="Background" 
           Value="{StaticResource HoverBackgroundBrushKey}" /> 
         <Setter TargetName="innerBorder" 
           Property="BorderBrush" 
           Value="{StaticResource HoverInnerBorderBrushKey}" /> 
        </Trigger> 
        <Trigger Property="IsSelected" 
           Value="true"> 
         <Setter TargetName="outerBorder" 
           Property="BorderBrush" 
           Value="{StaticResource SelectedActiveOuterBorderBrushKey}" /> 
         <Setter TargetName="innerBorder" 
           Property="Background" 
           Value="{StaticResource SelectedActiveBackgroundBrushKey}" /> 
         <Setter TargetName="innerBorder" 
           Property="BorderBrush" 
           Value="{StaticResource SelectedActiveInnerBorderBrushKey}" /> 
        </Trigger> 
        <MultiTrigger> 
         <MultiTrigger.Conditions> 
          <Condition Property="IsSelected" 
             Value="true" /> 
          <Condition Property="Selector.IsSelectionActive" 
             Value="false" /> 
         </MultiTrigger.Conditions> 
         <Setter TargetName="outerBorder" 
           Property="BorderBrush" 
           Value="{StaticResource SelectedInactiveOuterBorderBrushKey}" /> 
         <Setter TargetName="innerBorder" 
           Property="Background" 
           Value="{StaticResource SelectedInactiveBackgroundBrushKey}" /> 
         <Setter TargetName="innerBorder" 
           Property="BorderBrush" 
           Value="{StaticResource SelectedInactiveInnerBorderBrushKey}" /> 
        </MultiTrigger> 
        <Trigger Property="IsEnabled" 
           Value="false"> 
         <Setter Property="Foreground" 
           Value="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}" /> 
        </Trigger> 
       </ControlTemplate.Triggers> 
      </ControlTemplate> 
     </Setter.Value> 
    </Setter> 
</Style> 

<!-- ListViewItem Style --> 
<Style x:Key="{x:Type ListViewItem}" 
     TargetType="{x:Type ListViewItem}" 
     BasedOn="{StaticResource {x:Type ListBoxItem}}" /> 

<!-- Supporting TreeViewItem Resources --> 
<PathGeometry x:Key="TreeArrow"> 
    <PathGeometry.Figures> 
     <PathFigureCollection> 
      <PathFigure IsFilled="True" 
         StartPoint="0 0" 
         IsClosed="True"> 
       <PathFigure.Segments> 
        <PathSegmentCollection> 
         <LineSegment Point="0 6" /> 
         <LineSegment Point="6 0" /> 
        </PathSegmentCollection> 
       </PathFigure.Segments> 
      </PathFigure> 
     </PathFigureCollection> 
    </PathGeometry.Figures> 
</PathGeometry> 
<Style x:Key="ExpandCollapseToggleStyle" 
     TargetType="{x:Type ToggleButton}"> 
    <Setter Property="Focusable" 
      Value="False" /> 
    <Setter Property="Width" 
      Value="16" /> 
    <Setter Property="Height" 
      Value="16" /> 
    <Setter Property="Template"> 
     <Setter.Value> 
      <ControlTemplate TargetType="{x:Type ToggleButton}"> 
       <Border Width="16" 
         Height="16" 
         Background="Transparent" 
         Padding="5,5,5,5"> 
        <Path x:Name="ExpandPath" 
          Fill="Transparent" 
          Stroke="#FF989898" 
          Data="{StaticResource TreeArrow}"> 
         <Path.RenderTransform> 
          <RotateTransform Angle="135" 
               CenterX="3" 
               CenterY="3" /> 
         </Path.RenderTransform> 
        </Path> 
       </Border> 
       <ControlTemplate.Triggers> 
        <Trigger Property="IsMouseOver" 
           Value="True"> 
         <Setter TargetName="ExpandPath" 
           Property="Stroke" 
           Value="#FF1BBBFA" /> 
         <Setter TargetName="ExpandPath" 
           Property="Fill" 
           Value="Transparent" /> 
        </Trigger> 

        <Trigger Property="IsChecked" 
           Value="True"> 
         <Setter TargetName="ExpandPath" 
           Property="RenderTransform"> 
          <Setter.Value> 
           <RotateTransform Angle="180" 
                CenterX="3" 
                CenterY="3" /> 
          </Setter.Value> 
         </Setter> 
         <Setter TargetName="ExpandPath" 
           Property="Fill" 
           Value="#FF595959" /> 
         <Setter TargetName="ExpandPath" 
           Property="Stroke" 
           Value="#FF262626" /> 
        </Trigger> 
       </ControlTemplate.Triggers> 
      </ControlTemplate> 
     </Setter.Value> 
    </Setter> 
</Style> 

<!-- TreeViewItem Style --> 
<Style x:Key="{x:Type TreeViewItem}" 
     TargetType="{x:Type TreeViewItem}"> 
    <Setter Property="BorderThickness" 
      Value="1" /> 
    <Setter Property="Padding" 
      Value="2,0" /> 
    <Setter Property="Template"> 
     <Setter.Value> 
      <ControlTemplate TargetType="{x:Type TreeViewItem}"> 
       <Grid> 
        <Grid.ColumnDefinitions> 
         <ColumnDefinition MinWidth="19" 
              Width="Auto" /> 
         <ColumnDefinition Width="Auto" /> 
         <ColumnDefinition Width="*" /> 
        </Grid.ColumnDefinitions> 
        <Grid.RowDefinitions> 
         <RowDefinition Height="Auto" /> 
         <RowDefinition /> 
        </Grid.RowDefinitions> 
        <ToggleButton x:Name="expander" 
            Style="{StaticResource ExpandCollapseToggleStyle}" 
            IsChecked="{Binding Path=IsExpanded, RelativeSource={RelativeSource TemplatedParent}}" 
            ClickMode="Press" /> 
        <Border x:Name="outerBorder" 
          Grid.Column="1" 
          BorderBrush="{TemplateBinding BorderBrush}" 
          BorderThickness="{TemplateBinding BorderThickness}" 
          CornerRadius="2" 
          SnapsToDevicePixels="true"> 
         <Border x:Name="innerBorder" 
           Background="{TemplateBinding Background}" 
           BorderThickness="1" 
           CornerRadius="1" 
           Padding="{TemplateBinding Padding}" 
           SnapsToDevicePixels="true"> 
          <ContentPresenter x:Name="PART_Header" 
               ContentSource="Header" 
               HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" 
               SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" /> 
         </Border> 
        </Border> 
        <ItemsPresenter x:Name="itemsHost" 
            Grid.Row="1" 
            Grid.Column="1" 
            Grid.ColumnSpan="2" /> 
       </Grid> 
       <ControlTemplate.Triggers> 
        <Trigger Property="IsExpanded" 
           Value="false"> 
         <Setter TargetName="itemsHost" 
           Property="Visibility" 
           Value="Collapsed" /> 
        </Trigger> 
        <Trigger Property="HasItems" 
           Value="false"> 
         <Setter TargetName="expander" 
           Property="Visibility" 
           Value="Hidden" /> 
        </Trigger> 
        <Trigger SourceName="outerBorder" 
           Property="IsMouseOver" 
           Value="true"> 
         <Setter TargetName="outerBorder" 
           Property="BorderBrush" 
           Value="{StaticResource HoverOuterBorderBrushKey}" /> 
         <Setter TargetName="innerBorder" 
           Property="Background" 
           Value="{StaticResource HoverBackgroundBrushKey}" /> 
         <Setter TargetName="innerBorder" 
           Property="BorderBrush" 
           Value="{StaticResource HoverInnerBorderBrushKey}" /> 
        </Trigger> 
        <Trigger Property="IsSelected" 
           Value="true"> 
         <Setter TargetName="outerBorder" 
           Property="BorderBrush" 
           Value="{StaticResource SelectedActiveOuterBorderBrushKey}" /> 
         <Setter TargetName="innerBorder" 
           Property="Background" 
           Value="{StaticResource SelectedActiveBackgroundBrushKey}" /> 
         <Setter TargetName="innerBorder" 
           Property="BorderBrush" 
           Value="{StaticResource SelectedActiveInnerBorderBrushKey}" /> 
        </Trigger> 
        <MultiTrigger> 
         <MultiTrigger.Conditions> 
          <Condition Property="IsSelected" 
             Value="true" /> 
          <Condition Property="Selector.IsSelectionActive" 
             Value="false" /> 
         </MultiTrigger.Conditions> 
         <Setter TargetName="outerBorder" 
           Property="BorderBrush" 
           Value="{StaticResource SelectedInactiveOuterBorderBrushKey}" /> 
         <Setter TargetName="innerBorder" 
           Property="Background" 
           Value="{StaticResource SelectedInactiveBackgroundBrushKey}" /> 
         <Setter TargetName="innerBorder" 
           Property="BorderBrush" 
           Value="{StaticResource SelectedInactiveInnerBorderBrushKey}" /> 
        </MultiTrigger> 
        <Trigger Property="IsEnabled" 
           Value="false"> 
         <Setter Property="Foreground" 
           Value="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}" /> 
        </Trigger> 
       </ControlTemplate.Triggers> 
      </ControlTemplate> 
     </Setter.Value> 
    </Setter> 
</Style>

來源

2011-04-01 01:38:35 CodeNaked

似乎看你的代碼，這會工作。不過，我對微軟感到有點失望，他們不支持在WPF的展示框架中選擇默認的OS風格。這是否意味着我必須創建/覆蓋所有控制器的模板，如DataGrid，TreeView等選擇樣式？ – chrisva 2011-04-04 07:40:20

@chrisva - 這是正確的，如果你想擁有一致的Windows 7外觀，你還需要主題控制這些控件。 – CodeNaked 2011-04-04 17:39:36

我想沒有辦法掛鉤操作系統的活動主題或WPF的默認主題。要點是，同一個控件可以有N個控件。所以提供個人控制的主題是沒有意義的。 – Mohanavel 2011-11-02 13:45:41

WPF - 將WPF應用程序中的列表更改爲默認Windows 7樣式的選擇樣式

回答

相關問題