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

# การใช้งาน GUI สร้าง PictureBox ในภาษา C++ อย่างง่ายดาย

การพัฒนาแอปพลิเคชันด้วยอินเทอร์เฟซที่ใช้งานง่าย (GUI) เป็นทักษะที่สำคัญในวงการโปรแกรมมิ่ง เพราะผู้ใช้งานในปัจจุบันต้องการการทำงานที่รวดเร็วและสะดวกสบาย หนึ่งในคอนโทรลที่พบบ่อยใน GUI คือ PictureBox, ซึ่งใน C++ สามารถทำได้ผ่านการใช้ไลบรารีเช่น Win32 API, MFC หรือ library ที่ทันสมัยอย่าง Qt วันนี้เราจะมารู้จักกับการสร้าง PictureBox ในภาษา C++ ด้วยตัวอย่างโค้ดสามตัวอย่าง พร้อมการอธิบายการทำงานและยกตัวอย่าง usecase ในโลกจริง

ตัวอย่างที่ 1: สร้าง PictureBox ด้วย Win32 API

Win32 API เป็นชุดของฟังก์ชันระดับต่ำที่ใช้จัดการกับวินโดวส์และคอมโพเนนท์ GUI ในวินโดวส์

 #include <windows.h>

// ฟังก์ชัน CALLBACK สำหรับการวาด window
LRESULT CALLBACK WindowProcedure(HWND hwnd, UINT message, WPARAM wParam, LPARAM lParam) {
    switch (message) {
        case WM_PAINT:
            // โค้ดส่วนของการวาด PictureBox
            break;
        case WM_DESTROY:
            PostQuitMessage(0);
            break;
        default:
            return DefWindowProc(hwnd, message, wParam, lParam);
    }
    return 0;
}

int WINAPI WinMain(HINSTANCE hInst, HINSTANCE hprevInstance, LPSTR args, int ncmdshow) {
    WNDCLASSW wc = {0};

    // กำหนดรายละเอียดของ window class
    wc.hbrBackground = (HBRUSH)COLOR_WINDOW;
    wc.hCursor = LoadCursor(NULL, IDC_ARROW);
    wc.hInstance = hInst;
    wc.lpszClassName = L"windowClass";
    wc.lpfnWndProc = WindowProcedure;

    // รีจิสเตอร์ window class
    if (!RegisterClassW(&wc))
        return -1;

    // สร้าง window
    CreateWindowW(L"windowClass", L"PictureBox Example", WS_OVERLAPPEDWINDOW | WS_VISIBLE, 100, 100, 500, 500, NULL, NULL, NULL, NULL);

    // Loop ประมวลผล message
    MSG msg = {0};
    while (GetMessage(&msg, NULL, 0, 0)) {
        TranslateMessage(&msg);
        DispatchMessage(&msg);
    }
    return 0;
}

หลักการทำงานของโค้ดข้างต้นเริ่มจากการประกาศ `WindowProcedure` ซึ่งเป็นฟังก์ชันที่จัดการกับเหตุการณ์ต่างๆบนวินโดว์ เช่น การวาดภาพ จากนั้นใช้ `WinMain` ฟังก์ชันเพื่อตั้งค่าและแสดง window ตัวอย่างโค้ดข้างต้นยังไม่วาด PictureBox จริงๆแต่มันให้โครงสร้างพื้นฐานที่จำเป็น

ตัวอย่างที่ 2: วาด PictureBox ใน MFC

Microsoft Foundation Classes (MFC) เป็นไลบรารี C++ ที่ช่วยให้การพัฒนา GUI ในวินโดวส์ง่ายขึ้น

 // MFC ต้องใช้ Visual Studio และติดตั้ง MFC ก่อน
#include <afxwin.h>

class MainFrame : public CFrameWnd {
public:
    MainFrame() {
        Create(NULL, _T("MFC PictureBox Example"));
    }

protected:
    afx_msg void OnPaint() {
        CPaintDC dc(this); // สำหรับการวาดบน window
        CRect rect;
        GetClientRect(&rect); // ดึงขนาดของ window
        dc.FillSolidRect(rect, RGB(255, 255, 255)); // วาดพื้นหลังสีขาว
        // โค้ดสำหรับวาดรูปภาพ
    }

    DECLARE_MESSAGE_MAP()
};

BEGIN_MESSAGE_MAP(MainFrame, CFrameWnd)
    ON_WM_PAINT()
END_MESSAGE_MAP()

class PictureBoxApp : public CWinApp {
public:
    BOOL InitInstance() {
        m_pMainWnd = new MainFrame();
        m_pMainWnd->ShowWindow(SW_NORMAL);
        m_pMainWnd->UpdateWindow();
        return TRUE;
    }
};

PictureBoxApp theApp;

โค้ดข้างต้นสร้างกรอบ window โดยใช้ MFC และมี placeholder สำหรับการวาด PictureBox ในเมท็อด `OnPaint`.

ตัวอย่างที่ 3: การใช้ Qt สำหรับวาด PictureBox

Qt เป็นเฟรมเวิร์คที่ออกแบบมาสำหรับการสร้าง cross-platform GUI.

 #include <QtWidgets>

class PictureBox : public QWidget {
protected:
    void paintEvent(QPaintEvent *) {
        QPainter painter(this);
        QPixmap pixmap("path_to_image.jpg");
        painter.drawPixmap(0, 0, pixmap);
    }
};

int main(int argc, char *argv[]) {
    QApplication app(argc, argv);

    PictureBox pictureBox;
    pictureBox.show();

    return app.exec();
}

ในตัวอย่างด้านบน `PictureBox` สืบทอดจาก `QWidget` และเราเขียนฟังก์ชัน `paintEvent` เพื่อวาด QPixmap ลงใน widget.

Usecase ในโลกจริง

PictureBox ถูกใช้งานในหลายโปรแกรม เช่น โปรแกรมดูรูปภาพ, แอปพลิเคชันรับ-ส่งข้อความที่มีการแนบไฟล์ภาพ หรือแม้กระทั่งในระบบการแพทย์ที่ต้องแสดงภาพเอกซเรย์หรือ MRI.

การเรียนการโปรแกรมไม่เพียงแค่เป็นการเพิ่มทักษะการเขียนโค้ดเท่านั้น แต่ยังช่วยให้คุณสามารถสร้างโซลูชันที่แก้ปัญหาเฉพาะหน้าได้ เพิ่มประสิทธิภาพของการทำงาน และอัปเกรดคุณภาพชีวิตทั้งของตนเองและผู้อื่น ที่ EPT เรามุ่งมั่นที่จะจัดหาคอร์สการเรียนรู้ที่ครอบคลุม ตั้งแต่พื้นฐานจนถึงระดับสูง เพื่อช่วยให้คุณพัฒนาความเป็นมืออาชีพในด้านโปรแกรมมิ่ง เยี่ยมชมเราที่ EPT และเริ่มต้นเส้นทางการเป็นนักพัฒนาซอฟต์แวร์ของคุณ!

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