WPF 更改焦点文本框背景色



注意:我正在使用MahApps.Metro。

所以我想要的是创建一个全局样式,它会影响应用程序中的所有文本框。焦点上的样式(无论是鼠标、键盘还是其他)应更改焦点文本框的背景。

我的问题类似于更改 Wpf 文本框在获取焦点()时聚焦的边框颜色

我仍然对样式和模板很感兴趣。这是他们使用的代码。

    <Style
    BasedOn="{StaticResource {x:Type TextBox}}"
    TargetType="TextBox">
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type TextBox}">
                <Border
                    x:Name="border"
                    Background="{TemplateBinding Background}"
                    BorderBrush="{TemplateBinding BorderBrush}"
                    BorderThickness="{TemplateBinding BorderThickness}"
                    SnapsToDevicePixels="True">
                    <ScrollViewer
                        x:Name="PART_ContentHost"
                        Focusable="false"
                        HorizontalScrollBarVisibility="Hidden"
                        VerticalScrollBarVisibility="Hidden" />
                </Border>
                <ControlTemplate.Triggers>
                    <Trigger Property="IsEnabled" Value="false">
                        <Setter TargetName="border" Property="Opacity" Value="0.56" />
                    </Trigger>
                    <Trigger Property="IsMouseOver" Value="true">
                        <Setter TargetName="border" Property="BorderBrush" Value="#FF7EB4EA" />
                    </Trigger>
                    <Trigger Property="IsFocused" Value="true">
                        <Setter TargetName="border" Property="BorderBrush" Value="Yellow" />
                    </Trigger>
                </ControlTemplate.Triggers>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

如何编写与此类似的控件模板来更改背景而不是边框?由于我使用的是 Metro,因此我必须扩展基本文本框 - 否则我会丢失所有预先配置的内容。

我还注意到使用上面的模板将我的指针向上移动了一点,并且还缩短了其高度。它可能也会覆盖指针设置?

实际上,如果您只需要更改背景,则无需创建模板。您可以通过简单的样式获得相同的结果。下面是标记:

 <Style TargetType="{x:Type TextBox}" BasedOn="{StaticResource MetroTextBox}">
     <Style.Triggers>
         <Trigger Property="IsFocused" Value="True">
             <Setter Property="Background" Value="Blue"/>
         </Trigger>
     </Style.Triggers>
 </Style>

BasedOn="{StaticResource MetroTextBox}"这部分表示我们正在从 Mahapps 扩展文本框样式(您只需查看代码即可找到要扩展的控件的资源名称,例如这里是它们的文本框样式 - https://github.com/MahApps/MahApps.Metro/blob/c26b33d114aec64d98afd4f729b28838583d8ed9/src/MahApps.Metro/MahApps.Metro/Styles/Controls.TextBox.xaml#L12)。

希望这会有所帮助。

最新更新