03--C#Winform--让你的button控件更漂亮

最近做一个小的项目，想要将部门的各种资料、各种辅助软件汇总一下，需要使用到很多的button的控件，然后效果是这样的：

 额。。。这效果太难看了，不符合小姐姐的审美，就打算深入研究一下如何能让这个button变得更加的好看，其实最终实现起来很简单，对button控件设置一下属性就ok，以下是干货：

第一种方式，主要使用button的BackgroundImage 属性实现

•  button 属性--Appearance--BackgroundImage   插入目标图片
•  button 属性--Appearance--BackgroundImageLayout  设置为zoom
•  button 属性--FlatStyle，设置为Flat（下面的效果设置的是Flat）或者Popup
• button 属性--FlatAppearance--BorderSize 设置为0 
• button 属性--FlatAppearance--MouseOverBackColor  可设置为transparent(web)，这样鼠标在经过图标时不会有背景颜色（看个人设置情况）
• button 属性--FlatAppearance--MouseDownBackColor 可根据使用习惯去设置，鼠标点击时出现的背景颜色，一般需要背景颜色， 使用者使用效果较好
•  button 属性--Location--调整水平和垂直的位置，固定图标间距，让图标看起来规范整齐
• button 属性--Size--设置同样的大小，更加的美观

按这种方式改完图标以后的效果如下：

这样已经好看了很多，对于辅助软件了，我打算采用另外一种样式，这就是第二种方式：

第二种方式，主要使用button的Image属性

将左图的样式替换为右边的，把按钮的形状给做出来，并同时将文字配在按钮上

                                     

•  button 属性--Image--选择目标图片，这个地方需要注意图片的大小，图片太大，则放进去后，可能显示的只是图片的一个边角，需要修改图片的大小，根据按钮大小的来设置；

比如这个按钮的size是153，50， 那么图片的像素水平和垂直就不能超过这个值，最好是只调节垂直的并保持它的纵横比，这样图片的还原性比较好，不然就会出现有拉伸的情况，例如上图的PART就没有保持纵横比，明显图片被拉胖了，还原性差，而下面的gage图片实际也是改变了大小， 但和原图一样；

        

• button属性--ImageAlign  设置为Middle Center
• button属性--Text   写上对应的值，我发现效果是这样的，文字覆盖在图片上方，不是我想要的效果   
•   
•  button属性--TextImageRelaion 设置为ImageBeforeText ， 设置完后，文字就是紧跟在图片后面了；但是图片和文字并不是居中的效果，看起来还是不够美观，继续进行调整

        

• button属性--Padding--Left   设置一个合适的值（当前这个调的是20），这样最后的效果就是居中的，当然这里采用的是手动去调整，没有找到特定的属性去调整这里，如果大家有更好的方法，欢迎评论区分享，共同学习进步

        

•  button属性--UseVisualStyleBackColor  设置为false，就是最终的效果了