用C++Builder设计动态按钮

弯弯 
2001年 48期

　　也许你已经注意到，在网络速度不断提高的今天，网站的站主们为了留住访问者的视线，开始越来越多地在网页中使用精美的动画、交互式的表单以及其他网页特效。不过我们要实现这些特效，一般都需要借助类似Photoshop、Flash这样复杂的图像设计软件。其实，并不是所有的特效都需要庞大的图像软件才能完成，我们同样可以通过编写程序的方法来达到设计网页特效的目的。下面，笔者就以C++ Builder来设计动态网页按钮为例，来说明一下我们完全可以使用程序来制作网页的特效。
　　　　笔者在这里设计的动态网页按钮要实现的效果是：鼠标移动到按钮上时，鼠标形状变为手形，同时按钮会动态地变成另外一幅画面，从而将访问者的视线瞬间吸引住；一旦鼠标离开按钮之后，按钮又恢复到以前状态。在具体开发时，我们主要利用C++ Builder提供的SpeedButton构件来显示按钮处在抬起、禁止、按下与保持按下的不同状态，下面是其具体的设计步骤：
　　　　1.首先选择一张自己满意的位图作为按钮的原始面貌，并命令为one.bmp，接着可以用图像制作软件将one.bmp转换为色彩更加亮丽的two.bmp，这个位图就是按钮在鼠标经过时显示的图形。另外，为了能“强行”吸引访问者的“眼球”，笔者同时还选取1个声音文件名为crush.wav，以便让鼠标移动到按钮上时发出声音来提醒用户注意。
　　　　2.做好准备工作后，我们下面就开始正式进行程序的原代码编写工作，编写时打开一个纯文本编辑软件，输入下面的代码，并保存为资源文件app.rc:
　　　　crush WAV crush.wav
　　　　start BITMAP one.bmp
　　　　start1 BITMAP two.bmp
　　　　3.在C++ Builder中新建一个项目，并将资源文件app.rc添加进项目中。当然，大家也可以通过BIN目录下的brcc32.exe将RC文件编绎为RES文件，然后用“#program resource “*.res””语句将它联编进项目中，笔者在这里采用了更简单的前一种方法。在当前窗体上加入新的SpeedButton，取名为StartSpeedButton。属性设置为：
　　　　Caption  空
　　　　Cursor  crHandPoint
　　　　Flat  True
　　　　Hint
　　　　Glyph  None
　　　　Showhint  True。
　　　　接下来，打开所对应的头文件，在其中的Private项中增加：
　　　　Graphics::TBitmap *one，*two; //定义位图
　　　　Char *chWavHandle; //定义声音句柄
　　　　然后在主表单的CPP文件的表单创键事件（onCreate）所对应的函数中先初始化位图：
　　　　one=new Graphics::TBitmap（）;
　　　　two=new Graphics::TBitmap（）;
　　　　下面，初始化后再载入位图：
　　　　one->Handle=LoadBitmap（Hinstance， “one”）; //从内存中载入位图
　　　　two->Handle=LoadBitmap（Hinstance， “two”）;　
　　　　接着，再加载声音文件：
　　　　HRSRC temp=FindResource（Hinstance，“crush”， “WAV”）; //从内存中载入声音
　　　　HGLOBAL h=LoadResource（Hinstance，temp）;
　　　　ChWavHandle=（char *）LockResource（h）;　
　　　　随后，我们再将浮动按钮的画面显示为two.bmp的图像：
　　　　StartSpeedButton->Glyph->Assign（two）;
　　　　当所有的初始工作结束以后，我们还应该及时释放所占用的资源，操作时只要在主表单的OnDestroy事件所对应的函数中加入：
　　　　delete chWavHandle;
　　　　delete two，one;
　　　　到这里为止，鼠标形状变化、按钮突起及动态提示已经有了，下面所要做的工作就是完成图形变化及声音提示。在做这部分工作之前，可回想一下浏览网页的情况。我们的动态按钮的响应步骤应该是：鼠标移入按钮时，图形由第一幅图变为第二幅图，同时发出声音来提示用户；移出时图形再变回原貌，但此时不发出声响。因此应让程序知道什么时候鼠标正好移入、什么时候正好移出。按照这个思路，我们可以在头文件的Private项中增加状态变量：
　　　　bool blStart;
　　　　在主表单文件的OnCreate中为其设置初始值：
　　　　blStart=true; //在TRUE状态下，一旦发生OnMouseMove事件就可以点亮按钮。
　　　　选中SpeedButton按钮，在其OnMouseMove事件所对应的函数StartSpeedButtonMouseMove（）中增加　　if（blStart）//可以点亮按钮：
　　　　{StartSpeedButton->Glyph->Assign（one）; //加载第一幅图
　　　　//通过chWavHandle句柄调用内存中声音文件
　　　　SndPlaySound（chWavHandle，SND_MEMORY｜SND_SYNC）;
　　　　blStart=false; //再发生OnMouseMove事件不可以点亮按钮}
　　　　当然，还必须在鼠标离开按钮时再将图形恢复为原貌。如何才能知道鼠标离开呢？比较原始的办法自然是用鼠标的坐标位置来判断，但这样很费力。一个巧妙的招数是用包含（在位置上）此按钮的其它部件的OnMouseMove事件来判断（注意：选用的外围部件相对于此按钮来说需有足够的纵深，否则，一旦鼠标移动太快，有可能会漏过OnMouseMove事件而发生紊乱。确决的办法是：再加上更外围的部件的OnMouseMove事件来双保险）。
　　　　以按钮的外围部件是主表单MainForm为例，在其OnMouseMove事件所对应的函数MainFormMouseMove（）中加入：
　　　　if（!blStart） //鼠标正好由按钮内移出
　　　　StartSpeedButton->Glyph->Assign（two）; //加载第二幅图
　　　　blStart=true; //为鼠标重新进入按钮作准备
　　　　#include //在主表单CPP文件前部加入为SndPlaySound提供声明的头文件
　　　　上面就是笔者使用C++Builder来实现简单动态按钮的设计，当然，如果你是一位编程爱好者的话，完全可以通过编程来实现各种各样的特殊效果的设计。
　　
　　 
 