笔者在这里设计的动态网页按钮要实现的效果是,鼠标移动到按钮上时,鼠标形状变为手形,同时按钮会动态地变成另外一幅画面,从而将访问者的视线瞬间吸引住;一旦鼠标离开按钮之后,按钮又恢复到以前状态。在具体开发时,我们主要利用C ++Builder提供的SpeedButton构件来显示按钮处在抬起、禁止、按下与保持按下的不同状态,下面是其具体的设计步骤:
1、首先选择一张自己满意的位图作为按钮的原始面貌
将图命名为one.bmp,接着可以用图象制作软件将one.bmp转换为色彩更加亮丽的two.bmp,这个位图就是按钮在鼠标经过时显示的图形,另外为了能“强行”吸引访问者的“眼球”,笔者同时还选取1个声音文件名为 crush.wav,以便让鼠标移动到按钮上时发出声音来提醒用户注意。
2、做好准备工作后,我们下面就开始正式进行程序的原代码编写工作。
打开一个纯文本编辑软件,并输入下面的代码:
crush WAV crush.wav
start BITMAP one.bmp
start1 BITMAP two.bmp
保存为资源文件app.rc。
3、下面我们开始使用以C++Builder。
首先启动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中为其设置初始值
|