Chinaunix首页 | 论坛 | 博客
  • 博客访问: 2207275
  • 博文数量: 866
  • 博客积分: 14125
  • 博客等级: 上将
  • 技术积分: 10638
  • 用 户 组: 普通用户
  • 注册时间: 2007-07-27 16:53
个人简介

https://github.com/landuochong

文章分类

全部博文(866)

文章存档

2019年(3)

2018年(1)

2017年(10)

2015年(3)

2014年(8)

2013年(3)

2012年(70)

2011年(103)

2010年(360)

2009年(283)

2008年(22)

分类: C/C++

2010-12-27 09:50:10

1.1:为了按钮做准备

        按钮是鼠标事件响应的象征,在PC游戏中起着十分重要的作用。这一章节,我们开始通过SDL提供的底层函数,自己来设计按钮。
        按钮一般有这么几种状态:
out: 鼠标不在按钮上;
over: 鼠标在按钮上;
down: 鼠标按下了;
up: 鼠标松开了;
        其中,down和up又可以细分为鼠标是在按钮上按下松开的,还是在按钮外按下松开的。
        我们先从按钮的表现形式——图片来分析这些问题。
        为了表现不同的状态,我们需要多张图片。至少的,out与over和down中的至少一张图片应该是不一样的,这样才能给人以“按下了”的视觉效果。也就 是说,如果我们构建按钮类,这个类将会包含我们之前设计的SurfaceClass类。这样,根据我们之前讨论的一些C++细节问题,我们必须重新小心的 设计SurfaceClass类。

1.2:为SurfaceClass设计基类

        我们之前使用DisplaySurface本身作为TextSurface的基类,这是因为我们希望通过基类本身引用派生类,从而不需要为基类和派生类分 别写函数。同样的,我们希望在ButtonClass中直接使用基类作为成员数据,这样,ButtonClass可以不需要为派生类重新构建。在之前的 DisplaySurface中,我们可以看到,大部分方法,比如最为重要的blit()方法,所涉及到的成员数据仅仅就是SDL_Surface* pSurface,这一点,TextSurface类也是一样的。DisplaySurface类通过图片创建pSurface,TextSurface 类通过字库创建pSurface,他们的创建条件不尽相同,TextSurface需要打开TTF_Init(),还需要打开字库 TTF_OpenFont(),所以,他们的构造函数与析构函数是不一样的。一种更加清晰的关系,是建立起他们的基类,然后把他们的区别点分开处理,而不 是之前采用的if来判断处理。
        最清晰的办法,是把BaseSurface设计成为抽象基类(ABC),但是ABC的问题在于,无法创建ABC本身的对象,也就是说,我们需要在 ButtonClass中包含的BaseSurface对象无法建立,所以,我们不能把BaseSurface设计成为ABC。我想到的办法,是将 BaseSurface的默认构造函数仅仅提供给派生类使用,也就是说,因为BaseClass的默认构造函数本身是不能建立起必要的数据的,比如 pSurface和pScreen,我们暂时都用空指针代替。这里的思想其实还是ABC的,让基类仅仅提供算法,即使算法所需要的元素还尚不存在。但是, 只要这些元素存在了,BaseSurface也就可以完成这些算法,所以,我们把BaseSurface的复制构造函数设计为公共的,这很重要,这样才为 我们通过派生类去初始化基类的构造函数初始化列表提供了可能。
        我们把基类命名为BaseSurface,之前的DisplaySurface我们用更形象的名称代替,叫PictureSurface,然后TextSurface不改名。

1.3:如何深度复制SDL_Surface ?

        因为PictureSurface和TextSurface的构造函数都涉及到了堆操作,也就是说,SDL_Surface是建立在堆上的。我们需要通过 基类的复制构造函数复制SDL_Surface,必须找到合适的工具。具体来说,新对象的pSurface必须指像一个新建立起来的 SDL_Surface对象,而非被复制的对象本身。
        我最先想到的是用new...delete组合,但是失败了。为什么呢?我们研究SDL_Surafce结构本身,发现在之中包含着一些其它的指针。比如 SDL_PixelFormat *format和void *pixels。也就是说,SDL_Surface本身的构建也有堆操作,而且,因为SDL_Surafce是C风格的结构而不是类,它不能提供深度复制 的操作,所以,即使我们用new为SDL_Surface申请了新空间,SDL_Surface本身也不会为format和pixels申请新的副本。当 被释放掉原本的时候,副本将寻找不到原本的format和pixels,从而产生错误。
        我们另外能找到的可以深度复制SDL_Surface的函数,是:
SDL_Surface *SDL_DisplayFormat(SDL_Surface *surface);
SDL_Surface *SDL_ConvertSurface(SDL_Surface *src, SDL_PixelFormat *fmt, Uint32 flags);
        这两个函数貌似都是可行的。实际上,基本上也都是可行的。但是涉及到文字的时候,SDL_DisplayFormat将不能正确的转换Blended和Shaded的文字,所以,最后只能使用SDL_ConvertSurafce()。
 新构建的SurfaceClass源代码见:
http://www.cppblog.com/lf426/archive/2008/04/14/47038.html

2.1:设计框架与基类的接口

        有了更加完善的SurfaceClass的支持,我们可以进行按钮的设计了。接着上一节的话题,按钮除了要给我们表现出来是否被按下的视觉效果,还要起到 实际上的作用。一种最简单的思路,既是鼠标在按钮上一旦按下,程序就马上响应。这种思路很朴素,也很实用。大名鼎鼎的QuakeIII的菜单按钮就是这么 设计的,这样我们几乎是可以直接使用SDL的事件响应,即:事件不为空——鼠标事件的左键按下——响应处理。
        但是也许我们已经习惯更加人性话的GUI按钮了。比如,如果是不小心点错了,马上响应意味着没有机会改正操作失误。事实上,我们仔细分析当今GUI上的按 钮,可以发现按钮的实际效果,是在按下鼠标,并且又松开的时候产生的响应。其实这样说也并不完全准确,更加准确的描述,应该是鼠标既要在按钮上按下,又要 在按钮上松开——其实这还是不完整,我想说的是,为了描述这个复杂的状态,我们不得不在ButtonClass中引入几个bool量,以判断按钮是否真正 起作用。
        按钮的构成与视觉效果,根据我们之前的知识,大概具有这几类:完全由PictureSurface组成,这又分为两类,两张Picture(out和 over)或者三张Picture(再加张down);由TextSurface组成;由一张精灵图的PictureSurafce切分出来。他们的接口 几乎是一样的:设置位置和按下时的偏移(setup),扣色(colorkey),添加文字(addText),显示(blit),鼠标事件判断 (mouse out, over, down, up 甚至是 up outside)和有效点击(effectiveClick)。所以,我们有理由用基类来规定这些接口。或者说,用ABC(抽象基类)的纯虚函数硬性规定 这些接口。

2.2:鼠标事件判断与有效点击

移动:SDL_MOUSEMOTION
触发的开关是鼠标发生了移动。我们需要判断鼠标是否移动到了按钮上,或者移动到了不是按钮区域的地方;
点击:SDL_MOUSEBUTTONDOWN
触发条件是鼠标按下了,我们需要进一步判断是不是左键按下了(gameEvent.button.button == SDL_BUTTON_LEFT ),然后判断是不是在按钮区域内按下的。
松开:SDL_MOUSEBUTTONUP
触发条件是鼠标松开了,我们需要进一步判断是不是左键松开了(gameEvent.button.button == SDL_BUTTON_LEFT ),然后判断是不是在按钮区域内松开的。
按钮外松开:SDL_MOUSEBUTTONUP
触发条件是鼠标松开了,我们需要进一步判断是不是左键松开了(gameEvent.button.button == SDL_BUTTON_LEFT ),然后判断是不是在按钮区域内松开的。
        我们之所以需要做这些判断,是为了构建我们刚才设想中的按钮效果,即有效点击(effectiveClick)。因为有效点击不是通过一次事件的判断完成 的,我们通过三个bool量在整个按钮的生命周期类描述按钮所接收到的鼠标事件:inBox鼠标在按钮区域内;clickDown鼠标在按钮区域类被按下 过(并且没有在外面松开);clickUp鼠标在按钮区域内松开。我们来看看这段代码吧……我承认,if得很混乱,但是居然能正常工作,呵呵。
bool BaseButton::effectiveClick(const SDL_Event& game_event)
{
    inBox 
= this->mouseOver(game_event);
    
if ( this->mouseDown(game_event) == true ){
        clickDown 
= true;
        inBox 
= true;
    }
    
if ( this->mouseUp(game_event) == true ){
        
if ( clickDown == true )
            clickUp 
= true;
        inBox 
= true;
    }
    
if ( this->mouseUpOutside(game_event) == true )
        clickDown 
= false;

    
if ( inBox == true && clickDown == false ){
        
this->blitOver();
        
return false;
    }
    
else if ( inBox == true && clickDown == true ){
        
if ( clickUp == true ){
            clickUp 
= false;
            clickDown 
= false;
            
this->blitOver();
            
return true;
        } 
else {
            
this->blitDown();
            
return false;
        }
    }
    
else {
        
this->blitOut();
        
return false;
    }
}
        最有意思的是,我们可以把这个函数构建在基类中——即使blitxxx()这类的函数都是纯虚函数——但是他们已经代表了算法。在用不同的派生类调用基类的这个方法的时候,blitxxx()会被替换成相应派生类的版本,从而减少了重复写代码的工作。

2.3:ButtonClass的源代码
http://www.cppblog.com/lf426/archive/2008/04/15/47156.html

   有了按钮类,我们制作对话框就很轻松了。边写程序边说明吧。
bool hand_dialog(const ScreenSurface& screen, const std::string& dialog_text, int size)
{
    
const int CENTRE_X = (screen.point()->w) / 2;
    
const int CENTRE_Y = (screen.point()->h) / 2;
    
const int HALF_SUB_BUTTON_W = 64 / 2;
先找出显示屏的中心点,然后是对话框按钮宽度的一半。这些是为了在屏幕中心的对称位置显示YES和NO
    PictureSurface quitBG("./images/dialog_bg.png", screen);
    quitBG.blit();
载入对话框的背景
    TextSurface quitDlg(dialog_text, screen, 215195122, size);
    
int quitDlg_x = CENTRE_X - ((quitDlg.point()->w)/2);
    
int quitDlg_y = CENTRE_Y - 50;
    quitDlg.blit(quitDlg_x, quitDlg_y);
载入对话框的提示文字
    const int YES_X = CENTRE_X - 40 - HALF_SUB_BUTTON_W;
    
const int YES_Y = CENTRE_Y + 30;
    Button yesButtonEffect(
"./images/h3_yes_off.png""./images/h3_yes_over.png", screen);
    yesButtonEffect.setup(YES_X, YES_Y, 
5);
    yesButtonEffect.blitOut();
构建YES按钮
    const int NO_X = CENTRE_X + 40 - HALF_SUB_BUTTON_W;
    
const int NO_Y = CENTRE_Y + 30;
    Button noButtonEffect(
"./images/h3_no_off.png""./images/h3_no_over.png", screen);
    noButtonEffect.setup(NO_X, NO_Y, 
5);
    noButtonEffect.blitOut();
构建NO按钮
    screen.flip();
显示屏幕
    SDL_Event gameEvent;
    
whiletrue ){
        
while ( SDL_PollEvent(&gameEvent) != 0 ){
            
if ( gameEvent.type == SDL_KEYDOWN ){
                
if ( gameEvent.key.keysym.sym == SDLK_ESCAPE ){
                    
return false;
                }
            }
            quitBG.blit();
            quitDlg.blit(quitDlg_x, quitDlg_y);
            
if ( yesButtonEffect.effectiveClick(gameEvent) == true )
                
return true;
            
if ( noButtonEffect.effectiveClick(gameEvent) == true )
                
return false;
            screen.flip();
        }
    }
}
主循环了。可以通过按下ESC或者按下NO按钮取消对话框,按下YES按钮则表示做出了选择。我们使用effectiveClick()方法,一次性的将接收事件,判断事件,显示按钮的不同状态集成性的完成了。
阅读(1145) | 评论(0) | 转发(0) |
给主人留下些什么吧!~~
评论热议
请登录后评论。

登录 注册