Files
chouka/lesson_gui_4.cpp
2026-05-16 12:05:04 +08:00

76 lines
2.7 KiB
C++

// =====================================================================
// 第 4 课:十连抽 —— 起步骨架
// 教程文件:第04课-十连抽.md
// 完整答案:solutions/lesson_gui_4.cpp
// 起步状态:已经是第 3 课结束时的样子(单抽 + 稀有度判断 + 颜色 + 点数显示)
// =====================================================================
#include <FL/Fl.H>
#include <FL/Fl_Window.H>
#include <FL/Fl_Button.H>
#include <FL/Fl_Box.H>
#include <cstdio>
#include <cstdlib>
#include <ctime>
// TODO(步骤 3):加 #include <string> 才能用 std::string 拼接
Fl_Box *result_box;
Fl_Box *info_box;
// 单抽回调:和第 3 课一样
void draw_one_callback(Fl_Widget *w, void *data) {
int r = std::rand() % 100;
char info[50];
std::sprintf(info, "单抽 | 点数:%d", r);
info_box->label(info);
if (r < 70) {
result_box->label("☆ 普通卡 ☆");
result_box->labelcolor(fl_rgb_color(128, 128, 128));
} else if (r < 95) {
result_box->label("★ 稀有卡 ★");
result_box->labelcolor(FL_BLUE);
} else {
result_box->label("★★★ 超稀有卡!! ★★★");
result_box->labelcolor(FL_RED);
}
result_box->labelsize(28);
}
// TODO(步骤 2):在这里写十连抽的回调函数 draw_ten_callback
// 先只让它在 result_box 上显示一行 "十连抽测试" 验证按钮通了
// 步骤 3 才把循环加进去
int main() {
std::srand(std::time(nullptr));
// TODO(步骤 1):窗口高度改大,从 350 改成 480,标题改成 "抽卡世界 - 第4课"
Fl_Window *window = new Fl_Window(400, 350, "抽卡世界 - 第3课");
// TODO(步骤 1):把原来居中的单抽按钮挪到左半边,位置 (50, 20),宽 140
Fl_Button *btn = new Fl_Button(130, 30, 140, 50, "抽一张!");
btn->labelsize(18);
btn->callback(draw_one_callback);
// TODO(步骤 2):在右半边添加十连抽按钮 btn10,位置 (230, 20)、宽 140、高 50
// 文字 "十连抽"、字号 18、callback 绑定 draw_ten_callback
// TODO(步骤 1):info_box 也要挪到上面,位置 (30, 80)、宽 360、高 30
// 把 result_box 挪到 (30, 120)、宽 360、高 330
// 原来的 info_box 在 200、result_box 在 110,要换位置
result_box = new Fl_Box(50, 110, 300, 80, "点击按钮抽卡吧!");
result_box->labelsize(28);
result_box->labelfont(FL_BOLD);
info_box = new Fl_Box(50, 200, 300, 50, "");
info_box->labelsize(14);
// TODO(步骤 4):让 result_box 文字左上对齐(多行结果好看一些)
// result_box->align(FL_ALIGN_TOP | FL_ALIGN_LEFT);
window->end();
window->show();
return Fl::run();
}