Qt Quick实现的疯狂算数游戏

    使用 Qt Quick 写了个小游戏：疯狂算数。支持 Windows 和 Android 两个平台。

    游戏简单，但牵涉到下面你的 Qt Quick 主题：

• 自己实现一个按钮
• 自适应分辨率
• 国际化
• QML与C++混合编程
• APK图标设置
• APK名称汉化
• 动画

    其实所有这些内容，在我的书《Qt Quick核心编程》里都讲到了，感兴趣的朋友可以看我的书。

    大概来看一下吧，先看效果。

Android 手机运行效果

    下面是 Android 应用列表：

    看到“疯狂算数”那个应用了吧，图标是我自己画的，名字是中文的。

    再来看游戏进行中的效果：

    界面中间，第一行是倒计时，数秒的。第二行是算术题。第三行是两个按钮，选择对错；判断正确的话，继续下一题，如果选错了，游戏就结束了，可以看到下面的图。

    游戏结束时显示当前答对的题数、历史最好成绩。界面下方是两个按钮，点“再来”可以重玩，点“退出”就结束整个游戏。游戏结束的界面，使用了弹簧动画（SprintgAnimation），有一些动画效果。

源码分析

    源码我们走马观花，摘重要的讲一下。

国际化

    这个简单的示例里，只有 qml 文档中有需要翻译的字符串。在 pro 文件里有一些改动：

TRANSLATIONS = madmath_zh_cn.ts

lupdate_only {
    SOURCES = main.qml
}

    使用 Qt 的命令行开发环境，切换到项目目录，执行 lupdate MadMath.pro 即可生成 ts 文件，然后使用 Linguist 翻译、发布，再把 qm 文件添加到 qrc 里，最后在 main.cpp 中根据用户语言环境加载 qm 文件。

    main.cpp 代码如下：

#include <QGuiApplication>
#include <QQmlApplicationEngine>
#include <QFont>
#include <QQmlContext>
#include <QIcon>
#include <QLocale>
#include <QTranslator>
#include "sizeUtil.h"
#include "problem.h"

int main(int argc, char *argv[])
{
    QGuiApplication app(argc, argv);
    QFont f = app.font();
    f.setPointSize(24);
    app.setWindowIcon(QIcon(":/res/madmath_36.png"));

    QLocale locale = QLocale::system();
    if(locale.language() == QLocale::Chinese)
    {
        QTranslator *translator = new QTranslator(&app);
        if(translator->load(":/madmath_zh_cn.qm"))
        {
            app.installTranslator(translator);
        }
    }

    QQmlApplicationEngine engine;
    engine.rootContext()->setContextProperty("sizeUtil", new SizeUtil);
    engine.rootContext()->setContextProperty("problems", new MathProblem);
    engine.load(QUrl(QStringLiteral("qrc:///main.qml")));

    return app.exec();
}

ImageButton

    实现了一个简单的图片按钮—— ImageButton ，在 ImageButton.qml 文件内。所有源码：

import QtQuick 2.0

Rectangle {