C#(winform)为button添加背景图片,并去掉各种边框

时间:2024-01-08 15:53:08

1.既然是添加背景图片

所以这里应该使用 Button.BackgroudImage = "" ;来设置图片

而不应该使用  Button.Image = "";

因为使用BackgroudImage来设置背景图片,我们还可以使用

BackgroundImageLayout来调节图片,让图片更好的显示在button上

通常使用:

 this.btnReset.BackgroundImage = global::Test.Properties.Resources.btn_reset_out;//设置图片的路径
this.btnReset.BackgroundImageLayout = System.Windows.Forms.ImageLayout.Stretch;//设置图片的显示模式,Stretch表示填满button,如果图片不够button大,就会拉伸图片

2.然后你就会看到尽管添加了背景图片,同时还设置好了拉伸图片,但是效果还是强差人意

C#(winform)为button添加背景图片,并去掉各种边框

怎么会有个边框啊,这得有多难看啊,既然有边框,那就取消边框吧

C#(winform)为button添加背景图片,并去掉各种边框

不过,没找到button的Border属性,但是找到了 FlatStyle属性(决定控件外观的一个属性),

不管了,先逐个试试看有什么变化,最后Flat感觉比较符合我们的口味,

C#(winform)为button添加背景图片,并去掉各种边框

那个给人感觉很厚的边框没有了,但是看起来仍然很不舒服,怎么还有一点白色的框框啊

C#(winform)为button添加背景图片,并去掉各种边框

刚才一直找不到的Border属性,原来是藏在了 FlatAppearance下面了,直接BorderSize改成 0

效果马上变成了如下:

C#(winform)为button添加背景图片,并去掉各种边框

呵呵,那讨人厌的白色框框也不见了,整体看起来感觉舒服了好多啊,

不过细心的你肯定也看到了,因为这个按钮的背景图片是圆角的,那四个边角上居然还有

那冤魂不散的白色边框!!!!,运行起来的效果更明显,特别是当鼠标移进移出时:

C#(winform)为button添加背景图片,并去掉各种边框 and C#(winform)为button添加背景图片,并去掉各种边框

左图是鼠标移入前,看起来很舒服;而右图是鼠标移进时,擦,四个边角,这太明显了,强迫症的我根本不能接受嘛!

从一开始到现在折腾了那么久,眼看就要搞定的时候,居然还有这么一个小难题····难不成是微软的bug???

最后发现还是我错了,解决的方法如下:

C#(winform)为button添加背景图片,并去掉各种边框

还是在刚刚那个 FlatAppearance属性,不过这次改的是 MouseDownBackColor,MouseOverBackColor 都设置为 Transparent(透明色)

当然最后还要设置一下

this.btnReset.BackColor = System.Drawing.Color.Transparent;

补充:

当最后你运行时,你会发现当点击button时,还是会出现一个白色的边框,这个据说是button失去焦点时的表现,

这货还真是对我依依不舍,吃了几十片毓婷都打不掉啊,如图:

C#(winform)为button添加背景图片,并去掉各种边框

很恶心,最后的解决方法还是修改那个属性,FlatAppearance:

C#(winform)为button添加背景图片,并去掉各种边框

就是BorderColor惹的货,一开始我打算把它改成跟按钮一样的颜色就算了,这样大概能够浑水摸鱼,或者滥竽充充数

然后一个不小心,敲了一个 0 进去(你只需要输入一个零就可以了,它会自动生成四个的了),哈哈,发现问题居然解决了。···汗