13

鼠标向上按钮应显示背景边框

我创造了一个简单的风格

<UserControl.Resources>
        <Style TargetType="Button" x:Key="TransparentButton">
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="Button">
                        <Border Background="Transparent">
                            <ContentPresenter/>
                        </Border>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
    </UserControl.Resources>

和按钮

<Button  Height="20" Width="20"  Padding="0,0,0,0" DockPanel.Dock="Top" Grid.Row="0" Grid.Column="1" Click="button_click"  Style="{StaticResource TransparentButton}"
                    BorderBrush="Transparent" BorderThickness="0" Background="Transparent">
            <Button.Content>
                <Image Source="../Resources/Help_icon.png" Stretch="UniformToFill" />
            </Button.Content>
            </Button>

但在这种情况下,当按下按钮时,它不会显示在 UI 中。用户应该感觉到按钮被按下。

谢谢并恭祝安康

4

4 回答 4

16

我不确定您在视觉上想要什么,但是如果您希望在按下按钮时边框改变颜色,您可以像这样修改您的模板:

<Style TargetType="Button" x:Key="TransparentButton">
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="Button">
                <Border Name="border" Background="Transparent" BorderThickness="1" BorderBrush="Black">
                    <ContentPresenter/>
                </Border>

                <ControlTemplate.Triggers>
                    <Trigger Property="Button.IsPressed" Value="True">
                        <Setter TargetName="border" Property="BorderBrush" Value="Transparent" />
                    </Trigger>
                </ControlTemplate.Triggers>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>
于 2012-05-31T19:37:44.983 回答
5

当您重新创建按钮的 ControlTemplate 时,您将失去 Windows 按钮感觉的所有默认功能。您需要使用触发器重新创建它们,或者不使用您自己的控件模板。

<ControlTemplate.Triggers>
   <Trigger Property="IsPressed" Value="True">
       <Setter ....behavior you want
   </Trigger>
</ControlTemplate.Triggers>

这是一个按钮具有的 MSDN 默认控件模板的链接,您可以将其用作参考,通过定义自己的行为来重新创建您丢失的一些行为。

http://msdn.microsoft.com/en-us/library/ms753328%28v=vs.85%29.aspx

于 2012-05-31T19:28:03.450 回答
2

这里有一篇很好的文章,解释了发生了什么以及如何解决它。基本上,MS 确实在标准按钮中包含了此功能,但他们为“鼠标按下”和“按下”选择的颜色非常接近,以至于您不会注意到差异。

右键单击设计器中的按钮,然后选择“编辑模板/编辑副本...”,然后更改颜色,直到您看到不同之处。简单的!

于 2018-06-11T09:46:07.603 回答
0
Try this one...

<Style x:Key="PressedButtonEffect" TargetType="Button">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="Button">
                    <Border Name="border" Background="Transparent" BorderThickness="1" BorderBrush="Gray">
                        <ContentPresenter/>
                    </Border>
                    <ControlTemplate.Triggers>
                        <Trigger Property="Button.IsPressed" Value="True">
                            <Setter TargetName="border" Property="BorderBrush" Value="DarkGray" />
                            <Setter TargetName="border" Property="BorderThickness" Value="2" />
                        </Trigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
于 2016-10-06T11:00:11.147 回答