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

# การใช้งาน GUI: การสร้าง Label ในภาษา C++ แบบง่ายๆ

ในโลกของการเขียนโปรแกรม หน้าตาของโปรแกรมและผู้ใช้ (GUI - Graphical User Interface) เป็นสิ่งที่ไม่สามารถมองข้ามได้เลย โดยเฉพาะส่วนประกอบพื้นฐานอย่าง "Label" ที่เปรียบเสมือนป้ายบอกข้อมูล ไม่ว่าจะเป็นชื่อฟิลด์, ข้อมูลคำอธิบาย, หรือข้อความเตือนต่างๆ

Label: ป้ายบอกข้อมูลใน C++

เมื่อพูดถึง Label ใน C++ เรามักนึกถึง libaries ที่ช่วยในการสร้าง GUI เช่น Qt, wxWidgets หรือแม้แต่น้ำหนักเบาอย่าง FLTK แต่รหัสตัวอย่างที่คุณจะเห็นต่อไปนี้จะใช้ library "Win32 API" ที่มาพร้อมกับระบบปฏิบัติการ Windows ในการสร้าง Label โดยง่าย

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

 #include <windows.h>

// คำสั่ง Callback สำหรับ Window Procedure
LRESULT CALLBACK WindowProc(HWND hwnd, UINT uMsg, WPARAM wParam, LPARAM lParam) {
    switch (uMsg) {
    case WM_DESTROY:
        PostQuitMessage(0);
        return 0;
    case WM_CREATE:
        // สร้าง Label
        CreateWindow("STATIC", "Hello, World!", WS_VISIBLE | WS_CHILD, 10, 10, 100, 20, hwnd, (HMENU)1, NULL, NULL);
        break;
    }
    return DefWindowProc(hwnd, uMsg, wParam, lParam);
}

int WINAPI WinMain(HINSTANCE hInstance, HINSTANCE, LPSTR pCmdLine, int nCmdShow) {
    // ลงทะเบียน Class สำหรับ Windows
    const char CLASS_NAME[] = "Sample Window Class";
    WNDCLASS wc = {};
    wc.lpfnWndProc   = WindowProc;
    wc.hInstance     = hInstance;
    wc.lpszClassName = CLASS_NAME;
    RegisterClass(&wc);

    // สร้าง Window
    HWND hwnd = CreateWindowEx(0, CLASS_NAME, "Label Example", WS_OVERLAPPEDWINDOW, CW_USEDEFAULT, CW_USEDEFAULT, CW_USEDEFAULT, CW_USEDEFAULT, NULL, NULL, hInstance, NULL);
    if (hwnd == NULL) {
        return 0;
    }

    ShowWindow(hwnd, nCmdShow);

    // วงรอบของข้อความ
    MSG msg = {};
    while (GetMessage(&msg, NULL, 0, 0)) {
        TranslateMessage(&msg);
        DispatchMessage(&msg);
    }

    return 0;
}

โค้ดด้านบนนำเสนอวิธีการสร้างหน้าต่าง (Window) พร้อมทั้ง Label ที่มีข้อความว่า "Hello, World!". เราสร้าง Label ด้วยฟังก์ชัน CreateWindow() และระบุค่า "STATIC" ในพารามิเตอร์แรกเพื่อบอกว่าอยากสร้างส่วนประกอบประเภท Static Control ซึ่งในที่นี้หมายถึง Label.

ตัวอย่างโค้ดที่ 2: การปรับแต่งรูปแบบของ Label

 // ... [รหัสข้างต้นจะต้องรวมอยู่] ...

case WM_CREATE:
    // ...

    // สร้าง Label พร้อมปรับแต่งฟอนต์
    HWND hLabel = CreateWindow("STATIC", "Custom Font Label", WS_VISIBLE | WS_CHILD, 10, 40, 150, 20, hwnd, (HMENU)2, NULL, NULL);
    // ตั้งค่าฟอนต์สำหรับ Label
    HFONT hFont = CreateFont(24, 0, 0, 0, FW_BOLD, FALSE, FALSE, FALSE, ANSI_CHARSET, OUT_TT_PRECIS, CLIP_DEFAULT_PRECIS, DEFAULT_QUALITY, DEFAULT_PITCH | FF_SWISS, "Arial");
    SendMessage(hLabel, WM_SETFONT, (WPARAM)hFont, TRUE);

    // ...

ในตัวอย่างโค้ดที่สอง, เราได้เพิ่ม Label อันใหม่เข้าไปพร้อมกับการปรับแต่งฟอนต์เพื่อให้ Label มีลักษณะที่น่าสนใจมากขึ้นผ่านฟังก์ชัน CreateFont() และ SendMessage().

ตัวอย่างโค้ดที่ 3: การตอบสนองต่อการเหตุการณ์

 // ... [รหัสข้างต้นจะต้องรวมอยู่] ...

LRESULT CALLBACK WindowProc(HWND hwnd, UINT uMsg, WPARAM wParam, LPARAM lParam) {
    // ...
    case WM_COMMAND:
        if (LOWORD(wParam) == 3) {
            MessageBox(hwnd, "Label Clicked!", "Alert", MB_OK);
        }
        break;
    // ...

case WM_CREATE:
    // ...

    // สร้าง Clickable Label
    HWND hClickableLabel = CreateWindow("STATIC", "Click Me!", WS_VISIBLE | WS_CHILD | SS_NOTIFY, 10, 70, 100, 20, hwnd, (HMENU)3, NULL, NULL);

    // ...

    // Procedure ใหม่สำหรับ Clickable Label
    LONG_PTR prevProc = SetWindowLongPtr(hClickableLabel, GWLP_WNDPROC, (LONG_PTR)ClickableLabelProc);
    // เก็บ procedure เดิมไว้เพื่อสามารถ callback ได้

    // ...
}

// Procedure สำหรับ Clickable Label
LRESULT CALLBACK ClickableLabelProc(HWND hwnd, UINT message, WPARAM wParam, LPARAM lParam) {
    if (message == WM_LBUTTONDOWN) {
        // เมื่อมีการคลิกที่ Label
        SendMessage(GetParent(hwnd), WM_COMMAND, 3, 0);
    }
    return CallWindowProc((WNDPROC)prevProc, hwnd, message, wParam, lParam);
}

// ...

ในตัวอย่างที่สามนี้, เราได้เพิ่มปฏิสัมพันธ์ในการคลิก Label โดยใช้ SS_NOTIFY และการแทนที่ Window Procedure ด้วย SetWindowLongPtr().

Usecase: การใช้ Label ในโลกจริง

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

สรุปและเชิญชวน

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

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