使用c#条件更改按钮背景WPF鼠标悬停属性

本文关键字:WPF 鼠标 悬停 属性 背景 按钮 条件 使用 | 更新日期: 2023-09-27 17:50:32

我有一个大问题,我不知道该怎么办。我正在用c# WPF编写一个客户端。我有3个元素在我的表单(文本框,密码框,按钮)。所以我想改变我的按钮背景为"活动(改变图像)",当人们会填写文本框和密码框文本。比如登录名和密码。

 private void eventhandler(object sender, RoutedEventArgs e)
    {
        if (login.Text.Length > 0 && password.Password.Length > 0)
        {
            ImageBrush myBrush = new ImageBrush();
            myBrush.ImageSource =
                 new BitmapImage(new Uri("pack://application:,,,/Images/Enter Enabled.bmp", UriKind.Absolute));
            Enter.Background = myBrush;
           }
        else if (login.Text.Length < 1 || password.Password.Length < 1)
        {
            ImageBrush myBrush = new ImageBrush();
            myBrush.ImageSource =
                 new BitmapImage(new Uri("pack://application:,,,/Images/Enter Disabled.bmp", UriKind.Absolute));
            Enter.Background = myBrush;
        }
    }

我有这个c#代码。它可以工作,但现在我有一个问题。当我把鼠标移到我的按钮上时,它的背景会变回"Disabled"。

Xaml

<Window x:Class="Test.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="MainWindow" Height="250" Width="288" Background="#FF494949">
<Window.Resources>
    <Style x:Key="ButtonStyle1" TargetType="{x:Type Button}">
        <Setter Property="FocusVisualStyle">
            <Setter.Value>
                <Style>
                    <Setter Property="Control.Template">
                        <Setter.Value>
                            <ControlTemplate>
                                <Rectangle Margin="2" SnapsToDevicePixels="True" Stroke="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}" StrokeThickness="1" StrokeDashArray="1 2"/>
                            </ControlTemplate>
                        </Setter.Value>
                    </Setter>
                </Style>
            </Setter.Value>
        </Setter>
        <Setter Property="Background" Value="#FFDDDDDD"/>
        <Setter Property="BorderBrush" Value="#FF707070"/>
        <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}"/>
        <Setter Property="BorderThickness" Value="1"/>
        <Setter Property="HorizontalContentAlignment" Value="Center"/>
        <Setter Property="VerticalContentAlignment" Value="Center"/>
        <Setter Property="Padding" Value="1"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type Button}">
                    <Border x:Name="border" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" SnapsToDevicePixels="True">
                        <ContentPresenter x:Name="contentPresenter" ContentTemplate="{TemplateBinding ContentTemplate}" Content="{TemplateBinding Content}" ContentStringFormat="{TemplateBinding ContentStringFormat}" Focusable="False" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" RecognizesAccessKey="True" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>
                    </Border>
                    <ControlTemplate.Triggers>
                        <Trigger Property="IsDefaulted" Value="True">
                            <Setter Property="BorderBrush" TargetName="border" Value="{DynamicResource {x:Static SystemColors.HighlightBrushKey}}"/>
                        </Trigger>
                        <Trigger Property="IsMouseOver" Value="True">
                            <Setter Property="Background" TargetName="border">
                                <Setter.Value>
                                    <ImageBrush ImageSource="Images/Enter Disabled.bmp"/>
                                </Setter.Value>
                            </Setter>
                            <Setter Property="BorderBrush" TargetName="border" Value="#FF3C7FB1"/>
                        </Trigger>
                        <Trigger Property="IsPressed" Value="True">
                            <Setter Property="Background" TargetName="border">
                                <Setter.Value>
                                    <ImageBrush ImageSource="Images/Enter Pressed.bmp"/>
                                </Setter.Value>
                            </Setter>
                            <Setter Property="BorderBrush" TargetName="border" Value="#FF2C628B"/>
                        </Trigger>
                        <Trigger Property="ToggleButton.IsChecked" Value="True">
                            <Setter Property="Background" TargetName="border" Value="#FFBCDDEE"/>
                            <Setter Property="BorderBrush" TargetName="border" Value="#FF245A83"/>
                        </Trigger>
                        <Trigger Property="IsEnabled" Value="False">
                            <Setter Property="Background" TargetName="border" Value="#FFF4F4F4"/>
                            <Setter Property="BorderBrush" TargetName="border" Value="#FFADB2B5"/>
                            <Setter Property="TextElement.Foreground" TargetName="contentPresenter" Value="#FF838383"/>
                        </Trigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
</Window.Resources>
<Grid Margin="0,0,2,-4.478">
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="0*"/>
        <ColumnDefinition/>
    </Grid.ColumnDefinitions>
    <Button HorizontalAlignment="Left" Name="Enter" Margin="46,92,0,0" VerticalAlignment="Top" Width="127" Height="27" Grid.Column="1" BorderThickness="0" Style="{DynamicResource ButtonStyle1}">
        <Button.Background>
            <ImageBrush ImageSource="Images/Enter Disabled.bmp"/>
        </Button.Background>
    </Button>
    <TextBox Grid.ColumnSpan="2" Name="login" HorizontalAlignment="Left" Height="23" Margin="53,23,0,0" TextWrapping="Wrap" Text="" VerticalAlignment="Top" Width="120" TextChanged="eventhandler"/>
    <PasswordBox Grid.ColumnSpan="2" Name="password" HorizontalAlignment="Left" Margin="53,59,0,0" VerticalAlignment="Top" Width="120" PasswordChanged="eventhandler"/>
</Grid>

我知道这是因为鼠标悬停图像刷,但我如何锁定它或改变c#代码与上述条件。Testapplication

我已经上传了testapp在takebin上。所以只要用文本填充textbox和passwordbox,鼠标移到按钮上,你就会看到问题是什么。感谢大家的回复和帮助

使用c#条件更改按钮背景WPF鼠标悬停属性

同意。如果你不想要这样的行为,删除这个:

   <Trigger Property="IsMouseOver" Value="True">
       <Setter Property="Background" TargetName="border">
            <Setter.Value>
               <ImageBrush ImageSource="Images/Enter Disabled.bmp"/>
            </Setter.Value>
         </Setter>
    <Setter Property="BorderBrush" TargetName="border" Value="#FF3C7FB1"/>
  </Trigger>

WPF按钮已经包含了这个功能。你可以将按钮的IsEnabled属性绑定到视图模型中的bool值,然后在样式xml中使用可视状态定义启用、禁用和鼠标悬停的样式。

你可以在这里找到默认WPF按钮样式的源代码:https://msdn.microsoft.com/en-us/library/ms753328 (v = vs.110) . aspx

然后你也可以根据你的文本框的属性改变来改变绑定到IsEnabled的属性