完美去除WPF按钮的边框

主页面背影图片,

完美去除WPF按钮的边框

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

完美去除WPF按钮的边框

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

解决方案1:设置Opacity为0

运行效果

完美去除WPF按钮的边框

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

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

完美去除WPF按钮的边框

解决方案2:

  <Button Content=" Background="Transparent" Foreground="#FF59A4A9"
                  BorderThickness=" Name="laForgetPassword" Click="laForgetPassword_Click" Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}">

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

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

解决方案3:

  <ControlTemplate x:Key="ReturnButton" TargetType="{x:Type Button}">
             <Grid>
                 <Rectangle>
                     <Rectangle.Fill>
                         <ImageBrush   ImageSource="/Images/btngreynomal.png" ></ImageBrush>
                     </Rectangle.Fill>
                 </Rectangle>
                 <ContentPresenter VerticalAlignment="Center" HorizontalAlignment="Center" Content="{TemplateBinding Content}"></ContentPresenter>
             </Grid>
         </ControlTemplate>     

添加引用

完美去除WPF按钮的边框

OK!!!!!

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

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

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

运行效果图

完美去除WPF按钮的边框

条件满足时

完美去除WPF按钮的边框

上一篇:SQL Server 连接问题案例解析(1)


下一篇:js 数组去除空值