使用C++与SFML编写一个简单的撞球游戏Part3——创建游戏启动界面

有游戏窗口了，接下来就为游戏添加一个启动界面吧！！！

我们将以SplashScreen.png跟MainMenu.png两幅图做为启动界面，资源可以点击这里下载。

下载后请在项目文件夹里新建一个名为images的文件夹，然后把两幅图拷贝进去。

接下来就需要为两幅图分别创建一个类，以及进行相关设置，首先是SplashScreen，代码如下：

SplashScreen.h

#pragma once
class SplashScreen
{
public:
    void Show(sf::RenderWindow& window);
};

SplashScreen.cpp

#include "StdAfx.h"
#include "SplashScreen.h"

void SplashScreen::Show(sf::RenderWindow& renderWindow)
{
    //创建texture对象来读取图片
    sf::Texture image;
    if(image.loadFromFile("images/SplashScreen.png") != true)
    {
        return;
    }

    //创建sprite对象来存储图片
    sf::Sprite sprite(image);

    //如果图片成功创建则将其显示到游戏窗口里
    renderWindow.draw(sprite);
    renderWindow.display();

    sf::Event event;
    while(true)
    {
        //跟上一part一样，用renderWindow对象来监听鼠标动作事件
        while(renderWindow.pollEvent(event))
        {
            if(event.type == sf::Event::EventType::KeyPressed 
                || event.type == sf::Event::EventType::MouseButtonPressed
                || event.type == sf::Event::EventType::Closed )
            {
                return;
            }
        }
    }
}

然后是MainMenu，代码如下：

MainMenu.h

#pragma once
#include "SFML\Window.hpp"
#include "SFML\Graphics.hpp"
#include <list>

class MainMenu
{

public:
    enum MenuResult { Nothing, Exit, Play };    

    //用结构体来存储矩形点击区域的属性参数信息
    struct MenuItem
    {
    public:
        //用来存储矩形区域范围的点的模板对象
        //一个点包含两个坐标值，两点形成一矩形区域
        sf::Rect<int> rect;
        MenuResult action;
    };

    MenuResult Show(sf::RenderWindow& window);

private:
    MenuResult GetMenuResponse(sf::RenderWindow& window);
    MenuResult HandleClick(int x, int y);

    //用来存储点击区域的容器
    std::list<MenuItem> _menuItems;
};

MainMenu.cpp

#include "stdafx.h"
#include "MainMenu.h"


MainMenu::MenuResult MainMenu::Show(sf::RenderWindow& window)
{
    sf::Texture image;
    image.loadFromFile("images/mainmenu.png");
    sf::Sprite sprite(image);

    //设置鼠标点击矩形区域范围

    //play的点击范围
    MenuItem playButton;
    playButton.rect.top= 145;
    playButton.rect.left = 0;
    playButton.rect.width = 380;
    playButton.rect.height = 1023;
    playButton.action = Play;

    //Exit的点击范围
    MenuItem exitButton;
    exitButton.rect.top = 383;
    exitButton.rect.left = 0;
    exitButton.rect.height = 1023;
    exitButton.rect.width = 560;
    exitButton.action = Exit;

    //把点击范围放进容器里面
    _menuItems.push_back(playButton);
    _menuItems.push_back(exitButton);

    window.draw(sprite);
    window.display();

    return GetMenuResponse(window);
}

//判断鼠标点击位置是否在矩形区域里面从而返回状态参数
MainMenu::MenuResult MainMenu::HandleClick(int x, int y)
{
    //迭代器遍历list容器里面存放的点击区域以供判断
    std::list<MenuItem>::iterator it;

    for ( it = _menuItems.begin(); it != _menuItems.end(); it++)
    {
        sf::Rect<int> menuItemRect = (*it).rect;
        if( menuItemRect.width > y 
            && menuItemRect.top < y 
            && menuItemRect.left < x 
            && menuItemRect.height > x)
        {
            return (*it).action;
        }
    }

    return Nothing;
}

//根据鼠标动作来做出相应的响应
MainMenu::MenuResult  MainMenu::GetMenuResponse(sf::RenderWindow& window)
{
    sf::Event menuEvent;

    //这里的42！=43可以理解为true
    while(42 != 43)
    {

        while(window.pollEvent(menuEvent))
        {
            if(menuEvent.type == sf::Event::MouseButtonPressed)
            {
                return HandleClick(menuEvent.mouseButton.x,menuEvent.mouseButton.y);
            }
            if(menuEvent.type == sf::Event::Closed)
            {
                return Exit;
            }
        }
    }
}

补充点：如果是用添加类的方式创建类的话，在添加MainMenu的时候会被禁止，因为MainMenu是被MFC保留的类名，所以还是乖乖地先添加.h再添加.cpp吧。

　　　　值得一提的是，MainMenu.h中的容器list应该是被include在stdafx.h里面的，原文解释说包含在MainMenu.h里是方便起见而已.

最后要回到Game.h里面添加两个函数与private下面：

static void ShowSplashScreen();
static void ShowMenu();

当然还要实现它们，在Game.cpp里面添加（记得要include MainMenu.h 和 SplashScreen.h）：

void Game::ShowSplashScreen()
{
    SplashScreen splashScreen;
    splashScreen.Show(_mainWindow);
    _gameState = Game::ShowingMenu;
}

void Game::ShowMenu()
{
    MainMenu mainMenu;
    MainMenu::MenuResult result = mainMenu.Show(_mainWindow);
    switch(result)
    {
    case MainMenu::Exit:
        _gameState = Exiting;
        break;
    case MainMenu::Play:
        _gameState = Playing;
        break;
    }
}

再把Start方法里面的_gameState 改为 Game::ShowingSplash;

让GameLoop方法变成如下样子就大功告成了：

void Game::GameLoop()
{
    sf::Event currentEvent;
    //从消息队列里面拿出消息
    _mainWindow.pollEvent(currentEvent);
  
    switch(_gameState)
    {
    case Game::ShowingSplash:
        {
            ShowSplashScreen();
            break;
        }
    case Game::ShowingMenu:
        {
            ShowMenu();
            break;
        }
    case Game::Playing:
        {
            //用黑色填充游戏画面
            _mainWindow.clear(sf::Color(0,0,0));
            _mainWindow.display();
        
            if(currentEvent.type == sf::Event::Closed)
            {
                _gameState = Game::Exiting;
            }
            if(currentEvent.type == sf::Event::KeyPressed)
            {
                if(currentEvent.key.code == sf::Keyboard::Escape) ShowMenu();
            } 
          break;
        }
     }  
}

现在按F5试试吧~~~~