การใช้งาน GUI create Label ในภาษา C แบบง่ายๆ พร้อมตัวอย่าง

การใช้งาน GUI สร้างป้ายกำกับ (Label) ในภาษา C ด้วยความเรียบง่าย

การเขียนโปรแกรมที่มีส่วนประกอบของ Graphic User Interface (GUI) ในภาษา C อาจดูเป็นเรื่องที่น่าเกรงขามสำหรับนักพัฒนาทั้งหลาย ส่วนประกอบที่เรามักพบเจอและใช้งานอยู่บ่อยครั้งคือ "ป้ายกำกับ" หรือ Label ซึ่งใช้ในการแสดงข้อความตายตัวหรือแปรผันบนหน้าจอ เพื่อให้ข้อมูลแก่ผู้ใช้งาน

ในการสร้าง GUI พร้อม Label ในภาษา C นั้น ต้องอาศัยไลบรารีเสริมเช่น GTK, Qt, หรือ win32 API ดังนั้นในบทความนี้ ผมจะให้คำแนะนำพร้อมตัวอย่างโค้ดที่ใช้ GTK เป็นไลบรารีหลัก เพราะว่า GTK เป็นไลบรารีที่เข้ากันได้ดีกับระบบปฏิบัติการหลายเพลตฟอร์มและมีชื่อเสียงในเรื่องของการสร้างแอปพลิเคชั่นหน้าจอ

ตัวอย่างโค้ดที่ 1 - การสร้าง Label พื้นฐาน:

 #include <gtk/gtk.h>

int main(int argc, char *argv[]) {
    GtkWidget *window;
    GtkWidget *label;

    gtk_init(&argc, &argv);

    // สร้างหน้าต่างแอปพลิเคชั่น
    window = gtk_window_new(GTK_WINDOW_TOPLEVEL);
    gtk_window_set_title(GTK_WINDOW(window), "ตัวอย่าง Label 1");
    gtk_container_set_border_width(GTK_CONTAINER(window), 10);

    // สร้างป้ายกำกับและเพิ่มลงในหน้าต่าง
    label = gtk_label_new("สวัสดีป้ายกำกับ!");
    gtk_container_add(GTK_CONTAINER(window), label);

    g_signal_connect(window, "destroy", G_CALLBACK(gtk_main_quit), NULL);

    // แสดงส่วนประกอบทั้งหมด
    gtk_widget_show_all(window);

    gtk_main();

    return 0;
}

ในตัวอย่างข้างต้นนี้ เราได้สร้างหน้าต่างและป้ายกำกับขึ้น โดยใช้ฟังก์ชัน `gtk_window_new` สำหรับสร้างหน้าต่าง และ `gtk_label_new` สำหรับการสร้าง Label ซึ่งข้อความที่จะแสดงคือ "สวัสดีป้ายกำกับ!" หลังจากนั้นจึงใช้ `gtk_container_add` เพื่อใส่ Label เข้าไปในหน้าต่าง และหน้าต่างนี้จะปิดทันทีเมื่อมีการส่งสัญญาณ "destroy" เกิดขึ้น

ตัวอย่างโค้ดที่ 2 - การปรับแต่งสไตล์ของ Label:

 // ... [โค้ดตอนต้นเหมือนที่ 1]

    // สร้างป้ายกำกับที่มีการปรับแต่งสไตล์
    label = gtk_label_new(NULL);
    gtk_label_set_markup(GTK_LABEL(label), "<span foreground='blue' size='x-large'>สวัสดีป้ายกำกับ!</span>");
    gtk_container_add(GTK_CONTAINER(window), label);

// ... [โค้ดที่เหลือเหมือนที่ 1]

ในโค้ดนี้ เราได้ใช้ `gtk_label_set_markup` เพื่อใส่ข้อมูลแบบรวมฟอร์แมต Pango Markup เข้าไปใน Label ช่วยให้สามารถกำหนดสีและขนาดของฟอนต์ได้ เพิ่มความสามารถในการปรับแต่งให้สวยงามมากขึ้น

ตัวอย่างโค้ดที่ 3 - การใช้ Label แสดงข้อความเปลี่ยนแปลง:

 // ... [โค้ดตอนต้นเหมือนที่ 1]

    // สร้างป้ายกำกับที่ข้อความสามารถเปลี่ยนแปลงได้
    label = gtk_label_new("สถานะ: ");
    gtk_label_set_markup(GTK_LABEL(label), "<span font='14'>สถานะ: โหลดข้อมูล...</span>");
    // ฟังก์ชันที่มีการเปลี่ยนข้อมูลใน Label
    update_label(GTK_LABEL(label), "สถานะ: โหลดสำเร็จ!");
    gtk_container_add(GTK_CONTAINER(window), label);

// ... [โค้ดที่เหลือเหมือนที่ 1]

ในโค้ดนี้ ฟังก์ชัน `update_label` จะเป็นตัวอัปเดตข้อความใน Label เพื่อแสดงถึงการเปลี่ยนแปลง จาก "กำลังโหลด..." เป็น "โหลดสำเร็จ!" ทำให้สามารถใช้ป้ายกำกับในการแสดงข้อมูลที่แปรผันได้อย่างง่ายดาย

Usecase ในโลกจริง:

การใช้ Label ใน GUI มีความหลากหลาย เช่น แสดงข้อมูลผู้ใช้ในแอปพลิเคชั่น, แสดงสถานะการทำงานของแอปพลิเคชัน, หรือแม้แต่ใช้เป็นส่วนหนึ่งของการสร้างรายงานที่ผู้ใช้สามารถอ่านข้อมูลได้อย่างชัดเจน ป้ายกำกับเป็นส่วนประกอบที่สำคัญและพบเห็นได้เป็นประจำในโปรแกรมหลายๆ ประเภท

การทำความเข้าใจในการใช้งาน Label ในภาษา C พร้อมไลบรารีเช่น GTK จะเป็นประตูแรกที่นำทางผู้พัฒนาเข้าสู่โลกของการสร้าง GUI ที่มีความสลับซับซ้อนและน่าใช้ เหมาะสำหรับนักเรียนโปรแกรมมิ่งทุกระดับที่มีความพยายามจะพัฒนาทักษะของตนเองให้ก้าวหน้ายิ่งขึ้น

EPT (Expert-Programming-Tutor) เรามีคอร์สเจาะลึกเกี่ยวกับการพัฒนา GUI ในภาษา C รวมถึงการใช้ไลบรารีที่เหมาะสมที่จะช่วยให้คุณสามารถสร้างแอปพลิเคชัน GUI ที่มีประสิทธิภาพและน่าใช้งาน หากคุณกำลังมองหาที่จะเรียนรู้และพัฒนาทักษะการสร้างโปรแกรม GUI อย่าลืมเข้ามาเรียนกับเราที่ EPT เพื่อยกระดับเข้าสู่โลกการพัฒนาซอฟต์แวร์ในอนาคต!

หมายเหตุ: ข้อมูลในบทความนี้อาจจะผิด โปรดตรวจสอบความถูกต้องของบทความอีกครั้งหนึ่ง บทความนี้ไม่สามารถนำไปใช้อ้างอิงใด ๆ ได้ ทาง EPT ไม่ขอยืนยันความถูกต้อง และไม่ขอรับผิดชอบต่อความเสียหายใดที่เกิดจากบทความชุดนี้ทั้งทางทรัพย์สิน ร่างกาย หรือจิตใจของผู้อ่านและผู้เกี่ยวข้อง