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

# การใช้งาน GUI สร้าง RichTextBox Multiline ในภาษา C แบบสุดพิเศษ

ในโลกแห่งการพัฒนาซอฟต์แวร์ปัจจุบันนี้ การสร้างส่วนติดต่อผู้ใช้ (User Interface - UI) ที่มีประสิทธิภาพและตอบสนองความต้องการของผู้ใช้งานเป็นสิ่งสำคัญยิ่ง และหนึ่งในองค์ประกอบที่เรามักพบเห็นในแอปพลิเคชันต่างๆ ก็คือ กล่องข้อความหลายบรรทัด (Multiline Textbox) หรือที่เรียกกันในภาษา C ว่า RichTextBox Multiline ซึ่งแท้จริงแล้วเรากำลังพูดถึง Rich Edit Control ที่มีความสามารถหลายหลายมากกว่าข้อความธรรมดา ประกอบด้วยการจัดรูปแบบข้อความต่างๆ เช่น การเปลี่ยนแบบอักษร, สี, หรือแม้กระทั่งการใส่รูปภาพ.

เรามาลงมือสร้าง RichTextBox Multiline ในแอปพลิเคชันภาษา C กันเลย ผ่านโค้ดตัวอย่าง 3 ตัวอย่างพร้อมอธิบายการทำงานและยกตัวอย่าง use case ที่สามารถนำไปใช้ในโลกจริงได้

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

 #include <windows.h>
#include "richedit.h"

LRESULT CALLBACK WindowProcedure(HWND, UINT, WPARAM, LPARAM);

void AddRichTextBox(HWND hwnd) {
    LoadLibrary(TEXT("Msftedit.dll"));
    HWND hRichEdit = CreateWindowEx(0, MSFTEDIT_CLASS, TEXT(""),
        WS_CHILD | WS_VISIBLE | WS_VSCROLL | ES_MULTILINE | ES_AUTOVSCROLL,
        10, 10, 300, 100, hwnd, (HMENU)1, GetModuleHandle(NULL), NULL);
}

int WINAPI WinMain(HINSTANCE hInst, HINSTANCE hPrevInst, LPSTR args, int ncmdshow) {
    WNDCLASSW wc = {0};
    wc.hbrBackground = (HBRUSH)COLOR_WINDOW;
    wc.hCursor = LoadCursor(NULL, IDC_ARROW);
    wc.hInstance = hInst;
    wc.lpszClassName = L"myWindowClass";
    wc.lpfnWndProc = WindowProcedure;

    if (!RegisterClassW(&wc)) return -1;

    CreateWindowW(L"myWindowClass", L"RichTextBox Example", WS_OVERLAPPEDWINDOW | WS_VISIBLE,
        100, 100, 350, 200, NULL, NULL, NULL, NULL);

    MSG msg = {0};
    while (GetMessage(&msg, NULL, 0, 0)) {
        TranslateMessage(&msg);
        DispatchMessage(&msg);
    }
    return (int) msg.wParam;
}

LRESULT CALLBACK WindowProcedure(HWND hwnd, UINT msg, WPARAM wp, LPARAM lp) {
    switch (msg) {
        case WM_CREATE:
            AddRichTextBox(hwnd);
            break;
        case WM_DESTROY:
            PostQuitMessage(0);
            break;
        default:
            return DefWindowProcW(hwnd, msg, wp, lp);
    }
}

ในตัวอย่างที่ 1 เราได้สร้างหน้าต่างพื้นฐาน (Basic Window) และเพิ่ม RichTextBox เข้าไปภายในหน้าต่างนั้น โดยเริ่มต้นด้วยการโหลดไลบรารี่ `Msftedit.dll` ที่จำเป็นสำหรับการใช้งาน Rich Edit Control หลังจากนั้นจึงสร้าง RichTextBox ด้วยฟังก์ชัน `CreateWindowEx` และตั้งค่าให้มีคุณสมบัติสำคัญเช่น `ES_MULTILINE` ที่เป็นตัวกำหนดให้กล่องข้อความนั้นรองรับข้อความหลายบรรทัด

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

 // ต่อจากโค้ดข้างบน...
void SetRichTextBoxText(HWND hRichEdit) {
    CHARFORMAT2 cf;
    memset(&cf, 0, sizeof(CHARFORMAT2));
    cf.cbSize = sizeof(CHARFORMAT2);
    cf.dwMask = CFM_BOLD | CFM_COLOR;
    cf.dwEffects = CFE_BOLD;
    cf.crTextColor = RGB(255, 0, 0);

    SendMessage(hRichEdit, EM_SETCHARFORMAT, SCF_SELECTION, (LPARAM)&cf);
    SendMessage(hRichEdit, WM_SETTEXT, 0, (LPARAM)"This is bold and red text!");
}

// ต้องเพิ่มโค้ดนี้ในฟังก์ชัน WindowProcedure
case WM_CREATE:
    AddRichTextBox(hwnd);
    SetRichTextBoxText(GetDlgItem(hwnd, 1));  // เพิ่มบรรทัดนี้
    break;

ในตัวอย่างโค้ดที่ 2 เราได้เพิ่มการจัดรูปแบบข้อความ โดยตั้งค่าให้ข้อความที่ถูกเพิ่มเข้าไปใน RichTextBox เป็นตัวหนาและเปลี่ยนสีเป็นแดง เราทำได้โดยการใช้ `CHARFORMAT2` สําหรับกําหนดรูปแบบของข้อความ และใช้ `SendMessage` กับพารามิเตอร์ `EM_SETCHARFORMAT` เพื่อนำรูปแบบที่เราจัดไว้แอพลายให้กับข้อความในคอนโทรลได้

ตัวอย่างโค้ดที่ 3: การเพิ่มข้อความและการทำงานกับ Selection

 // ต่อจากโค้ดข้างบน...
void AppendText(HWND hRichEdit, LPCWSTR text) {
    DWORD start, end;
    SendMessage(hRichEdit, EM_GETSEL, (WPARAM)&start, (LPARAM)&end);
    SendMessage(hRichEdit, EM_SETSEL, -1, -1);
    SendMessage(hRichEdit, EM_REPLACESEL, TRUE, (LPARAM)text);
    SendMessage(hRichEdit, EM_SETSEL, start, end);
}

// ต้องเพิ่มโค้ดนี้ในฟังก์ชัน WindowProcedure
case WM_CREATE:
    AddRichTextBox(hwnd);
    SetRichTextBoxText(GetDlgItem(hwnd, 1));
    AppendText(GetDlgItem(hwnd, 1), L" Here is more text!");
    break;

ในตัวอย่างโค้ดที่ 3 เราได้เพิ่มฟังก์ชัน `AppendText` สำหรับการเพิ่มข้อความเข้าไปใน RichTextBox โดยไม่ทำการเขียนทับข้อความเดิม การทำงานของฟังก์ชันนี้โดยละเอียดคือ มันจะทำการค้นหาตำแหน่งสุดท้ายของข้อความและทำการเพิ่มข้อความใหม่เข้าไปที่ตำแหน่งนั้น หลังจากนั้นจะทำการกู้คืนการเลือกข้อความ (selection) ที่เคยมีไว้ก่อนหน้านั้น สิ่งนี้โดยปกติจะดีสำหรับการแก้ไขข้อความในระหว่างที่ผู้ใช้มีการควบคุมหรือเลือกส่วนของข้อความไว้

Use cases ตัวอย่าง

RichTextBox ไม่เพียงแต่สามารถใช้เป็นเครื่องมืออัดข้อความขั้นสูงในโปรแกรมอย่าง Microsoft Word หรือบราวเซอร์ เช่น โมดูลแก้ไขโพสต์บนสื่อสังคมออนไลน์เท่านั้น แต่ยังซึ่งสามารถใช้ในการพัฒนาซอฟต์แวร์เช่น:

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

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