第9课 - 鼠标事件

是时候学习处理鼠标事件了。本节课将教你处理各种不同类型的鼠标事件并实现一个简单的按钮。

//按钮类
class Button
{
    private:
    //按钮的属性
    SDL_Rect box;
    
    //精灵图中显示出来的子图
    SDL_Rect* clip;
    
    public:
    //初始化变量
    Button( int x, int y, int w, int h );
    
    //处理事件并设置按钮的精灵图子图
    void handle_events();
    
    //将按钮显示在窗口中
    void show();
};

void set_clips()
{
    //分割精灵图
    clips[ CLIP_MOUSEOVER ].x = 0;
    clips[ CLIP_MOUSEOVER ].y = 0;
    clips[ CLIP_MOUSEOVER ].w = 320;
    clips[ CLIP_MOUSEOVER ].h = 240;

    clips[ CLIP_MOUSEOUT ].x = 320;
    clips[ CLIP_MOUSEOUT ].y = 0;
    clips[ CLIP_MOUSEOUT ].w = 320;
    clips[ CLIP_MOUSEOUT ].h = 240;

    clips[ CLIP_MOUSEDOWN ].x = 0;
    clips[ CLIP_MOUSEDOWN ].y = 240;
    clips[ CLIP_MOUSEDOWN ].w = 320;
    clips[ CLIP_MOUSEDOWN ].h = 240;
    
    clips[ CLIP_MOUSEUP ].x = 320;
    clips[ CLIP_MOUSEUP ].y = 240;
    clips[ CLIP_MOUSEUP ].w = 320;
    clips[ CLIP_MOUSEUP ].h = 240;    
}

这是我们从精灵图中分割子图的函数。

你可以看到，我们有一张显示不同类型鼠标事件的精灵图。所以我们有一个包含4个SDL_Rect类型数据的数组，它被用来从精灵图中分割出每个按钮子图。每个按钮子图都有一个与之相关的常量。

Button::Button( int x, int y, int w, int h )
{
    //设置按钮的属性
    box.x = x;
    box.y = y;
    box.w = w;
    box.h = h;
    
    //设置默认的子图
    clip = &clips[ CLIP_MOUSEOUT ];
}

void Button::handle_events()
{
    //鼠标坐标
    int x = 0, y = 0;
    
    //如果鼠标发生了移动
    if( event.type == SDL_MOUSEMOTION )
    {
        //获得鼠标坐标
        x = event.motion.x;
        y = event.motion.y;
        
        //如果鼠标在按钮上方
        if( ( x > box.x ) && ( x < box.x + box.w ) && ( y > box.y ) && ( y < box.y + box.h ) )
        {
            //设置按钮子图
            clip = &clips[ CLIP_MOUSEOVER ];    
        }
        //如果不是
        else
        {
            //设置按钮子图
            clip = &clips[ CLIP_MOUSEOUT ];
        }    
    }

    //如果一个鼠标按钮被按下了
    if( event.type == SDL_MOUSEBUTTONDOWN )
    {
        //如果鼠标左键被按下了
        if( event.button.button == SDL_BUTTON_LEFT )
        {
            //获取鼠标坐标
            x = event.button.x;
            y = event.button.y;
        
            //如果鼠标在按钮上方
            if( ( x > box.x ) && ( x < box.x + box.w ) && ( y > box.y ) && ( y < box.y + box.h ) )
            {
                //设置按钮子图
                clip = &clips[ CLIP_MOUSEDOWN ];
            }
        }
    }

    //如果一个鼠标按钮被释放了
    if( event.type == SDL_MOUSEBUTTONUP )
    {
        //如果鼠标左键被释放了
        if( event.button.button == SDL_BUTTON_LEFT )
        { 
            //获取鼠标坐标
            x = event.button.x;
            y = event.button.y;
        
            //如果鼠标在按钮上方
            if( ( x > box.x ) && ( x < box.x + box.w ) && ( y > box.y ) && ( y < box.y + box.h ) )
            {
                //设置按钮子图
                clip = &clips[ CLIP_MOUSEUP ];
            }
        }
    }
}

void Button::show()
{
    //显示按钮
    apply_surface( box.x, box.y, buttonSheet, screen, clip );
}

    //分割精灵图
    set_clips();
    
    //新建按钮
    Button myButton( 170, 120, 320, 240 );
    

    //当用户还没有退出
    while( quit == false )
    {
        //如果有事件需要处理
        if( SDL_PollEvent( &event ) )
        {
            //处理鼠标按钮事件
            myButton.handle_events();
            
            //如果用户点击了窗口右上角的关闭按钮
            if( event.type == SDL_QUIT )
            {
                //退出程序
                quit = true;
            }    
        }

        //使用白色填充整个窗口
        SDL_FillRect( screen, &screen->clip_rect, SDL_MapRGB( screen->format, 0xFF, 0xFF, 0xFF ) );
        
        //显示按钮
        myButton.show();
        
        //更新窗口
        if( SDL_Flip( screen ) == -1 )
        {
            return 1;    
        }
    }