save code

lesson_gui_2.cpp

@@ -1,28 +1,32 @@
+// =====================================================================
+// 第 2 课：按钮与回调 —— 起步骨架
+// 教程文件：第02课-按钮与回调.md
+// 完整答案：solutions/lesson_gui_2.cpp
+// =====================================================================
+
 #include <FL/Fl.H>
 #include <FL/Fl_Window.H>
-#include <FL/Fl_Button.H>
 #include <FL/Fl_Box.H>
+// TODO（步骤 1）：再 #include 一个头文件，才能用按钮
 
-// 全局变量——让回调函数也能访问
-Fl_Box *result_box;
+// TODO（步骤 3）：在这里声明一个全局变量 result_box（Fl_Box 类型的指针）
 
-// 回调函数——按钮被按时执行
-void draw_callback(Fl_Widget *w, void *data) {
-    result_box->label("你点击了抽卡按钮！");
-    result_box->labelcolor(FL_RED);  // 文字变红
-}
+// TODO（步骤 3）：在这里写一个回调函数 draw_callback
+//   函数签名固定写：void draw_callback(Fl_Widget *w, void *data)
+//   函数体里：让 result_box 的文字变成 "你点击了抽卡按钮！"
 
 int main() {
     Fl_Window *window = new Fl_Window(400, 300, "抽卡世界 - 第2课");
 
-    // 在上方放一个按钮
-    Fl_Button *btn = new Fl_Button(130, 40, 140, 50, "抽一张！");
-    btn->labelsize(18);
-    btn->callback(draw_callback);  // 绑定回调函数
+    // TODO（步骤 1）：放一个按钮 btn，位置 (130, 40)、宽 140、高 50、文字 "抽一张！"
+    //   再用 btn->labelsize(18); 把字调大
 
-    // 在下方放一个显示结果的标签
-    result_box = new Fl_Box(50, 130, 300, 100, "请点击按钮抽卡~");
-    result_box->labelsize(20);
+    // TODO（步骤 3）：给按钮绑定回调：btn->callback(draw_callback);
+
+    // TODO（步骤 2）：放一个结果文字框
+    //   先用局部变量练习，下一步再改成全局
+    //   位置 (50, 130)、宽 300、高 100、文字 "请点击按钮抽卡～"
+    //   字号 20
 
     window->end();
     window->show();