制作带有伸缩按钮的容器

 一.设计时效果:

制作带有伸缩按钮的容器_第1张图片

二.运行时效果:

1)展开时效果:

制作带有伸缩按钮的容器_第2张图片

制作带有伸缩按钮的容器_第3张图片

制作带有伸缩按钮的容器_第4张图片

2)收缩时效果:

 

三.谈谈设计思路:

这个可以伸缩的容器很类似QQ游戏中的那个扩展按钮容器,如下图所示,实现的原理相当的简单,一样是在mousedown,mouseup,mousemove等事件中判断鼠标的相对位置与操作,然后在onpaint方法中对不同状态绘制不同的图片与线段.如果哪位朋友感兴趣,欢迎一起讨论.

此图是从QQ游戏中截得:

制作带有伸缩按钮的容器_第5张图片

你可能感兴趣的:(02自定义控件,游戏,qq,扩展)