save code

lesson_gui_4.cpp

@@ -1,16 +1,23 @@
+// =====================================================================
+// 第 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>
-#include <string>    // for std::string
+// 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;
 
@@ -28,75 +35,39 @@ void draw_one_callback(Fl_Widget *w, void *data) {
         result_box->label("★★★ 超稀有卡！！ ★★★");
         result_box->labelcolor(FL_RED);
     }
+    result_box->labelsize(28);
 }
 
-// 十连抽回调
-void draw_ten_callback(Fl_Widget *w, void *data) {
-    std::string all = "";    // 攒结果的字符串
-    int rare_count = 0;      // 统计稀有数量
-    int super_count = 0;
-
-    for (int i = 1; i <= 10; i++) {
-        int r = std::rand() % 100;
-
-        all += "第" + std::to_string(i) + "抽：";
-
-        if (r < 70) {
-            all += "普通";
-        } else if (r < 95) {
-            all += "★稀有★";
-            rare_count++;
-        } else {
-            all += "★★★超稀有★★★";
-            super_count++;
-        }
-
-        all += "\n";  // 换行
-    }
-
-    // 用 sprintf 做统计信息
-    char stats[100];
-    std::sprintf(stats, "十连抽结果  |  稀有：%d  超稀有：%d",
-                 rare_count, super_count);
-    info_box->label(stats);
-    // 统计信息变颜色：有超稀有时红色，否则蓝色
-    if (super_count > 0) {
-        info_box->labelcolor(FL_RED);
-    } else if (rare_count > 0) {
-        info_box->labelcolor(FL_BLUE);
-    } else {
-        info_box->labelcolor(fl_rgb_color(128, 128, 128));
-    }
-
-    result_box->labelsize(16);   // 十连字多，用小一点的字
-    result_box->label(all.c_str());
-    result_box->labelcolor(FL_BLACK);
-}
+// TODO（步骤 2）：在这里写十连抽的回调函数 draw_ten_callback
+//   先只让它在 result_box 上显示一行 "十连抽测试" 验证按钮通了
+//   步骤 3 才把循环加进去
 
 int main() {
     std::srand(std::time(nullptr));
 
-    // 窗口加高，容纳十连抽的内容
-    Fl_Window *window = new Fl_Window(420, 480, "抽卡世界 - 第4课");
+    // TODO（步骤 1）：窗口高度改大，从 350 改成 480，标题改成 "抽卡世界 - 第4课"
+    Fl_Window *window = new Fl_Window(400, 350, "抽卡世界 - 第3课");
 
-    // 单抽按钮
-    Fl_Button *btn1 = new Fl_Button(50, 20, 140, 50, "抽一张");
-    btn1->labelsize(18);
-    btn1->callback(draw_one_callback);
+    // TODO（步骤 1）：把原来居中的单抽按钮挪到左半边，位置 (50, 20)，宽 140
+    Fl_Button *btn = new Fl_Button(130, 30, 140, 50, "抽一张！");
+    btn->labelsize(18);
+    btn->callback(draw_one_callback);
 
-    // 十连抽按钮
-    Fl_Button *btn10 = new Fl_Button(230, 20, 140, 50, "十连抽");
-    btn10->labelsize(18);
-    btn10->callback(draw_ten_callback);
+    // TODO（步骤 2）：在右半边添加十连抽按钮 btn10，位置 (230, 20)、宽 140、高 50
+    //   文字 "十连抽"、字号 18、callback 绑定 draw_ten_callback
 
-    // 信息行
-    info_box = new Fl_Box(30, 80, 360, 30, "");
+    // 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);
 
-    // 结果区域（加大高度）
-    result_box = new Fl_Box(30, 120, 360, 330, "点击按钮开始抽卡！");
-    result_box->labelsize(20);
-    result_box->align(FL_ALIGN_TOP | FL_ALIGN_LEFT);  // 左上对齐
+    // TODO（步骤 4）：让 result_box 文字左上对齐（多行结果好看一些）
+    //   result_box->align(FL_ALIGN_TOP | FL_ALIGN_LEFT);
 
     window->end();
     window->show();