atitit.GUI图片非规则按钮跟动态图片切换的实现模式总结java .net c# c++ web html js

atitit.GUI图片非规则按钮跟动态图片切换的实现模式总结java .net c# c++ web html js



1. 图片按钮的效果总结 1

1.1. 按钮图片自动缩放的。 1

1.2. 不要边框，如果用自定义图片做按钮背景可以设为 false。 2

1.3. 异形按钮 2

1.4. 不绘制焦点 2

1.5. 鼠标经过时的图标 2

1.6. 选中时的图标 2

1.7. 禁用时显示的图标 2

1.8. 可能需要按钮半透明效果 2

2. 图片按钮的实现 2

2.1. 优先模式:button控件模式+backgroud属性 2

2.2. 其次模式2::lable/img控件实现 3

3. 非规则按钮的实现 3

3.1. 穿透颜色属性（推荐，方便） 3

3.2. 透明填空:png图片模式 3

3.3. setMask模式 3

3.4. 重绘button的paint事件（最不推荐，复杂） 3

3.5. Html热点 map模式 3

4. 鼠标越过动态图片切换实现 4

4.1. 优先模式::css模式... 4

4.2. 其次模式2:: 设置属性模式.. 4

4.3. 最后的模式3::写鼠标监听器 4

5. 半透明按钮的实现 4

5.1. 属性法，方便。推荐 4

5.2. 透明图片背景 法 4

5.3. 控件的背景动态座标法 4

5.4. 动态重绘（麻烦 5

6. Java详细按钮属性 5

7. 参考 7

1. 图片按钮的效果总结

1.1. 按钮图片自动缩放的。

中间走稍微图片大的不要ps调整兰,方便...

1.2. 不要边框，如果用自定义图片做按钮背景可以设为 false。

1.3. 异形按钮

透明空白填空如果你的自定义图片不是矩形或存在空白边距，可以设为 false 使按钮看起来透明。

1.4. 不绘制焦点

1.5. 鼠标经过时的图标

1.6. 选中时的图标

1.7. 禁用时显示的图标

1.8. 可能需要按钮半透明效果

作者:: 老哇的爪子 Attilax 艾龙， EMAIL:1466519819@qq.com

转载请注明来源： http://blog.csdn.net/attilax

2. 图片按钮的实现

2.1. 优先模式:button控件模式+backgroud属性

Java的实现，可以使用button模式

2.2. 其次模式2::lable/img控件实现

3. 非规则按钮的实现

3.1. 穿透颜色属性（推荐，方便）

图片中的这个颜色将不渲染。。当然复杂图片不适应

C# 支持这个实现

3.2. 透明填空:png图片模式

java的是png+prop

3.3. setMask模式

C++ qt 可以使用pn、gif图片进行setMask模式. ui->pushButton->setMask(pixmap.mask());

3.4. 重绘button的paint事件（最不推荐，复杂）

但是这个是最终实现，底层。。通用。

3.5. Html热点 map模式

4. 鼠标越过动态图片切换实现

4.1. 优先模式::css模式...

C++ qt可以使用这个模式

4.2. 其次模式2:: 设置属性模式..

Java 不支持css模式，可以使用属性模式。但是设置的属性比较多，可以抽出一个扩展类。。

4.3. 最后的模式3::写鼠标监听器

5. 半透明按钮的实现

5.1. 属性法，方便。推荐

C++ qt setAttribute(Qt::WA_TranslucentBackground, true);

5.2. 透明图片背景 法

5.3. 控件的背景动态座标法

没这个功能。。。只能把控件的背景根

据插件的坐标，设置得和窗口的背景一样

就是如果控件在x1，y1这个点上，则在控件设置背景的时候，把使用到的那张背景图在控件的现实位置也设置为x1，y1的坐标

所谓控件透明，是指控件的背景与窗口的大背景是一样的。

如果控件不移动，则可以取窗口相应位置的背景图来做控件的背景，用 setBackgroudPixmap

如果控件可移动，那就要在移动的时候再重新取窗口相应位置的背景来重新设置控件背景。

原理如此，可以自己实现的

5.4. 动态重绘（麻烦

6. Java详细按钮属性

JButton 实现了普通的三态外加选中、禁用状态，有很多方法可以设置，不要自己去写鼠标监听器。有了这些方法根本不需要自己画按钮或者用鼠标监听器。





setBorderPainted(boolean b) //是否画边框，如果用自定义图片做按钮背景可以设为 false。 setContentAreaFilled(boolean b) //是否填充，如果你的自定义图片不是矩形或存在空白边距，可以设为 false 使按钮看起来透明。 setFocusPainted(boolean b) //是否绘制焦点（例如浅色虚线框或者加粗的边框表明按钮当前有焦点）。

setMargin(Insets m) //改变边距，如果 borderPainted 和 contentAreaFilled 都设成了 false，建议把边距都调为 0：new Insets(0, 0, 0, 0)。 setIcon(Icon defaultIcon) //注意了这是改的默认图标。三态中的默认，即鼠标未在其上的时候。 setPressedIcon(Icon pressedIcon) //按下时的图标。 setRolloverIcon(Icon rolloverIcon) //鼠标经过时的图标。 setRolloverSelectedIcon(Icon rolloverSelectedIcon)
//鼠标经过时且被选中状态的图标。 setSelectedIcon(Icon selectedIcon) //选中时的图标。 setDisabledIcon(Icon disabledIcon) //禁用时显示的图标。例如可以换一张灰度图片。 setDisabledSelectedIcon(Icon disabledSelectedIcon) //禁用且被选中状态的图标。 --------------------------------------------按钮多大，去掉边距以后图片就是多大。会自动缩放的。因此如果 margin 都设成 0 的话，按钮多大图片就是多大。有了这些方法根本不需要自己画按钮或者用鼠标监听器。

7. 参考

paip.提升用户体验---c++ QPushButton按钮控件透明以及不规则按钮以及 鼠标越过动态设置 - attilax的专栏 - 博客频道 - CSDN.NET.htm

paip.提升用户体验---控件透明的设置 - attilax的专栏 - 博客频道 - CSDN.NET.htm