ResourceDictionary의 Mouseover에서 Combobox/Table Item textcolor를 변경하십시오.

Question

MahAppsMetro을 사용 중이므로 ResourceDictionary을 사용하여 디자인 색상을 변경할 수 있습니다. 이제 색상을 파란색으로 변경했습니다. 그러나 combobox/table에 selected item의 textcolor을 변경하는 방법을 모르겠습니다. 그래서

Example: Combobox

Example: Table

을 지금은 있습니다 .. ResourceDictionary에 의해 흰색으로 텍스트 색상을 변경하려면 그것은 아직이 같은 : : 은 이제 다음과 같습니다

<!-- re-set brushes too --> 
<SolidColorBrush x:Key="HighlightBrush" Color="{StaticResource HighlightColor}" options:Freeze="True" /> 
<SolidColorBrush x:Key="AccentColorBrush" Color="{StaticResource AccentColor}" options:Freeze="True" /> 
<SolidColorBrush x:Key="AccentColorBrush2" Color="{StaticResource AccentColor2}" options:Freeze="True" /> 
<SolidColorBrush x:Key="AccentColorBrush3" Color="{StaticResource AccentColor3}" options:Freeze="True" /> 
<SolidColorBrush x:Key="AccentColorBrush4" Color="{StaticResource AccentColor4}" options:Freeze="True" /> 

<SolidColorBrush x:Key="WindowTitleColorBrush" Color="{StaticResource AccentColor}" options:Freeze="True" /> 

<LinearGradientBrush x:Key="ProgressBrush" EndPoint="0.001,0.5" StartPoint="1.002,0.5" options:Freeze="True"> 
    <GradientStop Color="{StaticResource HighlightColor}" Offset="0" /> 
    <GradientStop Color="{StaticResource AccentColor3}" Offset="1" /> 
</LinearGradientBrush> 

<SolidColorBrush x:Key="CheckmarkFill" Color="{StaticResource AccentColor}" options:Freeze="True" /> 
<SolidColorBrush x:Key="RightArrowFill" Color="{StaticResource AccentColor}" options:Freeze="True" /> 

항목의 MouseOver에 흰색 텍스트를 사용하려면 ResourceDictionary에 추가해야 할 내용을 알려주십시오.

내가 원하는 것을 분명히 알기를 바랍니다. 다른 정보가 필요하면 알려주세요.

편집 : Combobox를 들어

가 지금 노력하고 있습니다. 하지만 DataGrid에는 해당되지 않습니다. 여기 내가 DataGrid을 추가하는 방법입니다

<DataGrid x:Name="mydatagrid" SelectionUnit="FullRow" HorizontalAlignment="Left" Margin="159,33,0,0" VerticalAlignment="Top" Height="204" Width="275" Background="{x:Null}" BorderBrush="Transparent" CanUserAddRows="False" GridLinesVisibility="None" BorderThickness="0" CanUserResizeRows="False"> 
        <DataGrid.Columns> 
         <DataGridTextColumn Header="User" Binding="{Binding User, Mode=OneWay}" Width="100" IsReadOnly="True" CanUserResize="False" /> 
         <DataGridTextColumn Header="Vote" Binding="{Binding Vote, Mode=OneWay}" Width="90" IsReadOnly="True" CanUserResize="False" /> 
         <DataGridTemplateColumn Header="Status" Width="66" IsReadOnly="True" CanUserResize="False"> 
          <DataGridTemplateColumn.CellTemplate> 
           <DataTemplate> 
            <Image Source="{Binding Status, Mode=OneWay}" Width="16"/> 
           </DataTemplate> 
          </DataGridTemplateColumn.CellTemplate> 
         </DataGridTemplateColumn> 
         <DataGridTextColumn Header="Real_Username" Binding="{Binding Real_Username, Mode=OneWay}" Width="90" IsReadOnly="True" CanUserResize="False"/> 
        </DataGrid.Columns> 
       </DataGrid> 

내가 내 Application.xaml에 다른 방법을 추가하는 시도와 함께 IsMouseOver의 트리거를 확장 : 내가 잘못 뭐하는 거지

<Setter Property="Controls.Foreground" Value="{DynamicResource AccentSelectedColorBrush}" /> 

?

Answer 1

가능하지만 MouseOver의 경우 MahApps ComboBoxItem을 재정의하고 트리거로 확장해야합니다. SelectedItem은 ColorBrush : AccentSelectedColorBrush를 사용합니다. 여기에 MouseOver에 대한 트리거로 확장 원래 MetroComboBoxItem입니다

app.xaml가 쉽게 데이터 그리드를 들어

<Application x:Class="WpfApplication.App" 
     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
     StartupUri="MainWindow.xaml"> 
<Application.Resources> 
<ResourceDictionary> 
    <ResourceDictionary.MergedDictionaries> 
    <!-- MahApps.Metro resource dictionaries. Make sure that all file names are Case Sensitive! --> 
    <ResourceDictionary Source="pack://application:,,,/MahApps.Metro;component/Styles/Controls.xaml" /> 
    <ResourceDictionary Source="pack://application:,,,/MahApps.Metro;component/Styles/Fonts.xaml" /> 
    <ResourceDictionary Source="pack://application:,,,/MahApps.Metro;component/Styles/Colors.xaml" /> 
    <!-- Accent and AppTheme setting --> 
    <ResourceDictionary Source="pack://application:,,,/MahApps.Metro;component/Styles/Accents/Blue.xaml" /> 
    <ResourceDictionary Source="pack://application:,,,/MahApps.Metro;component/Styles/Accents/BaseLight.xaml" /> 
    </ResourceDictionary.MergedDictionaries> 

    <SolidColorBrush x:Key="AccentSelectedColorBrush" Color="DeepPink" /> 
    <Style TargetType="ComboBoxItem" x:Key="MetroComboBoxItem"> 
    <Setter Property="Foreground" Value="{DynamicResource TextBrush}" /> 
    <Setter Property="Padding" Value="2" /> 
    <Setter Property="HorizontalContentAlignment" Value="Left" /> 
    <Setter Property="VerticalContentAlignment" Value="Top" /> 
    <Setter Property="Background" Value="{DynamicResource TransparentWhiteBrush}" /> 
    <Setter Property="BorderThickness" Value="1" /> 
    <Setter Property="Template"> 
     <Setter.Value> 
      <ControlTemplate TargetType="ComboBoxItem"> 
       <Grid Background="{TemplateBinding Background}" Margin="0,0.5"> 
        <VisualStateManager.VisualStateGroups> 
         <VisualStateGroup x:Name="CommonStates"> 
          <VisualState x:Name="Normal" /> 
          <VisualState x:Name="MouseOver"> 
           <Storyboard> 
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" 
                    Storyboard.TargetName="MouseOverRectangle"> 
             <EasingDoubleKeyFrame KeyTime="0:0:0.1" 
                   Value=".65" /> 
            </DoubleAnimationUsingKeyFrames> 
           </Storyboard> 
          </VisualState> 
          <VisualState x:Name="Disabled"> 
           <Storyboard> 
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="Opacity" 
                    Storyboard.TargetName="contentPresenter"> 
             <SplineDoubleKeyFrame KeyTime="0" 
                   Value=".55" /> 
            </DoubleAnimationUsingKeyFrames> 
           </Storyboard> 
          </VisualState> 
         </VisualStateGroup> 
         <VisualStateGroup x:Name="SelectionStates"> 
          <VisualState x:Name="Unselected" /> 
          <VisualState x:Name="Selected"> 
           <Storyboard> 
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" 
                    Storyboard.TargetName="SelectedRectangle"> 
             <EasingDoubleKeyFrame KeyTime="0:0:0.1" 
                   Value="1" /> 
            </DoubleAnimationUsingKeyFrames> 
           </Storyboard> 
          </VisualState> 
         </VisualStateGroup> 
         <VisualStateGroup x:Name="FocusStates"> 
          <VisualState x:Name="Focused"> 
           <Storyboard /> 
          </VisualState> 
          <VisualState x:Name="Unfocused" /> 
         </VisualStateGroup> 
        </VisualStateManager.VisualStateGroups> 
        <Rectangle x:Name="SelectedRectangle" 
           IsHitTestVisible="False" 
           Opacity="0" 
           Fill="{DynamicResource AccentColorBrush}" /> 
        <Rectangle x:Name="MouseOverRectangle" 
           IsHitTestVisible="False" 
           Opacity="0" 
           Fill="{DynamicResource AccentColorBrush3}" /> 
        <ContentControl Foreground="{TemplateBinding Foreground}"> 
         <ContentPresenter x:Name="contentPresenter" 
              Margin="{TemplateBinding Padding}" 
              VerticalAlignment="{TemplateBinding VerticalContentAlignment}" 
              HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" /> 
        </ContentControl> 
        <Rectangle x:Name="FocusVisualElement" 
           Stroke="{DynamicResource HighlightBrush}" 
           StrokeThickness="1" 
           Visibility="Collapsed" /> 
       </Grid> 

       <ControlTemplate.Triggers> 
        <Trigger Property="IsSelected" Value="True"> 
         <Setter Property="Foreground" Value="{DynamicResource AccentSelectedColorBrush}" /> 
        </Trigger> 
        <!-- This Trigger is new --> 
        <Trigger Property="IsMouseOver" Value="True"> 
         <Setter Property="Foreground" Value="{DynamicResource AccentSelectedColorBrush}" /> 
        </Trigger> 
       </ControlTemplate.Triggers> 
      </ControlTemplate> 
     </Setter.Value> 
     </Setter> 
    </Style> 
    </ResourceDictionary> 
    </Application.Resources> 
</Application> 

Answer 2

:

은 전체 라인 셀 스타일을 좋아하는 경우에, OnMouseOver 또는 IsSelected 사용이 :

<Style TargetType="DataGridCell" BasedOn="{StaticResource {x:Type DataGridCell}}"> 
    <Setter Property="Foreground" Value="Green" /> 
     <Style.Triggers> 
      <!-- Full Row --> 
      <DataTrigger Binding="{Binding RelativeSource={RelativeSource FindAncestor, AncestorType=DataGridRow}, Path=IsMouseOver}" Value="True"> 
       <Setter Property="Foreground" Value="Red" /> 
       <Setter Property="Opacity" Value="0.8" /> 
      </DataTrigger> 
      <DataTrigger Binding="{Binding RelativeSource={RelativeSource FindAncestor, AncestorType=DataGridRow}, Path=IsSelected}" Value="True"> 
       <Setter Property="Foreground" Value="DeepPink" /> 
       <Setter Property="Opacity" Value="0.3" /> 
      </DataTrigger> 
     </Style.Triggers> 
</Style> 

세포에만이 :

<Style TargetType="DataGridCell" BasedOn="{StaticResource {x:Type DataGridCell}}"> 
    <Setter Property="Foreground" Value="Green" /> 
     <Style.Triggers> 
      <!-- Cell only --> 
      <DataTrigger Binding="{Binding RelativeSource={RelativeSource Self}, Path=IsMouseOver}" Value="True"> 
       <Setter Property="Foreground" Value="Red" /> 
        <Setter Property="Opacity" Value="0.8" /> 
      </DataTrigger> 
      <DataTrigger Binding="{Binding RelativeSource={RelativeSource Self}, Path=IsSelected}" Value="True"> 
       <Setter Property="Foreground" Value="DeepPink" /> 
       <Setter Property="Opacity" Value="0.3" /> 
      </DataTrigger> 
     </Style.Triggers> 
</Style> 

전체 응용 프로그램에서 작동하도록 app.xaml에 Style을 배치 할 수 있습니다.