完美去除WPF按钮的边框

主页面背影图片,

添加5个功能按钮,并设置按钮的Background和BorderBrush为Transparent,好像没有问题,运行效果

不仅有一个发光的边框,而且当鼠标经过时,按钮就不在透明,

解决方案1:设置Opacity为0

运行效果

就和一张图片是的,完美解决。

如果没有啥特殊的要求,可以简单的设置一句话,就可以去掉边框

解决方案2:

1  <Button Content="忘记密码?"  Canvas.Left="910" Canvas.Top="357" Width="154" Height="62" Background="Transparent" Foreground="#FF59A4A9"
2                  BorderThickness="0" FontSize="18" Name="laForgetPassword" Click="laForgetPassword_Click" Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}">

但是当鼠标经过的时候还是会显示一个大按钮

如果想彻底去掉边框,且当鼠标经过时不会现原形那就只有重写按钮的ControlTemplate啦

解决方案3:

 1  <ControlTemplate x:Key="ReturnButton" TargetType="{x:Type Button}">
 2             <Grid>
 3                 <Rectangle>
 4                     <Rectangle.Fill>
 5                         <ImageBrush   ImageSource="/Images/btngreynomal.png" ></ImageBrush>
 6                     </Rectangle.Fill>
 7                 </Rectangle>
 8                 <ContentPresenter VerticalAlignment="Center" HorizontalAlignment="Center" Content="{TemplateBinding Content}"></ContentPresenter>
 9             </Grid>
10         </ControlTemplate>     

添加引用

OK!!!!!

如果还需要根据条件改变按钮的背影图片,我的解决方案是(显然有点笨,还望指点)在重写一个ControlTemplate,把ImageSource换掉,

当条件满足时更换按钮的Template ,代码

if(条件满足)按钮的Name.Template = (ControlTemplate)Application.Current.TryFindResource("资源的Key");

运行效果图

条件满足时

时间: 2024-08-25 10:41:58

完美去除WPF按钮的边框的相关文章

使用WPF创建无边框窗体

一.无边框窗口添加窗口阴影 实际上在WPF中添加无边框窗口的窗口阴影十分简单. 首先,设置WindowStyle="None"以及AllowsTransparency="True"使得窗口无边框.并对Window添加DropShadowEffect效果并设定相关参数,在这里我根据设计师的要求设置ShadowDepth="1" BlurRadius="6" Direction="270" Opacity=&q

按钮添加边框和边框色

//按钮边框宽度 [_numberButton.layer setBorderColor:[UIColor colorWithRed:28/255.0 green:162/255.0 blue:66/255.0 alpha:1].CGColor]; [_numberButton.layer setBorderWidth:1]; [_numberButton.layer setMasksToBounds:YES]; _numberButton.backgroundColor = [UIColor

C# WPF 建立无边框(标题栏)的登录窗口

前言:笔者最近用c#写WPF做了一个项目,此前未曾做过完整的WPF项目,算是一边学一边用,网上搜了不少资料,效率当然是不敢恭维的,有时会在一些很简单的问题上纠结很长时间,血与泪的教训可不少. 不过,正如电视剧某榜里的一句话:既然我活了下来,就不会白白活着!笔者怎么也算挣扎过了,有些经验与教训可以分享,趁着记忆深刻总结写下来.希望后来者少走弯路,提高工作效率.如果有写得不好的地方,希望读者能够指正,一起进步! --------------------------------- 今天先从登录窗口说起

ie6下按钮下边框消失不显示的问题

最近网站做改版,又发现一个ie6奇葩的问题,就一个很普通带边框的按钮,但在ie6中下边框不显示,ie7没有测试不知道是不是也不显示,其他浏览器正常 代码和预览效果如下: <style> body{ font-size:12px; font-family:tahoma,arial,verdana,\5b8b\4f53,sans-serif; color:#666;} .btn{ display:inline-block; line-height:23px; padding:0 10px; bor

Android 按钮设置边框实例

以下一Button标签为例: 这里就联系到标签<shape>,设置背景样式.边框.渐变.圆角等,各种效果的使用方法见如下代码 drawable文件夹新建一个buttonstyle.xml,内容如下 1 <?xml version="1.0" encoding="utf-8"?> 2 <shape xmlns:android="http://schemas.android.com/apk/res/android">

去除Input输入框中边框的方式

我们在做制作注册页面时,经常会需要消除Input带来的边框,这时候我们需要用到两个属性 一个是input在非激活状态下,不现实边框,代码规则为 border:none:同时当鼠标移到input输入框上时,需要用 outline:medium;来消除边框,具体代码如下 .table_box2{ height: 30px; width: 180px; border: none; float: left; zoom:1; outline: medium; 需特别注意点一点,在这里尽量不要使用borde

WPF Tips: 无边框渐变色窗体示例

MainWindow.xaml <Window x:Class="WpfApplication1.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Title="窗体名称" Height="350&

去除UINavigationBar的下边框

[[UINavigationBar appearance] setBackgroundImage:[[UIImage alloc] init] forBarPosition:UIBarPositionAny barMetrics:UIBarMetricsDefault];//设置背景[[UINavigationBar appearance] setShadowImage:[[UIImage alloc] init]]; //覆盖边框阴影

WPF 创建无边框的圆角窗口

第一步:去掉窗体默认样式的边框 首先将窗体的背景设为透明,将允许透明的属性设置为True,即:Background="Transparent"  AllowsTransparency="True",将Window的WindowStyle属性设置为None,即WindowStyle="None" (当AllowsTransparency="True"时,WindowStyle.None 是 WindowStyle 的唯一有效值)