2023-05-29 用 fltk gui库编写一个打字练习程序

用 fltk gui库编写一个打字练习程序

  • 前言
  • 一、FLTK GUI 库
  • 二、使用步骤
    • 1.引入库
    • 2.使用代码
  • 总结

前言

给孩子练习键盘打字, 发现终端还是欠点意思, 研究了一下gui, 最终用 fltk库弄了一个.

对于没有接触过gui的人, 发现, 编程的逻辑和终端区别很大, 很繁琐, 可能需要适应适应, 另外, 文档很重要, 示例很重要.

一、FLTK GUI 库

FLTK is a cross-platform C++ GUI toolkit for UNIX®/Linux® (X11), Microsoft® Windows®, and macOS®. FLTK provides modern GUI functionality without the bloat and supports 3D graphics via OpenGL® and its built-in GLUT emulation.

FLTK is designed to be small and modular enough to be statically linked, but works fine as a shared library. FLTK also includes an excellent UI builder called FLUID that can be used to create applications in minutes.

FLTK is provided under the terms of the GNU Library Public License, Version 2 with exceptions that allow for static linking.

总之, 就是足够小, 跨平台, 可商用, 当然更具体的请去官网查看.

二、使用步骤

1.引入库

我使用msys2安装的, 因为比较容易, 我暂时不想自己编译.

以下是比较常用的头文件, 主要用于建立窗口, 输入输出框, 时钟, GUI也少不了图片解析, 比如jpg和png.

#include <FL/Fl.H>
#include <FL/Fl_Box.H>
#include <FL/Fl_Clock.H>
#include <FL/Fl_Double_Window.H>
#include <FL/Fl_Input.H>
#include <FL/Fl_Output.H>
#include <FL/Fl_Image.H>
#include <FL/Fl_PNG_Image.H>

编译参数需要加上fltk的库文件

 E:\msys64\clang64\bin\clang++.exe -glldb  -lfltk -lfltk_images  test227.cpp p -o E:\clangC++\answer\C++\test227.exe

2.使用代码

代码如下（示例）：

头文件, 用于给出最基本的结构及函数, 为了能够catch键盘事件, 派生一个windowInput类, 改写handle函数.

// generated by Fast Light User Interface Designer (fluid) version 1.0308
#ifndef TYPING_H
#define TYPING_H

#include <FL/Fl.H>
#include <FL/Fl_Box.H>
#include <FL/Fl_Clock.H>
#include <FL/Fl_Double_Window.H>
#include <FL/Fl_Input.H>
#include <FL/Fl_Output.H>

struct windowInput : Fl_Input
{
    windowInput(int X, int Y, int W, int H, const char *l = nullptr)
        : Fl_Input(X, Y, W, H, l)
    {}
    auto handle(int event) -> int override;
};

struct windowObject
{
    Fl_Double_Window *window;
    Fl_Box *box;
    windowInput *input;
    Fl_Output *displayText;
    Fl_Output *displayChar;
    Fl_Clock *clock;
};

auto makeWindow(const char *fileName) -> windowObject &;

auto openFile(const char *fileName) -> bool;

#endif

cpp文件, 装载函数实现, 但我要坦白, 由于对库不是特别了解, 使用了大量的全局数据, 但通过匿名的命名空间, 约束在cpp文件中, 尽量不污染全局.

gui本身不复杂, 但需要熟练, 文档和示例协助理解.

当然, 编程思路和终端编程还是有比较大的区别, 比如, 原先我想主程序由while循环和标准IO流驱动, 但发现, 在这种框架下是不可能的, 因为需要在进入gui框架循环前不能有任何阻塞, 否则就进入不了图形界面, 所以需要将循环部分揉进GUI框架的handle函数中, 而这个函数, 还不能传进数据, 只能用全局数据.

不过也可能是我用的实在不熟, 一天时间有点紧, 可能callback这种传数据的方法, 更符合这种编程模式, 只是我不太了解callback的运行逻辑(这个GUI框架的逻辑), 可能要看看源码.

// generated by Fast Light User Interface Designer (fluid) version 1.0308
#include "typingGUI.h"
#include <FL/Fl_Image.H>
#include <FL/Fl_PNG_Image.H>
#include <fstream>
#include <string>

namespace
{
windowObject winObj;

std::ifstream file;
std::string text;
std::array<char, 128> chrArr{"请输入: "};

int chr = 0xff8d;
int charIndex;

auto image_keyboard2(const char *fileName) -> Fl_Image *
{
    static Fl_Image *image = new Fl_PNG_Image(fileName);
    return image;
}

} // namespace

auto openFile(const char *fileName) -> bool
{
    file.open(fileName);
    return file.is_open();
}

auto windowInput::handle(int event) -> int
{
    if (event == FL_KEYDOWN || event == FL_KEYUP)
    {
        static int keycode;
        // keycode = Fl::event_key(); 这个最终给到的不是字母, 而是键盘编码, 大部分是一致的但涉及小键盘和shift就不同了
        keycode = *Fl::event_text();

        if (keycode == chr)
        {
            if (charIndex != text.size())
            {
                chr = text[charIndex];
                chrArr[11] = text[charIndex++];
                winObj.displayChar->value(chrArr.data());
                winObj.input->value(reinterpret_cast<char *>(&chr));
            }
            else if (file >> text)
            {
                charIndex = 0;
                chr = text[charIndex];
                chrArr[11] = text[charIndex++];
                winObj.displayText->value(text.c_str());
                winObj.displayChar->value(chrArr.data());
                winObj.input->value(reinterpret_cast<char *>(&chr));
            }
            else
            {
                winObj.displayText->value("恭喜过关, 请关闭窗口");
                file.close();
            }
        }
        else
        {
            winObj.input->value(reinterpret_cast<char *>(&keycode));
        }
    }
    return Fl_Input::handle(event);
}

auto makeWindow(const char *fileName) -> windowObject &
{
    winObj.window = new Fl_Double_Window(1920, 1017, "打字练习");
    winObj.window->resizable(winObj.window);

    // 获取系统中的字体数目
    Fl::set_fonts("-*");

    if (winObj.window != nullptr)
    {
        winObj.window->box(FL_UP_BOX);
        winObj.window->color(static_cast<Fl_Color>(25));

        {
            winObj.box = new Fl_Box(80, 23, 1720, 512);
            winObj.box->image(
                image_keyboard2(fileName)); //"E:\\clangC++\\keyboard2.png"
            winObj.box->labelfont(617);
            winObj.box->labelsize(53);
            winObj.box->labelcolor(static_cast<Fl_Color>(139));
        } // Fl_Box* box

        {
            winObj.input = new windowInput(276, 747, 1517, 84, "input:");
            winObj.input->labelfont(617);
            winObj.input->labelsize(72);
            winObj.input->textfont(617);
            winObj.input->textsize(72);
            winObj.input->align(static_cast<Fl_Align>(36));
        } // Fl_Input* input

        {
            winObj.displayText = new Fl_Output(83, 545, 1710, 84);
            winObj.displayText->box(FL_UP_BOX);
            winObj.displayText->labeltype(FL_NO_LABEL);
            winObj.displayText->labelfont(617);
            winObj.displayText->labelsize(72);
            winObj.displayText->textfont(617);
            winObj.displayText->textsize(72);
            winObj.displayText->value("按回车开始练习!");
        } // Fl_Text_Display* displayText

        {
            winObj.displayChar = new Fl_Output(83, 644, 1710, 84);
            winObj.displayChar->box(FL_UP_BOX);
            winObj.displayChar->labeltype(FL_NO_LABEL);
            winObj.displayChar->labelfont(617);
            winObj.displayChar->labelsize(72);
            winObj.displayChar->textfont(617);
            winObj.displayChar->textsize(72);
        } // Fl_Text_Display* displayChar

        {
            winObj.clock = new Fl_Clock(918, 849, 150, 150);
            winObj.clock->labelfont(617);
            winObj.clock->labelsize(24);
            winObj.clock->align((FL_ALIGN_CENTER));
        } // Fl_Clock* clock
        winObj.window->end();

        winObj.window->show();
    } // Fl_Double_Window* window

    return winObj;
}

2023-06-02 更新:

  1. 设置键盘提示
  2. auto windowInput::handle(int event) -> int 函数处理事件但未消除事件, 导致事件多次处理, 使得反应过慢, 无法快速捕获键盘.

头文件更新

// generated by Fast Light User Interface Designer (fluid) version 1.0308
#ifndef TYPING_H
#define TYPING_H

#include <FL/Fl.H>
#include <FL/Fl_Box.H>
#include <FL/Fl_Clock.H>
#include <FL/Fl_Double_Window.H>
#include <FL/Fl_Input.H>
#include <FL/Fl_Output.H>
#include <array>

struct windowInput : Fl_Input
{
    windowInput(int X, int Y, int W, int H, const char *l = nullptr)
        : Fl_Input(X, Y, W, H, l)
    {}
    auto handle(int event) -> int override;
};

struct windowObject
{
    Fl_Double_Window *window;
    Fl_Box *box;
    windowInput *input;
    Fl_Output *displayText;
    Fl_Output *displayChar;
    Fl_Clock *clock;
    std::array<Fl_Box *, 40> keys;
};

auto makeWindow(const char *fileName) -> windowObject &;

auto openFile(const char *fileName) -> bool;

#endif

cpp文件更新

// generated by Fast Light User Interface Designer (fluid) version 1.0308
#include "typingGUI.h"
#include <FL/Fl_Image.H>
#include <FL/Fl_PNG_Image.H>
#include <fstream>
#include <string>

#define KEYCOLOR 30
#define LABELSIZE 100
#define LABELCOLOR 7

namespace
{
windowObject winObj;

std::ifstream file;
std::string text;
std::array<char, 128> chrArr{"请输入: "};

std::array<const char *, 40> nameArr{"1!", "2@", "3#", "4$", "5%", "6^", "7&",
                                     "8*", "9(", "0)", "q",  "w",  "e",  "r",
                                     "t",  "y",  "u",  "i",  "o",  "p",  "a",
                                     "s",  "d",  "f",  "g",  "h",  "j",  "k",
                                     "l",  ";:", "z",  "x",  "c",  "v",  "b",
                                     "n",  "m",  ",<", ".>", "/?"};

int chr = 13;
int charIndex;

auto image_keyboard2(const char *fileName) -> Fl_Image *
{
    static Fl_Image *image = new Fl_PNG_Image(fileName);
    return image;
}

} // namespace

auto openFile(const char *fileName) -> bool
{
    file.open(fileName);
    return file.is_open();
}

void showColor(int chr)
{
    switch (chr)
    {
    case '1':
        winObj.keys[0]->show();
        break;
    case '2':
        winObj.keys[1]->show();
        break;
    case '3':
        winObj.keys[2]->show();
        break;
    case '4':
        winObj.keys[3]->show();
        break;
    case '5':
        winObj.keys[4]->show();
        break;
    case '6':
        winObj.keys[5]->show();
        break;
    case '7':
        winObj.keys[6]->show();
        break;
    case '8':
        winObj.keys[7]->show();
        break;
    case '9':
        winObj.keys[8]->show();
        break;
    case '0':
        winObj.keys[9]->show();
        break;
    case 'q':
    case 'Q':
        winObj.keys[10]->show();
        break;
    case 'w':
    case 'W':
        winObj.keys[11]->show();
        break;
    case 'e':
    case 'E':
        winObj.keys[12]->show();
        break;
    case 'r':
    case 'R':
        winObj.keys[13]->show();
        break;
    case 't':
    case 'T':
        winObj.keys[14]->show();
        break;
    case 'y':
    case 'Y':
        winObj.keys[15]->show();
        break;
    case 'u':
    case 'U':
        winObj.keys[16]->show();
        break;
    case 'i':
    case 'I':
        winObj.keys[17]->show();
        break;
    case 'o':
    case 'O':
        winObj.keys[18]->show();
        break;
    case 'p':
    case 'P':
        winObj.keys[19]->show();
        break;
    case 'a':
    case 'A':
        winObj.keys[20]->show();
        break;
    case 's':
    case 'S':
        winObj.keys[21]->show();
        break;
    case 'd':
    case 'D':
        winObj.keys[22]->show();
        break;
    case 'f':
    case 'F':
        winObj.keys[23]->show();
        break;
    case 'g':
    case 'G':
        winObj.keys[24]->show();
        break;
    case 'h':
    case 'H':
        winObj.keys[25]->show();
        break;
    case 'j':
    case 'J':
        winObj.keys[26]->show();
        break;
    case 'k':
    case 'K':
        winObj.keys[27]->show();
        break;
    case 'l':
    case 'L':
        winObj.keys[28]->show();
        break;
    case ';':
    case ':':
        winObj.keys[29]->show();
        break;
    case 'z':
    case 'Z':
        winObj.keys[30]->show();
        break;
    case 'x':
    case 'X':
        winObj.keys[31]->show();
        break;
    case 'c':
    case 'C':
        winObj.keys[32]->show();
        break;
    case 'v':
    case 'V':
        winObj.keys[33]->show();
        break;
    case 'b':
    case 'B':
        winObj.keys[34]->show();
        break;
    case 'n':
    case 'N':
        winObj.keys[35]->show();
        break;
    case 'm':
    case 'M':
        winObj.keys[36]->show();
        break;
    case ',':
    case '<':
        winObj.keys[37]->show();
        break;
    case '.':
    case '>':
        winObj.keys[38]->show();
        break;
    case '/':
    case '?':
        winObj.keys[39]->show();
        break;
    default:;
    }
}

void unshowColor(int chr)
{
    switch (chr)
    {
    case '1':
        winObj.keys[0]->hide();
        break;
    case '2':
        winObj.keys[1]->hide();
        break;
    case '3':
        winObj.keys[2]->hide();
        break;
    case '4':
        winObj.keys[3]->hide();
        break;
    case '5':
        winObj.keys[4]->hide();
        break;
    case '6':
        winObj.keys[5]->hide();
        break;
    case '7':
        winObj.keys[6]->hide();
        break;
    case '8':
        winObj.keys[7]->hide();
        break;
    case '9':
        winObj.keys[8]->hide();
        break;
    case '0':
        winObj.keys[9]->hide();
        break;
    case 'q':
    case 'Q':
        winObj.keys[10]->hide();
        break;
    case 'w':
    case 'W':
        winObj.keys[11]->hide();
        break;
    case 'e':
    case 'E':
        winObj.keys[12]->hide();
        break;
    case 'r':
    case 'R':
        winObj.keys[13]->hide();
        break;
    case 't':
    case 'T':
        winObj.keys[14]->hide();
        break;
    case 'y':
    case 'Y':
        winObj.keys[15]->hide();
        break;
    case 'u':
    case 'U':
        winObj.keys[16]->hide();
        break;
    case 'i':
    case 'I':
        winObj.keys[17]->hide();
        break;
    case 'o':
    case 'O':
        winObj.keys[18]->hide();
        break;
    case 'p':
    case 'P':
        winObj.keys[19]->hide();
        break;
    case 'a':
    case 'A':
        winObj.keys[20]->hide();
        break;
    case 's':
    case 'S':
        winObj.keys[21]->hide();
        break;
    case 'd':
    case 'D':
        winObj.keys[22]->hide();
        break;
    case 'f':
    case 'F':
        winObj.keys[23]->hide();
        break;
    case 'g':
    case 'G':
        winObj.keys[24]->hide();
        break;
    case 'h':
    case 'H':
        winObj.keys[25]->hide();
        break;
    case 'j':
    case 'J':
        winObj.keys[26]->hide();
        break;
    case 'k':
    case 'K':
        winObj.keys[27]->hide();
        break;
    case 'l':
    case 'L':
        winObj.keys[28]->hide();
        break;
    case ';':
    case ':':
        winObj.keys[29]->hide();
        break;
    case 'z':
    case 'Z':
        winObj.keys[30]->hide();
        break;
    case 'x':
    case 'X':
        winObj.keys[31]->hide();
        break;
    case 'c':
    case 'C':
        winObj.keys[32]->hide();
        break;
    case 'v':
    case 'V':
        winObj.keys[33]->hide();
        break;
    case 'b':
    case 'B':
        winObj.keys[34]->hide();
        break;
    case 'n':
    case 'N':
        winObj.keys[35]->hide();
        break;
    case 'm':
    case 'M':
        winObj.keys[36]->hide();
        break;
    case ',':
    case '<':
        winObj.keys[37]->hide();
        break;
    case '.':
    case '>':
        winObj.keys[38]->hide();
        break;
    case '/':
    case '?':
        winObj.keys[39]->hide();
        break;
    }
}

auto windowInput::handle(int event) -> int
{
    if (event == FL_KEYDOWN || event == FL_KEYUP)
    {
        static int keycode;
        // keycode = Fl::event_key();
        keycode = *Fl::event_text();

        if (keycode == chr)
        {
            unshowColor(chr);
            if (charIndex != text.size())
            {
                chr = text[charIndex];
                showColor(chr);
                chrArr[11] = text[charIndex++];
                winObj.displayChar->value(chrArr.data());
                winObj.input->value(reinterpret_cast<char *>(&chr));
                return 1;
            }
            if (file >> text)
            {
                charIndex = 0;
                chr = text[charIndex];
                showColor(chr);
                chrArr[11] = text[charIndex++];
                winObj.displayText->value(text.c_str());
                winObj.displayChar->value(chrArr.data());
                winObj.input->value(reinterpret_cast<char *>(&chr));
                return 1;
            }
            {
                unshowColor(chr);
                winObj.displayText->value("恭喜过关, 请关闭窗口");
                file.close();
                return 1;
            }
        }
        else
        {
            winObj.input->value(reinterpret_cast<char *>(&keycode));
            return 1;
        }
    }
    return Fl_Input::handle(event);
}

auto makeWindow(const char *fileName) -> windowObject &
{
    winObj.window = new Fl_Double_Window(1920, 1017, "打字练习");
    winObj.window->resizable(winObj.window);

    // 获取系统中的字体数目
    Fl::set_fonts("-*");

    if (winObj.window != nullptr)
    {
        winObj.window->box(FL_UP_BOX);
        winObj.window->color(static_cast<Fl_Color>(25));

        {
            winObj.box = new Fl_Box(80, 23, 1720, 512);
            winObj.box->image(
                image_keyboard2(fileName)); //"E:\\clangC++\\keyboard2.png"
            winObj.box->labelfont(617);
            winObj.box->labelsize(53);
            winObj.box->labelcolor(static_cast<Fl_Color>(139));
        } // Fl_Box* box

        {
            winObj.input = new windowInput(276, 747, 1517, 84, "input:");
            winObj.input->labelfont(617);
            winObj.input->labelsize(72);
            winObj.input->textfont(617);
            winObj.input->textsize(72);
            winObj.input->align(static_cast<Fl_Align>(36));
        } // Fl_Input* input

        {
            winObj.displayText = new Fl_Output(83, 545, 1710, 84);
            winObj.displayText->box(FL_UP_BOX);
            winObj.displayText->labeltype(FL_NO_LABEL);
            winObj.displayText->labelfont(617);
            winObj.displayText->labelsize(72);
            winObj.displayText->textfont(617);
            winObj.displayText->textsize(72);
            winObj.displayText->value("按回车开始练习!");
        } // Fl_Text_Display* displayText

        {
            winObj.displayChar = new Fl_Output(83, 644, 1710, 84);
            winObj.displayChar->box(FL_UP_BOX);
            winObj.displayChar->labeltype(FL_NO_LABEL);
            winObj.displayChar->labelfont(617);
            winObj.displayChar->labelsize(72);
            winObj.displayChar->textfont(617);
            winObj.displayChar->textsize(72);
        } // Fl_Text_Display* displayChar

        {
            winObj.clock = new Fl_Clock(918, 849, 150, 150);
            winObj.clock->labelfont(617);
            winObj.clock->labelsize(24);
            winObj.clock->align((FL_ALIGN_CENTER));
        } // Fl_Clock* clock
        {
            for (int i = 0; i != 10; i++)
            {
                winObj.keys[i] =
                    new Fl_Box(i * 114 + 205, 24, 110, 100, nameArr[i]);
            }
            for (int i = 0; i != 10; i++)
            {
                winObj.keys[i + 10] =
                    new Fl_Box(i * 114 + 260, 126, 110, 100, nameArr[i + 10]);
            }
            for (int i = 0; i != 10; i++)
            {
                winObj.keys[i + 20] =
                    new Fl_Box(i * 114 + 300, 228, 110, 100, nameArr[i + 20]);
            }
            for (int i = 0; i != 10; i++)
            {
                winObj.keys[i + 30] =
                    new Fl_Box(i * 114 + 375, 330, 110, 100, nameArr[i + 30]);
            }
            for (int i = 0; i != 40; i++)
            {
                winObj.keys[i]->labelsize(LABELSIZE);
                winObj.keys[i]->labelcolor(LABELCOLOR);
                winObj.keys[i]->box(FL_UP_BOX);
                winObj.keys[i]->color(KEYCOLOR);
                winObj.keys[i]->hide();
            }
        }
        winObj.window->end();

        winObj.window->show();
    } // Fl_Double_Window* window

    return winObj;
}

2023-06-02 更新 v3

  1. 不在使用图形键盘, 均由图形系统绘制

头文件

// generated by Fast Light User Interface Designer (fluid) version 1.0308
#ifndef TYPING_H
#define TYPING_H

#include <FL/Fl.H>
#include <FL/Fl_Box.H>
#include <FL/Fl_Clock.H>
#include <FL/Fl_Double_Window.H>
#include <FL/Fl_Input.H>
#include <FL/Fl_Output.H>
#include <array>

struct windowInput : Fl_Input
{
    windowInput(int X, int Y, int W, int H, const char *l = nullptr)
        : Fl_Input(X, Y, W, H, l)
    {}
    auto handle(int event) -> int override;
};

struct windowObject
{
    Fl_Double_Window *window;
    Fl_Box *box;
    windowInput *input;
    Fl_Output *displayText;
    Fl_Output *displayChar;
    Fl_Clock *clock;
    std::array<Fl_Box *, 61> keys;
};

auto makeWindow() -> windowObject &;

auto openFile(const char *fileName) -> bool;

#endif

cpp文件

// generated by Fast Light User Interface Designer (fluid) version 1.0308
#include "typingGUI.h"
#include <FL/Fl_Image.H>
#include <FL/Fl_PNG_Image.H>
#include <fstream>
#include <string>
#include <tuple>

#define KEYCOLOR 30
#define CHANGEKEYCOLOR 4
#define LABELSIZE 40
#define LABELCOLOR 7

namespace
{
windowObject winObj;

std::ifstream file;
std::string text;
std::array<char, 128> chrArr{"请输入: "};

std::array<const char *, 40> nameArr{"1!", "2@", "3#", "4$", "5%", "6^", "7&",
                                     "8*", "9(", "0)", "q",  "w",  "e",  "r",
                                     "t",  "y",  "u",  "i",  "o",  "p",  "a",
                                     "s",  "d",  "f",  "g",  "h",  "j",  "k",
                                     "l",  ";:", "z",  "x",  "c",  "v",  "b",
                                     "n",  "m",  ",<", ".>", "/?"};

struct keys
{
    const char *key;
    int x;
    int y;
    int w;
    int h;
};

std::array<keys, 21> keyArr{
    {{"~`", 90, 24, 110, 100},        {"_-", 1344, 24, 110, 100},
     {"+=", 1456, 24, 110, 100},      {"Backspace", 1570, 24, 226, 100},
     {"Tab", 90, 126, 165, 100},      {"{[", 1400, 126, 110, 100},
     {"}]", 1514, 126, 110, 100},     {"|\\", 1627, 126, 168, 100},
     {"CapsLock", 90, 228, 204, 100}, {"\" \'", 1438, 228, 110, 100},
     {"Enter", 1550, 228, 244, 100},  {"Shift", 90, 330, 280, 100},
     {"Shift", 1514, 330, 280, 100},  {"Ctrl", 90, 432, 208, 100},
     {"Win", 300, 432, 110, 100},     {"Alt", 414, 432, 110, 100},
     {"Space", 528, 432, 712, 100},   {"Alt", 1243, 432, 110, 100},
     {"Win", 1358, 432, 110, 100},    {"Type", 1472, 432, 110, 100},
     {"Ctrl", 1586, 432, 208, 100}}};

int chr = 13;

int charIndex = 0;

} // namespace

auto openFile(const char *fileName) -> bool
{
    file.open(fileName);
    return file.is_open();
}

void showColor(int chr)
{
    switch (chr)
    {
    case '1':
        winObj.keys[0]->color(CHANGEKEYCOLOR);
        winObj.keys[0]->redraw();
        break;
    case '2':
        winObj.keys[1]->color(CHANGEKEYCOLOR);
        winObj.keys[1]->redraw();
        break;
    case '3':
        winObj.keys[2]->color(CHANGEKEYCOLOR);
        winObj.keys[2]->redraw();
        break;
    case '4':
        winObj.keys[3]->color(CHANGEKEYCOLOR);
        winObj.keys[3]->redraw();
        break;
    case '5':
        winObj.keys[4]->color(CHANGEKEYCOLOR);
        winObj.keys[4]->redraw();
        break;
    case '6':
        winObj.keys[5]->color(CHANGEKEYCOLOR);
        winObj.keys[5]->redraw();
        break;
    case '7':
        winObj.keys[6]->color(CHANGEKEYCOLOR);
        winObj.keys[6]->redraw();
        break;
    case '8':
        winObj.keys[7]->color(CHANGEKEYCOLOR);
        winObj.keys[7]->redraw();
        break;
    case '9':
        winObj.keys[8]->color(CHANGEKEYCOLOR);
        winObj.keys[8]->redraw();
        break;
    case '0':
        winObj.keys[9]->color(CHANGEKEYCOLOR);
        winObj.keys[9]->redraw();
        break;
    case 'q':
    case 'Q':
        winObj.keys[10]->color(CHANGEKEYCOLOR);
        winObj.keys[10]->redraw();
        break;
    case 'w':
    case 'W':
        winObj.keys[11]->color(CHANGEKEYCOLOR);
        winObj.keys[11]->redraw();
        break;
    case 'e':
    case 'E':
        winObj.keys[12]->color(CHANGEKEYCOLOR);
        winObj.keys[12]->redraw();
        break;
    case 'r':
    case 'R':
        winObj.keys[13]->color(CHANGEKEYCOLOR);
        winObj.keys[13]->redraw();
        break;
    case 't':
    case 'T':
        winObj.keys[14]->color(CHANGEKEYCOLOR);
        winObj.keys[14]->redraw();
        break;
    case 'y':
    case 'Y':
        winObj.keys[15]->color(CHANGEKEYCOLOR);
        winObj.keys[15]->redraw();
        break;
    case 'u':
    case 'U':
        winObj.keys[16]->color(CHANGEKEYCOLOR);
        winObj.keys[16]->redraw();
        break;
    case 'i':
    case 'I':
        winObj.keys[17]->color(CHANGEKEYCOLOR);
        winObj.keys[17]->redraw();
        break;
    case 'o':
    case 'O':
        winObj.keys[18]->color(CHANGEKEYCOLOR);
        winObj.keys[18]->redraw();
        break;
    case 'p':
    case 'P':
        winObj.keys[19]->color(CHANGEKEYCOLOR);
        winObj.keys[19]->redraw();
        break;
    case 'a':
    case 'A':
        winObj.keys[20]->color(CHANGEKEYCOLOR);
        winObj.keys[20]->redraw();
        break;
    case 's':
    case 'S':
        winObj.keys[21]->color(CHANGEKEYCOLOR);
        winObj.keys[21]->redraw();
        break;
    case 'd':
    case 'D':
        winObj.keys[22]->color(CHANGEKEYCOLOR);
        winObj.keys[22]->redraw();
        break;
    case 'f':
    case 'F':
        winObj.keys[23]->color(CHANGEKEYCOLOR);
        winObj.keys[23]->redraw();
        break;
    case 'g':
    case 'G':
        winObj.keys[24]->color(CHANGEKEYCOLOR);
        winObj.keys[24]->redraw();
        break;
    case 'h':
    case 'H':
        winObj.keys[25]->color(CHANGEKEYCOLOR);
        winObj.keys[25]->redraw();
        break;
    case 'j':
    case 'J':
        winObj.keys[26]->color(CHANGEKEYCOLOR);
        winObj.keys[26]->redraw();
        break;
    case 'k':
    case 'K':
        winObj.keys[27]->color(CHANGEKEYCOLOR);
        winObj.keys[27]->redraw();
        break;
    case 'l':
    case 'L':
        winObj.keys[28]->color(CHANGEKEYCOLOR);
        winObj.keys[28]->redraw();
        break;
    case ';':
    case ':':
        winObj.keys[29]->color(CHANGEKEYCOLOR);
        winObj.keys[29]->redraw();
        break;
    case 'z':
    case 'Z':
        winObj.keys[30]->color(CHANGEKEYCOLOR);
        winObj.keys[30]->redraw();
        break;
    case 'x':
    case 'X':
        winObj.keys[31]->color(CHANGEKEYCOLOR);
        winObj.keys[31]->redraw();
        break;
    case 'c':
    case 'C':
        winObj.keys[32]->color(CHANGEKEYCOLOR);
        winObj.keys[32]->redraw();
        break;
    case 'v':
    case 'V':
        winObj.keys[33]->color(CHANGEKEYCOLOR);
        winObj.keys[33]->redraw();
        break;
    case 'b':
    case 'B':
        winObj.keys[34]->color(CHANGEKEYCOLOR);
        winObj.keys[34]->redraw();
        break;
    case 'n':
    case 'N':
        winObj.keys[35]->color(CHANGEKEYCOLOR);
        winObj.keys[35]->redraw();
        break;
    case 'm':
    case 'M':
        winObj.keys[36]->color(CHANGEKEYCOLOR);
        winObj.keys[36]->redraw();
        break;
    case ',':
    case '<':
        winObj.keys[37]->color(CHANGEKEYCOLOR);
        winObj.keys[37]->redraw();
        break;
    case '.':
    case '>':
        winObj.keys[38]->color(CHANGEKEYCOLOR);
        winObj.keys[38]->redraw();
        break;
    case '/':
    case '?':
        winObj.keys[39]->color(CHANGEKEYCOLOR);
        winObj.keys[39]->redraw();
        break;
    default:;
    }
}

void unshowColor(int chr)
{
    switch (chr)
    {
    case '1':
        winObj.keys[0]->color(KEYCOLOR);
        winObj.keys[0]->redraw();
        break;
    case '2':
        winObj.keys[1]->color(KEYCOLOR);
        winObj.keys[1]->redraw();
        break;
    case '3':
        winObj.keys[2]->color(KEYCOLOR);
        winObj.keys[2]->redraw();
        break;
    case '4':
        winObj.keys[3]->color(KEYCOLOR);
        winObj.keys[3]->redraw();
        break;
    case '5':
        winObj.keys[4]->color(KEYCOLOR);
        winObj.keys[4]->redraw();
        break;
    case '6':
        winObj.keys[5]->color(KEYCOLOR);
        winObj.keys[5]->redraw();
        break;
    case '7':
        winObj.keys[6]->color(KEYCOLOR);
        winObj.keys[6]->redraw();
        break;
    case '8':
        winObj.keys[7]->color(KEYCOLOR);
        winObj.keys[7]->redraw();
        break;
    case '9':
        winObj.keys[8]->color(KEYCOLOR);
        winObj.keys[8]->redraw();
        break;
    case '0':
        winObj.keys[9]->color(KEYCOLOR);
        winObj.keys[9]->redraw();
        break;
    case 'q':
    case 'Q':
        winObj.keys[10]->color(KEYCOLOR);
        winObj.keys[10]->redraw();
        break;
    case 'w':
    case 'W':
        winObj.keys[11]->color(KEYCOLOR);
        winObj.keys[11]->redraw();
        break;
    case 'e':
    case 'E':
        winObj.keys[12]->color(KEYCOLOR);
        winObj.keys[12]->redraw();
        break;
    case 'r':
    case 'R':
        winObj.keys[13]->color(KEYCOLOR);
        winObj.keys[13]->redraw();
        break;
    case 't':
    case 'T':
        winObj.keys[14]->color(KEYCOLOR);
        winObj.keys[14]->redraw();
        break;
    case 'y':
    case 'Y':
        winObj.keys[15]->color(KEYCOLOR);
        winObj.keys[15]->redraw();
        break;
    case 'u':
    case 'U':
        winObj.keys[16]->color(KEYCOLOR);
        winObj.keys[16]->redraw();
        break;
    case 'i':
    case 'I':
        winObj.keys[17]->color(KEYCOLOR);
        winObj.keys[17]->redraw();
        break;
    case 'o':
    case 'O':
        winObj.keys[18]->color(KEYCOLOR);
        winObj.keys[18]->redraw();
        break;
    case 'p':
    case 'P':
        winObj.keys[19]->color(KEYCOLOR);
        winObj.keys[19]->redraw();
        break;
    case 'a':
    case 'A':
        winObj.keys[20]->color(KEYCOLOR);
        winObj.keys[20]->redraw();
        break;
    case 's':
    case 'S':
        winObj.keys[21]->color(KEYCOLOR);
        winObj.keys[21]->redraw();
        break;
    case 'd':
    case 'D':
        winObj.keys[22]->color(KEYCOLOR);
        winObj.keys[22]->redraw();
        break;
    case 'f':
    case 'F':
        winObj.keys[23]->color(KEYCOLOR);
        winObj.keys[23]->redraw();
        break;
    case 'g':
    case 'G':
        winObj.keys[24]->color(KEYCOLOR);
        winObj.keys[24]->redraw();
        break;
    case 'h':
    case 'H':
        winObj.keys[25]->color(KEYCOLOR);
        winObj.keys[25]->redraw();
        break;
    case 'j':
    case 'J':
        winObj.keys[26]->color(KEYCOLOR);
        winObj.keys[26]->redraw();
        break;
    case 'k':
    case 'K':
        winObj.keys[27]->color(KEYCOLOR);
        winObj.keys[27]->redraw();
        break;
    case 'l':
    case 'L':
        winObj.keys[28]->color(KEYCOLOR);
        winObj.keys[28]->redraw();
        break;
    case ';':
    case ':':
        winObj.keys[29]->color(KEYCOLOR);
        winObj.keys[29]->redraw();
        break;
    case 'z':
    case 'Z':
        winObj.keys[30]->color(KEYCOLOR);
        winObj.keys[30]->redraw();
        break;
    case 'x':
    case 'X':
        winObj.keys[31]->color(KEYCOLOR);
        winObj.keys[31]->redraw();
        break;
    case 'c':
    case 'C':
        winObj.keys[32]->color(KEYCOLOR);
        winObj.keys[32]->redraw();
        break;
    case 'v':
    case 'V':
        winObj.keys[33]->color(KEYCOLOR);
        winObj.keys[33]->redraw();
        break;
    case 'b':
    case 'B':
        winObj.keys[34]->color(KEYCOLOR);
        winObj.keys[34]->redraw();
        break;
    case 'n':
    case 'N':
        winObj.keys[35]->color(KEYCOLOR);
        winObj.keys[35]->redraw();
        break;
    case 'm':
    case 'M':
        winObj.keys[36]->color(KEYCOLOR);
        winObj.keys[36]->redraw();
        break;
    case ',':
    case '<':
        winObj.keys[37]->color(KEYCOLOR);
        winObj.keys[37]->redraw();
        break;
    case '.':
    case '>':
        winObj.keys[38]->color(KEYCOLOR);
        winObj.keys[38]->redraw();
        break;
    case '/':
    case '?':
        winObj.keys[39]->color(KEYCOLOR);
        winObj.keys[39]->redraw();
        break;
    default:;
    }
}

auto windowInput::handle(int event) -> int
{
    if (event == FL_KEYDOWN || event == FL_KEYUP)
    {
        static int keycode;
        // keycode = Fl::event_key();
        keycode = *Fl::event_text();

        if (keycode == chr)
        {
            unshowColor(chr);
            if (charIndex != text.size())
            {
                chr = text[charIndex];
                showColor(chr);
                chrArr[11] = text[charIndex++];
                winObj.displayChar->value(chrArr.data());
                winObj.input->value(reinterpret_cast<char *>(&chr));
                return 1;
            }
            if (file >> text)
            {
                charIndex = 0;
                chr = text[charIndex];
                showColor(chr);
                chrArr[11] = text[charIndex++];
                winObj.displayText->value(text.c_str());
                winObj.displayChar->value(chrArr.data());
                winObj.input->value(reinterpret_cast<char *>(&chr));
                return 1;
            }
            {
                unshowColor(chr);
                winObj.displayText->value("恭喜过关, 请关闭窗口");
                file.close();
                return 1;
            }
        }
        else
        {
            winObj.input->value(reinterpret_cast<char *>(&keycode));
            return 1;
        }
    }
    return Fl_Input::handle(event);
}

auto makeWindow() -> windowObject &
{
    winObj.window = new Fl_Double_Window(1920, 1017, "打字练习");
    winObj.window->resizable(winObj.window);

    // 获取系统中的字体数目
    Fl::set_fonts("-*");

    if (winObj.window != nullptr)
    {
        winObj.window->box(FL_UP_BOX);
        winObj.window->color(static_cast<Fl_Color>(25));

        {
            winObj.box = new Fl_Box(80, 23, 1720, 512);
            winObj.box->labelfont(617);
            winObj.box->labelsize(53);
            winObj.box->labelcolor(static_cast<Fl_Color>(139));
        } // Fl_Box* box

        {
            winObj.input = new windowInput(276, 747, 1517, 84, "input:");
            winObj.input->labelfont(617);
            winObj.input->labelsize(72);
            winObj.input->textfont(617);
            winObj.input->textsize(72);
            winObj.input->align(static_cast<Fl_Align>(36));
        } // Fl_Input* input

        {
            winObj.displayText = new Fl_Output(83, 545, 1710, 84);
            winObj.displayText->box(FL_UP_BOX);
            winObj.displayText->labeltype(FL_NO_LABEL);
            winObj.displayText->labelfont(617);
            winObj.displayText->labelsize(72);
            winObj.displayText->textfont(617);
            winObj.displayText->textsize(72);
            winObj.displayText->value("按回车开始练习!");
        } // Fl_Text_Display* displayText

        {
            winObj.displayChar = new Fl_Output(83, 644, 1710, 84);
            winObj.displayChar->box(FL_UP_BOX);
            winObj.displayChar->labeltype(FL_NO_LABEL);
            winObj.displayChar->labelfont(617);
            winObj.displayChar->labelsize(72);
            winObj.displayChar->textfont(617);
            winObj.displayChar->textsize(72);
        } // Fl_Text_Display* displayChar

        {
            winObj.clock = new Fl_Clock(918, 849, 150, 150);
            winObj.clock->labelfont(617);
            winObj.clock->labelsize(24);
            winObj.clock->align((FL_ALIGN_CENTER));
        } // Fl_Clock* clock
        {
            for (int i = 0; i != 10; i++)
            {
                winObj.keys[i] =
                    new Fl_Box(i * 114 + 205, 24, 110, 100, nameArr[i]);
            }
            for (int i = 0; i != 10; i++)
            {
                winObj.keys[i + 10] =
                    new Fl_Box(i * 114 + 260, 126, 110, 100, nameArr[i + 10]);
            }
            for (int i = 0; i != 10; i++)
            {
                winObj.keys[i + 20] =
                    new Fl_Box(i * 114 + 300, 228, 110, 100, nameArr[i + 20]);
            }
            for (int i = 0; i != 10; i++)
            {
                winObj.keys[i + 30] =
                    new Fl_Box(i * 114 + 375, 330, 110, 100, nameArr[i + 30]);
            }
            for (int i = 0; i != 40; i++)
            {
                winObj.keys[i]->labelsize(LABELSIZE);
                winObj.keys[i]->labelcolor(LABELCOLOR);
                winObj.keys[i]->box(FL_UP_BOX);
                winObj.keys[i]->color(KEYCOLOR);
            }
            for (int i = 0; i != 21; i++)
            {
                winObj.keys[i + 40] =
                    new Fl_Box(keyArr[i].x, keyArr[i].y, keyArr[i].w,
                               keyArr[i].h, keyArr[i].key);

                winObj.keys[i + 40]->labelsize(LABELSIZE);
                winObj.keys[i + 40]->labelcolor(LABELCOLOR);
                winObj.keys[i + 40]->box(FL_UP_BOX);
                winObj.keys[i + 40]->color(KEYCOLOR);
            }
        }
        winObj.window->end();

        winObj.window->show();
    } // Fl_Double_Window* window

    return winObj;
}

2023-06-03 更新 v4

  1. 修复了两个连续字符只能打印1字符的bug
  2. 剔除了原键盘图层的图形box
  3. 代码重构, 用hashmap封装key对应的编码

头文件

// generated by Fast Light User Interface Designer (fluid) version 1.0308
#ifndef TYPING_H
#define TYPING_H

#include <FL/Fl.H>
#include <FL/Fl_Box.H>
#include <FL/Fl_Clock.H>
#include <FL/Fl_Double_Window.H>
#include <FL/Fl_Input.H>
#include <FL/Fl_Output.H>
#include <array>

struct windowInput : Fl_Input
{
    windowInput(int X, int Y, int W, int H, const char *l = nullptr)
        : Fl_Input(X, Y, W, H, l)
    {}
    auto handle(int event) -> int override;
};

struct windowObject
{
    Fl_Double_Window *window;
    windowInput *input;
    Fl_Output *displayText;
    Fl_Output *displayChar;
    Fl_Clock *clock;
    std::array<Fl_Box *, 61> keys;
};

auto makeWindow() -> windowObject &;

auto openFile(const char *fileName) -> bool;

#endif

下面是测试程序, 就显得十分简单了, 毕竟运行逻辑都在Cpp文件中了

#include "typingGUI.h"

auto main() -> int
{
    openFile("E:\\clangC++\\keytest.txt");
    makeWindow();

    return Fl::run();
}

cpp文件

// generated by Fast Light User Interface Designer (fluid) version 1.0308
#include "typingGUI.h"
#include <FL/Fl_Image.H>
#include <FL/Fl_PNG_Image.H>
#include <fstream>
#include <string>
#include <tuple>
#include <unordered_map>

#define KEYCOLOR 30
#define CHANGEKEYCOLOR 4
#define LABELSIZE 40
#define LABELCOLOR 7

namespace
{
windowObject winObj;

std::ifstream file;
std::string text;
std::array<char, 128> chrArr{"请输入: "};

struct keys
{
    const char *key;
    const int x;
    const int y;
    const int w;
    const int h;
};

std::array<keys, 61> keyArr{
    {{"1!", 205, 24, 110, 100},       {"2@", 319, 24, 110, 100},
     {"3#", 433, 24, 110, 100},       {"4$", 547, 24, 110, 100},
     {"5%", 661, 24, 110, 100},       {"6^", 775, 24, 110, 100},
     {"7&", 889, 24, 110, 100},       {"8*", 1003, 24, 110, 100},
     {"9(", 1117, 24, 110, 100},      {"0)", 1231, 24, 110, 100},
     {"q", 260, 126, 110, 100},       {"w", 374, 126, 110, 100},
     {"e", 488, 126, 110, 100},       {"r", 602, 126, 110, 100},
     {"t", 716, 126, 110, 100},       {"y", 830, 126, 110, 100},
     {"u", 944, 126, 110, 100},       {"i", 1058, 126, 110, 100},
     {"o", 1172, 126, 110, 100},      {"p", 1286, 126, 110, 100},
     {"a", 300, 228, 110, 100},       {"s", 414, 228, 110, 100},
     {"d", 528, 228, 110, 100},       {"f", 642, 228, 110, 100},
     {"g", 756, 228, 110, 100},       {"h", 870, 228, 110, 100},
     {"j", 984, 228, 110, 100},       {"k", 1098, 228, 110, 100},
     {"l", 1212, 228, 110, 100},      {";:", 1326, 228, 110, 100},
     {"z", 375, 330, 110, 100},       {"x", 489, 330, 110, 100},
     {"c", 603, 330, 110, 100},       {"v", 717, 330, 110, 100},
     {"b", 831, 330, 110, 100},       {"n", 945, 330, 110, 100},
     {"m", 1059, 330, 110, 100},      {",<", 1173, 330, 110, 100},
     {".>", 1287, 330, 110, 100},     {"/?", 1401, 330, 110, 100},
     {"~`", 90, 24, 110, 100},        {"_-", 1344, 24, 110, 100},
     {"+=", 1456, 24, 110, 100},      {"Backspace", 1570, 24, 226, 100},
     {"Tab", 90, 126, 165, 100},      {"{[", 1400, 126, 110, 100},
     {"}]", 1514, 126, 110, 100},     {"|\\", 1627, 126, 168, 100},
     {"CapsLock", 90, 228, 204, 100}, {"\" \'", 1438, 228, 110, 100},
     {"Enter", 1550, 228, 244, 100},  {"Shift", 90, 330, 280, 100},
     {"Shift", 1514, 330, 280, 100},  {"Ctrl", 90, 432, 208, 100},
     {"Win", 300, 432, 110, 100},     {"Alt", 414, 432, 110, 100},
     {"Space", 528, 432, 712, 100},   {"Alt", 1243, 432, 110, 100},
     {"Win", 1358, 432, 110, 100},    {"Type", 1472, 432, 110, 100},
     {"Ctrl", 1586, 432, 208, 100}}};

std::unordered_map<char, int> hashKeyMap{
    {'1', 0},  {'!', 0},  {'2', 1},  {'@', 1},  {'3', 2},  {'4', 3},  {'5', 4},
    {'6', 5},  {'7', 6},  {'8', 7},  {'9', 8},  {'0', 9},  {'q', 10}, {'w', 11},
    {'e', 12}, {'r', 13}, {'t', 14}, {'y', 15}, {'u', 16}, {'i', 17}, {'o', 18},
    {'p', 19}, {'a', 20}, {'s', 21}, {'d', 22}, {'f', 23}, {'g', 24}, {'h', 25},
    {'j', 26}, {'k', 27}, {'l', 28}, {';', 29}, {'z', 30}, {'x', 31}, {'c', 32},
    {'v', 33}, {'b', 34}, {'n', 35}, {'m', 36}, {',', 37}, {'.', 38}, {'/', 39},
    {'Q', 10}, {'W', 11}, {'E', 12}, {'R', 13}, {'T', 14}, {'Y', 15}, {'U', 16},
    {'I', 17}, {'O', 18}, {'P', 19}, {'A', 20}, {'S', 21}, {'D', 22}, {'F', 23},
    {'G', 24}, {'H', 25}, {'J', 26}, {'K', 27}, {'L', 28}, {':', 29}, {'Z', 30},
    {'X', 31}, {'C', 32}, {'V', 33}, {'B', 34}, {'N', 35}, {'M', 36}, {'<', 37},
    {'>', 38}, {'?', 39}, {'#', 2},  {'$', 3},  {'%', 4},  {'^', 5},  {'&', 6},
    {'*', 7},  {'(', 8},  {')', 9}};

int chr = 13;

int charIndex = 0;

} // namespace

auto openFile(const char *fileName) -> bool
{
    file.open(fileName);
    return file.is_open();
}

void showColor(int chr)
{
    winObj.keys[hashKeyMap[static_cast<char>(chr)]]->color(CHANGEKEYCOLOR);
    winObj.keys[hashKeyMap[static_cast<char>(chr)]]->redraw();
}

void unshowColor(int chr)
{
    winObj.keys[hashKeyMap[static_cast<char>(chr)]]->color(KEYCOLOR);
    winObj.keys[hashKeyMap[static_cast<char>(chr)]]->redraw();
}

auto windowInput::handle(int event) -> int
{
    if (event == FL_KEYDOWN)
    {
        static int keycode;
        keycode = static_cast<unsigned char>(*Fl::event_text());

        if (keycode == chr)
        {
            unshowColor(chr);
            if (charIndex != text.size())
            {
                chr = static_cast<unsigned char>(text[charIndex]);
                showColor(chr);
                chrArr[11] = text[charIndex++];
                winObj.displayChar->value(chrArr.data());
                winObj.input->value(reinterpret_cast<char *>(&chr));
                return 1;
            }
            if (file >> text)
            {
                charIndex = 0;
                chr = static_cast<unsigned char>(text[charIndex]);
                showColor(chr);
                chrArr[11] = text[charIndex++];
                winObj.displayText->value(text.c_str());
                winObj.displayChar->value(chrArr.data());
                winObj.input->value(reinterpret_cast<char *>(&chr));
                return 1;
            }
            {
                unshowColor(chr);
                winObj.displayText->value("恭喜过关, 请关闭窗口");
                file.close();
                return 1;
            }
        }
        else
        {
            winObj.input->value(reinterpret_cast<char *>(&keycode));
            return 1;
        }
    }
    return Fl_Input::handle(event);
}

auto makeWindow() -> windowObject &
{
    winObj.window = new Fl_Double_Window(1920, 1017, "打字练习");
    winObj.window->resizable(winObj.window);

    // 获取系统中的字体数目
    Fl::set_fonts("-*");

    if (winObj.window != nullptr)
    {
        winObj.window->box(FL_UP_BOX);
        winObj.window->color(static_cast<Fl_Color>(25));

        {
            winObj.input = new windowInput(276, 747, 1517, 84, "input:");
            winObj.input->labelfont(617);
            winObj.input->labelsize(72);
            winObj.input->textfont(617);
            winObj.input->textsize(72);
            winObj.input->align(static_cast<Fl_Align>(36));
        } // Fl_Input* input

        {
            winObj.displayText = new Fl_Output(83, 545, 1710, 84);
            winObj.displayText->box(FL_UP_BOX);
            winObj.displayText->labeltype(FL_NO_LABEL);
            winObj.displayText->labelfont(617);
            winObj.displayText->labelsize(72);
            winObj.displayText->textfont(617);
            winObj.displayText->textsize(72);
            winObj.displayText->value("按回车开始练习!");
        } // Fl_Text_Display* displayText

        {
            winObj.displayChar = new Fl_Output(83, 644, 1710, 84);
            winObj.displayChar->box(FL_UP_BOX);
            winObj.displayChar->labeltype(FL_NO_LABEL);
            winObj.displayChar->labelfont(617);
            winObj.displayChar->labelsize(72);
            winObj.displayChar->textfont(617);
            winObj.displayChar->textsize(72);
        } // Fl_Text_Display* displayChar

        {
            winObj.clock = new Fl_Clock(918, 849, 150, 150);
            winObj.clock->labelfont(617);
            winObj.clock->labelsize(24);
            winObj.clock->align((FL_ALIGN_CENTER));
        } // Fl_Clock* clock

        {
            for (int i = 0; i != 61; i++)
            {
                winObj.keys[i] =
                    new Fl_Box(keyArr[i].x, keyArr[i].y, keyArr[i].w,
                               keyArr[i].h, keyArr[i].key);

                winObj.keys[i]->labelsize(LABELSIZE);
                winObj.keys[i]->labelcolor(LABELCOLOR);
                winObj.keys[i]->box(FL_UP_BOX);
                winObj.keys[i]->color(KEYCOLOR);
            }
        }

        winObj.window->end();
        winObj.window->show();
    } // Fl_Double_Window* window

    return winObj;
}

这是最终效果:
打字练习

看着像是 二十年前的程序, 对的, 这个GUI就是比较简朴, 低调, 不油腻.

其实就是丑, 我承认, 但第一次吗, 还有进步空间. 编译后大概430多k, 和终端程序没有明显区别.

总结

没什么好总结的, 简单使用而已, 一般来讲是足够了.

以上代码遵从 GNU GPL(GNU General Public License, GNU通用公共许可证）.

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：/a/25791.html

如若内容造成侵权/违法违规/事实不符，请联系我们进行投诉反馈qq邮箱809451989@qq.com，一经查实，立即删除！

相关文章

0基础学习VR全景平台篇第32章：场景功能-嵌入视频

0基础学习VR全景平台篇第32章：场景功能-嵌入视频

大家好&#xff0c;欢迎观看蛙色VR官方系列——后台使用课程&#xff01; 一、本功能将用在哪里&#xff1f; 嵌入功能可对VR全景作品嵌入【图片】【视频】【文字】【标尺】四种不同类型内容&#xff1b; 本次主要带来视频类型的介绍&#xff0c;通过嵌入视频功能&#xff0c;…
阅读更多...
Go语言并发

Go语言并发

Go语言并发学习目标 出色的并发性是Go语言的特色之一 • 理解并发与并行• 理解进程和线程• 掌握Go语言中的Goroutine和channel• 掌握select分支语句• 掌握sync包的应用 并发与并行 并发与并行的概念这里不再赘述, 可以看看之前java版写的并发实践; 进程和线程 程序、进程…
阅读更多...
腾讯云服务器常用端口号大全以及端口开启方法

腾讯云服务器常用端口号大全以及端口开启方法

腾讯云服务器常用端口号如80、21、22、8080等端口&#xff0c;出于安全考虑一些常用端口默认是关闭的&#xff0c;腾讯云服务器端口如何打开呢&#xff1f;云服务器CVM在安全组中开启端口&#xff0c;轻量应用服务器在防火墙中可以打开端口&#xff0c;腾讯云百科来详细说下腾讯…
阅读更多...
在云服务器上部署简单的聊天机器人网站（源1.0接口版）

在云服务器上部署简单的聊天机器人网站（源1.0接口版）

诸神缄默不语-个人CSDN博文目录 又不是不能用.jpg http://47.113.197.198:8000/chat 集成代码可参考&#xff1a;花月与剑/scholar_ease 之所以先用源1.0&#xff0c;一是因为我API都申请了&#xff0c;不用白不用&#xff1b;二是因为源1.0可以直接用国内网络连接&#xf…
阅读更多...
Vue登录界面精美模板分享

Vue登录界面精美模板分享

文章目录 &#x1f412;个人主页&#x1f3c5;Vue项目常用组件模板仓库&#x1f4d6;前言&#xff1a;&#x1f380;源码如下&#xff1a; &#x1f412;个人主页 &#x1f3c5;Vue项目常用组件模板仓库 &#x1f4d6;前言&#xff1a; 本篇博客主要提供vue组件之登陆组件源码…
阅读更多...
idea连接Linux服务器

idea连接Linux服务器

一、 介绍 配置idea的ssh会话和sftp可以实现对linux远程服务器的访问和文件上传下载&#xff0c;是替代Xshell的理想方式。这样我们就能在idea里面编写文件并轻松的将文件上传到linux服务器中。而且还能远程编辑linux服务器上的文件。掌握并熟练使用&#xff0c;能够大大提高我…
阅读更多...
操作系统复习2.4.0-死锁详解

操作系统复习2.4.0-死锁详解

什么是死锁 各进程互相竞争对手里的资源&#xff0c;导致各进程都阻塞&#xff0c;都无法向前推进 死锁、饥饿、死循环的区别 死锁&#xff1a;各进程互相持有对方想要的资源且不释放&#xff0c;导致各进程阻塞&#xff0c;无法向前推进 饥饿&#xff1a;由于长期得不到想要…
阅读更多...
四站精彩回顾 | Fortinet Accelerate 2023·中国区巡展火热进行中

四站精彩回顾 | Fortinet Accelerate 2023·中国区巡展火热进行中

Fortinet Accelerate 2023中国区巡展 上周&#xff0c;Fortinet Accelerate 2023中国区巡展分别走过青岛、南京、长沙、合肥四站&#xff0c;Fortinet携手太平洋电信、亚马逊云科技、中企通信等云、网、安合作伙伴&#xff0c;与各行业典型代表客户&#xff0c;就网安融合、网…
阅读更多...
电动葫芦无法运转怎么办？

电动葫芦无法运转怎么办？

有关电动葫芦无法起动与运转故障&#xff0c;电动葫芦无法起动怎么办&#xff0c;有没有好的解决办法&#xff0c;检查电源熔丝是否烧断&#xff0c;定子绕组相间短路、接地或断路&#xff0c;以及是否负载过大或传动机械故障等。 电动葫芦无法运转故障怎么办 1、首先&#xf…
阅读更多...
C语言基础习题讲解

C语言基础习题讲解

C语言基础习题讲解 运算符判断简单循环 运算符 1. 设计一个程序, 输入三位数a, 分别输出个,十,百位. (0<a<1000) 样例输入: 251 样例输出: 2 5 1 #include <stdio.h> int main() {int input 0;int x 0;int y 0;int z 0;scanf("%d", &input);x …
阅读更多...
7 种常见的路由协议

7 种常见的路由协议

网络路由是网络通信的重要组成部分&#xff0c;通过互联网将信息从源地址移动到目的地的过程。路由发生在 OSI 模型的第 3 层&#xff08;网络层&#xff09;。实际网络中通常会将静态和动态路由结合使用。静态路由适用于小型网络&#xff0c;而动态路由适用于大型网络。 什么…
阅读更多...
界面控件DevExpress ASP.NET新主题——Office 365暗黑主题的应用

界面控件DevExpress ASP.NET新主题——Office 365暗黑主题的应用

DevExpress ASP.NET Web Forms Controls拥有针对Web表单&#xff08;包括报表&#xff09;的110种UI控件&#xff0c;DevExpress ASP.NET MVC Extensions是服务器端MVC扩展或客户端控件&#xff0c;由轻量级JavaScript小部件提供支持的70个高性能DevExpress ASP.NET Core Contr…
阅读更多...
华为路由器 IPSec VPN 配置

华为路由器 IPSec VPN 配置

需求&#xff1a; 通过 IPSecVPN 实现上海与成都内网互通 拓扑图如下&#xff1a; 一、首先完成网络配置 1、R1 路由器设置 <Huawei>sys [Huawei]sys R1 [R1]un in en# 开启DHCP [R1]dhcp enable# 设置内网接口 [R1]int g0/0/0 [R1-GigabitEthernet0/0/0]ip addr 10.…
阅读更多...
Git日常使用技巧 - 笔记

Git日常使用技巧 - 笔记

Git日常使用技巧 - 笔记 Git是目前世界上最先进的分布式版本控制系统 学习资料 廖雪峰 学习视频 https://www.bilibili.com/video/BV1pX4y1S7Dq/?spm_id_from333.337.search-card.all.click&vd_source2ac127043ccd79c92d5b966fd4a54cd7 Git 命令在线练习工具 https://l…
阅读更多...
国内可用 ChatGPT 网页版

国内可用 ChatGPT 网页版

前言 ChatGPT持续火热&#xff0c;然鹅国内很多人还是不会使用。 2023年6月1日消息&#xff0c;ChatGPT 聊天机器人可以根据用户的输入生成各种各样的文本&#xff0c;包括代码。但是&#xff0c;加拿大魁北克大学的四位研究人员发现&#xff0c;ChatGPT 生成的代码往往存在严…
阅读更多...
项目开发-依赖倒置、里式替换、接口隔离的应用深入理解

项目开发-依赖倒置、里式替换、接口隔离的应用深入理解

文章目录 前言依赖倒置定义不符合依赖倒置原则是什么样子&#x1f604;完善 里式替换定义具体应用 接口隔离定义具体应用 前言 最近在做.net项目和学习这个设计模式中的依赖倒置和工厂方法&#xff0c;这个过程当中发现在开发这个.net项目中有很多不合理的地方&#xff0c;就是…
阅读更多...
cplex基础入门（一）

cplex基础入门（一）

这边文章会以纯新手小白的视角&#xff0c;教会大家如何快速的搭建自己的cplex模型&#xff0c;做到求解模型不求人。 目录 一、引言 1、掌握数据类型及数据结构 2、常规Cplex编程方法 3、Cplex编程步骤 4、cplex 程序框架 5、创建模型 二、规划建模的入门求解案例 1、…
阅读更多...
Python3数据分析与挖掘建模（3）探索性数据分析

Python3数据分析与挖掘建模（3）探索性数据分析

1. 概述 探索性数据分析&#xff08;Exploratory Data Analysis&#xff0c;EDA&#xff09;是一种数据分析的方法&#xff0c;用于探索和理解数据集的特征、关系和分布等。EDA旨在揭示数据中的模式、异常值、缺失值等信息&#xff0c;并为后续的分析和建模提供基础。以下是关…
阅读更多...
CISCN 2023 初赛 pwn——Shellwego 题解

CISCN 2023 初赛 pwn——Shellwego 题解

这是一个用go语言写的elf程序&#xff0c;没有PIE。这也是本蒟蒻第一次解go pwn题&#xff0c;故在此记录以便参考。 而且&#xff0c;这还是一个全部符号表被抠的go elf&#xff0c;直接面对一堆不知名的函数实在有些应付不来&#xff0c;因此在比赛时委托逆向的队友把符号表…
阅读更多...
​【指针与数组的恩怨情仇】

​【指针与数组的恩怨情仇】

指针和数组的关系 指针指的是指针变量&#xff0c;不是数组&#xff0c;指针变量的大小是4/8个字节&#xff0c;是专门来存放地址的。数组也不是指针&#xff0c;数组是一块连续的空间&#xff0c;存放一组相同类型的数据的。 没有关系&#xff0c;但是它们之间有比较相似的地方…
阅读更多...
最新文章

Copyright @ 2022~2023