如何从 WPF 按钮中删除常规边框内的白色细边框答案

【问题标题】：HOw to remove white thin border inside regular border from WPF button如何从 WPF 按钮中删除常规边框内的白色细边框
【发布时间】：2015-08-12 21:34:04
【问题描述】：

每次我添加 WPF 按钮时，边框内都会出现白色细边框，我应该如何删除它？

这里是按钮的 XAMl

  <Button BorderThickness="1" Content="Calculate" Height="25" 
        Foreground="Black" Background="#FF35C57D" 
        BorderBrush="#FF28B363" OpacityMask="#FF35C57D" />

更新我正在添加混合模板副本以供参考，它的细边框在常规边框内。

<Window.Resources>
    <Style x:Key="ButtonFocusVisual">
        <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>
    <LinearGradientBrush x:Key="ButtonNormalBackground" EndPoint="0,1" StartPoint="0,0">
        <GradientStop Color="#F3F3F3" Offset="0"/>
        <GradientStop Color="#EBEBEB" Offset="0.5"/>
        <GradientStop Color="#DDDDDD" Offset="0.5"/>
        <GradientStop Color="#CDCDCD" Offset="1"/>
    </LinearGradientBrush>
    <SolidColorBrush x:Key="ButtonNormalBorder" Color="#FF707070"/>
    <Style x:Key="ButtonStyle1" TargetType="{x:Type Button}">
        <Setter Property="FocusVisualStyle" Value="{StaticResource ButtonFocusVisual}"/>
        <Setter Property="Background" Value="{StaticResource ButtonNormalBackground}"/>
        <Setter Property="BorderBrush" Value="{StaticResource ButtonNormalBorder}"/>
        <Setter Property="BorderThickness" Value="1"/>
        <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}"/>
        <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}">
                    <Themes:ButtonChrome x:Name="Chrome" BorderBrush="{TemplateBinding BorderBrush}" Background="{TemplateBinding Background}" RenderMouseOver="{TemplateBinding IsMouseOver}" RenderPressed="{TemplateBinding IsPressed}" RenderDefaulted="{TemplateBinding IsDefaulted}" SnapsToDevicePixels="true">
                        <ContentPresenter HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" RecognizesAccessKey="True" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>
                    </Themes:ButtonChrome>
                    <ControlTemplate.Triggers>
                        <Trigger Property="IsKeyboardFocused" Value="true">
                            <Setter Property="RenderDefaulted" TargetName="Chrome" Value="true"/>
                        </Trigger>
                        <Trigger Property="ToggleButton.IsChecked" Value="true">
                            <Setter Property="RenderPressed" TargetName="Chrome" Value="true"/>
                        </Trigger>
                        <Trigger Property="IsEnabled" Value="false">
                            <Setter Property="Foreground" Value="#ADADAD"/>
                        </Trigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
</Window.Resources>

【问题讨论】：

您使用的是 Windows 7 吗？
是的，和操作系统有关吗？
我把你的按钮放在一个新的 Wpf 项目中，我正在运行 windows 8 并且没有白色。
如果添加Padding="0"会怎样？
尝试用简单的边框替换 ButtonChrome。不要忘记从中删除所有不存在 Border 的 dp。如果我没记错的话，Chrome 元素“有自己的想法”。

标签： wpf xaml wpf-controls

【解决方案1】：

将您的Button Template 排列为以下代码（将Border 作为ContentPresenter 的父级，并从您的代码中删除Themes:ButtonChrome。）

<Style x:Key="NoChromeButton" TargetType="{x:Type Button}">
    ..... OTHER CODES ....
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type Button}">
                <Border BorderBrush="Green" BorderThickness="1" CornerRadius="7" Background="{TemplateBinding Background}" >
                    <ContentPresenter HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" RecognizesAccessKey="True" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>
                </Border>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
    ..... OTHER CODES ....
</Style>

【讨论】：

圆角呢？
所以我很高兴 Jack ;)...如果这个答案对你有用，请MARK它作为正确答案。