转自:http://blog.youkuaiyun.com/xiaohui_hubei/article/details/7515273
1.在button的属性栏中修改FlatStyle为 flat,FlatAppearance.BorderSize为0去掉边框,如下:

修改后按钮如下:

基本上看不出按钮效果了。
2.设置背景图片,将图片样式设置为自动伸缩以适应按钮大小:

修改后按钮如下:

3.然后在按钮的鼠标移入、移出、点击事件中切换背景图片,
代码如下:
- /// <summary>
- /// 添加按钮上鼠标 移入、移出、按下、弹起 事件
- /// </summary>
- /// <param name="btn">操作的按钮</param>
- private void AddBtnEvent(Button btn)
- {
- btn.MouseEnter += delegate(object sender, EventArgs e)
- {
- ((Button)sender).BackgroundImage = Resources.btnMove;
- };
- btn.MouseLeave += delegate(object sender, EventArgs e)
- {
- ((Button)sender).BackgroundImage = Resources.btnNormal;
- };
- btn.MouseDown += delegate(object sender, MouseEventArgs e)
- {
- ((Button)sender).BackgroundImage = Resources.btnClick;
- };
- btn.MouseUp += delegate(object sender, MouseEventArgs e)
- {
- ((Button)sender).BackgroundImage = Resources.btnNormal;
- };
- }
正常 效果:

鼠标移入 效果:

鼠标按下 效果:

总结:美化按钮的关键还是得有好的图片素材,这里只是简单的设置按钮的背景图片属性来达到按钮美化效果。
本文详细介绍了如何通过调整按钮的FlatStyle、设置背景图片、并实现鼠标事件切换背景图片来美化按钮,突出按钮的交互效果。关键在于利用好的图片素材进行个性化的设置。
425

被折叠的 条评论
为什么被折叠?



