blocks|key|1314962|text|您可能已经知道，将按钮放在ToolBar中可以提供这种行为，但是如果您想要在所有当前主题中都能工作，并且具有任何类型的可预测性，那么您需要创建一个新的ControlTemplate。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1314963|当Button具有焦点时，Prashant的解决方案不适用于不在工具栏中的Button。在XP中，它也不能100%25地使用默认主题--当容器背景为白色时，您仍然可以看到淡淡的灰色边框。|1314964|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

<p>You may already know that putting your Button inside of a ToolBar gives you this behavior, but if you want something that will work across ALL current themes with any sort of predictability, you'll need to create a new ControlTemplate.</p>

<p>Prashant's solution does not work with a Button not in a toolbar when the Button has focus.  It also doesn't work 100% with the default theme in XP -- you can still see faint gray borders when your container Background is white.</p>


blocks|key|1314970|text|尝尝这个|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1314971|<Button+BorderThickness="0"++
++++Style="{StaticResource+{x:Static+ToolBar.ButtonStyleKey}}"+>...|code-block|syntax|javascript|1314972|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>Try this</p>

<pre><code>&lt;Button BorderThickness="0"  
    Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}" &gt;...
</code></pre>


blocks|key|1314986|text|您可以使用Hyperlink而不是Button，如下所示：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1314987|++++++++<TextBlock>
++++++++++++<Hyperlink+TextDecorations="{x:Null}">
++++++++++++<Image+Width="16"
+++++++++++++++++++Height="16"
+++++++++++++++++++Margin="3"
+++++++++++++++++++Source="/YourProjectName;component/Images/close-small.png"+/>
++++++++++++</Hyperlink>
++++++++</TextBlock>|code-block|syntax|javascript|1314988|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>You can use Hyperlink instead of Button, like this:</p>

<pre><code>        &lt;TextBlock&gt;
            &lt;Hyperlink TextDecorations="{x:Null}"&gt;
            &lt;Image Width="16"
                   Height="16"
                   Margin="3"
                   Source="/YourProjectName;component/Images/close-small.png" /&gt;
            &lt;/Hyperlink&gt;
        &lt;/TextBlock&gt;
</code></pre>


blocks|key|1530195|text|我不知道为什么其他人没有指出这个问题在this+one+with+accepted+answer中是重复的。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1530196|我在这里引用了解决方案:您需要覆盖Button的ControlTemplate|style|CODE|1530197|<Button+Content="save"+Name="btnSaveEditedText"+
++++++++++++++++Background="Transparent"+
++++++++++++++++Foreground="White"+
++++++++++++++++FontFamily="Tw+Cen+MT+Condensed"+
++++++++++++++++FontSize="30"+
++++++++++++++++Margin="-280,0,0,10"
++++++++++++++++Width="60"
++++++++++++++++BorderBrush="Transparent"
++++++++++++++++BorderThickness="0">
++++<Button.Template>
++++++++<ControlTemplate+TargetType="Button">
+++++++++++++<ContentPresenter+Content="{TemplateBinding+Content}"/>
++++++++</ControlTemplate>
++++</Button.Template>++
</Button>|code-block|syntax|javascript|1530198|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/questions/2899948/get-rid-of-button-border-in-wpf^0|J|T|0|0|H|6|O|F|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@$A|V|B|W|1|X]]|C|$]]|$1|D|3|E|5|6|7|Y|8|@$A|Z|B|10|F|G]|$A|11|B|12|F|G]]|9|@]|C|$]]|$1|H|3|I|5|J|7|13|8|@]|9|@]|C|$K|L]]|$1|M|3|-4|5|6|7|14|8|@]|9|@]|C|$]]]|N|$O|$5|P|Q|R|C|$S|T]]]]

<p>I don't know why others haven't pointed out that this question is duplicated with <a href="https://stackoverflow.com/questions/2899948/get-rid-of-button-border-in-wpf">this one with accepted answer</a>.</p>

<p>I quote here the solution: You need to override the <code>ControlTemplate</code> of the <code>Button</code>:</p>

<pre><code>&lt;Button Content="save" Name="btnSaveEditedText" 
                Background="Transparent" 
                Foreground="White" 
                FontFamily="Tw Cen MT Condensed" 
                FontSize="30" 
                Margin="-280,0,0,10"
                Width="60"
                BorderBrush="Transparent"
                BorderThickness="0"&gt;
    &lt;Button.Template&gt;
        &lt;ControlTemplate TargetType="Button"&gt;
             &lt;ContentPresenter Content="{TemplateBinding Content}"/&gt;
        &lt;/ControlTemplate&gt;
    &lt;/Button.Template&gt;  
&lt;/Button&gt;
</code></pre>


blocks|key|1530274|text|您可能必须更改按钮模板，这将为您提供一个没有框架的按钮，但也没有任何按下或禁用效果：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1530275|++++<Style+x:Key="TransparentStyle"+TargetType="{x:Type+Button}">
++++++++<Setter+Property="Template">
++++++++++++<Setter.Value>
++++++++++++++++<ControlTemplate+TargetType="Button">
++++++++++++++++++++<Border+Background="Transparent">
++++++++++++++++++++++++<ContentPresenter/>
++++++++++++++++++++</Border>
++++++++++++++++</ControlTemplate>
++++++++++++</Setter.Value>
++++++++</Setter>
++++</Style>|code-block|syntax|javascript|1530276|和按钮：|1530277|<Button+Style="{StaticResource+TransparentStyle}"/>|1530278|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

<p>You may have to change the button template, this will give you a button with no frame what so ever, but also without any press or disabled effect:</p>

<pre><code>    &lt;Style x:Key="TransparentStyle" TargetType="{x:Type Button}"&gt;
        &lt;Setter Property="Template"&gt;
            &lt;Setter.Value&gt;
                &lt;ControlTemplate TargetType="Button"&gt;
                    &lt;Border Background="Transparent"&gt;
                        &lt;ContentPresenter/&gt;
                    &lt;/Border&gt;
                &lt;/ControlTemplate&gt;
            &lt;/Setter.Value&gt;
        &lt;/Setter&gt;
    &lt;/Style&gt;
</code></pre>

<p>And the button:</p>

<pre><code>&lt;Button Style="{StaticResource TransparentStyle}"/&gt;
</code></pre>


blocks|key|1530311|text|为什么不通过相同的brush设置两个Background+&+BorderBrush|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1530312|+<Style+TargetType="{x:Type+Button}"+>
++++++++<Setter+Property="Background"+Value="{StaticResource+marginBackGround}"></Setter>
++++++++<Setter+Property="BorderBrush"+Value="{StaticResource+marginBackGround}"></Setter>++++++++++++
+</Style>

<LinearGradientBrush++x:Key="marginBackGround"+EndPoint=".5,1"+StartPoint="0.5,0">
++++<GradientStop+Color="#EE82EE"+Offset="0"/>
++++<GradientStop+Color="#7B30B6"+Offset="0.5"/>
++++<GradientStop+Color="#510088"+Offset="0.5"/>
++++<GradientStop+Color="#76209B"+Offset="0.9"/>
++++<GradientStop+Color="#C750B9"+Offset="1"/>
</LinearGradientBrush>|code-block|syntax|javascript|1530313|entityMap^0|9|5|I|O|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]|$9|P|A|Q|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|R|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|S|8|@]|D|@]|E|$]]]|L|$]]

<p>Why don't you set both <code>Background &amp; BorderBrush</code> by same <code>brush</code></p>

<pre><code> &lt;Style TargetType="{x:Type Button}" &gt;
        &lt;Setter Property="Background" Value="{StaticResource marginBackGround}"&gt;&lt;/Setter&gt;
        &lt;Setter Property="BorderBrush" Value="{StaticResource marginBackGround}"&gt;&lt;/Setter&gt;            
 &lt;/Style&gt;

&lt;LinearGradientBrush  x:Key="marginBackGround" EndPoint=".5,1" StartPoint="0.5,0"&gt;
    &lt;GradientStop Color="#EE82EE" Offset="0"/&gt;
    &lt;GradientStop Color="#7B30B6" Offset="0.5"/&gt;
    &lt;GradientStop Color="#510088" Offset="0.5"/&gt;
    &lt;GradientStop Color="#76209B" Offset="0.9"/&gt;
    &lt;GradientStop Color="#C750B9" Offset="1"/&gt;
&lt;/LinearGradientBrush&gt;
</code></pre>


blocks|key|1530359|text|通过编程，您可以这样做：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1530360|btn.BorderBrush+=+new+SolidColorBrush(Colors.Transparent);|code-block|syntax|javascript|1530361|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>Programmatically, you can do this:</p>

<pre><code>btn.BorderBrush = new SolidColorBrush(Colors.Transparent);
</code></pre>


<p>I'm trying to create a button that has an image in it and no border - just like the Firefox toolbar buttons before you hover over them and see the full button.</p>

<p>I've tried setting the <code>BorderBrush</code> to <code>Transparent</code>, <code>BorderThickness</code> to <code>0</code>, and also tried <code>BorderBrush="{x:Null}"</code>, but you can still see the outline of the button.</p>


How do you completely remove the button border in wpf?

容器

我正在尝试创建一个按钮，里面有一个图像，没有边框-就像你将鼠标悬停在Firefox工具栏按钮上并看到完整的按钮一样。我已经尝试将BorderBrush设置为Transparent，将BorderThickness设置为0，还尝试了BorderBrush="{x:Null}"，但您仍然可以看到按钮的轮廓。

问如何在wpf中完全移除按钮边框？
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在wpf中完全移除按钮边框？EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在wpf中完全移除按钮边框？
EN