转自百度<cb></cb>symbian吧 > 浏览贴子:http://post.baidu.com/f?kz=139962353
|
| <cc></cc> 易智游戏中的时间条,格斗游戏中的血条,相信是大家在制作游戏当中经常遇到的元素.现在用一简单的教程介绍如何用S60自定义控件完成它,该控件可以随意控制大小,控制时间长度.
该控件将用到,窗口,如何制作自定义,时间周期类等知识.
制作之前首先请大家看看NokiaForum关于自定义控件的原理和教程
CPeriodic的类的使用可以参考sdk中
DeveloperLibrary>>APIReference>>C++APIreference>>TimersandTimingServices>>CPeriodic
1.类的定义:
Code:
classCMyTimerContainer:publicCCoeControl
{
public:
voidConstructL (TIntaSecond,TPointaPoint,TSizeaSize);//aSecond初始的秒数,TPoint控件所在位置;TSize控件大小
~CMyTimerContainer();
voidDraw(constTRect&aRect)const;
staticTIntStart__(TAny*aObject);//周期函数
voidStart_();//周期函数
private://data
CPeriodic*iPeriodic;
TIntiLeft;//剩余的时间
TIntiTotal;//总共的时间
TPointiPoint;//控件所在位置,
TSizeiSize;//控件的大小
}
2.周期函数:
Code:
TIntCMyTimerContainer::Start__(TAny*aObject)
{
((CMyTimerContainer*)aObject)->Start_();//cast,andcallnon-staticfunction
return1;
}
voidCMyTimerContainer::Start_()
{
iLeft--;
if(iLeft==0)
{
DrawNow();
iPeriodic->Cancel();
return;
}
DrawNow();
}
3.绘图函数
Code:
voidCMyTimerContainer::Draw(constTRect&aRect)const
{
CWindowGc&gc=SystemGc();
/*画背景*************************/
gc.SetBrushColor(KRgbBlack);
gc.SetBrushStyle(CGraphicsContext::ESolidBrush);
gc.DrawRect(aRect);
/*画进度条*************************/
gc.SetBrushStyle(CGraphicsContext::ESolidBrush);
gc.SetBrushColor(KRgbRed);
gc.SetPenStyle(CGraphicsContext::ENullPen);
gc.DrawRect(TRect(TSize(iLeft*Size().iWidth/iTotal,iSize.iHeight)));
}
4.控件的构造
Code:
voidCMyTimerContainer::ConstructL(TIntaSecond,TPointaPoint,TSizeaSize)
{
CreateWindowL();
iTotal=aSecond;
iLeft=iTotal;
iPoint=aPoint;
iSize=aSize;
iPeriodic=CPeriodic::NewL(CActive::EPriorityIdle);
iPeriodic->Start(0/*8000000*/,1000000/*35714*/,TCallBack(Start__,this));
SetExtent(aPoint,aSize);
ActivateL();
}
5.如何调用该控件
Code:
a,在XXXContainer.h中加入该控件
private://data
CMyTimerContainer*iTimer;
b,在构造函数中构造其,秒数,位置,以及大小
voidCXXXXContainer::ConstructL(constTRect&aRect)
{
CreateWindowL();
iTimer=new(ELeave)CMyTimerContainer;
iTimer->ConstructL(60/*initseconds*/,TPoint(0,100),TSize(176,15),this);
SetRect(aRect);
ActivateL();
}
至此一个时间控件就做好了,大家可以按照以上的步骤做一下.
|
|
| 贴子相关图片: 
|
