MicroUI: Thư viện giao diện người dùng nhỏ gọn, di động viết bằng ANSI C

MicroUI là một thư viện giao diện người dùng (UI) theo chế độ immediate-mode, được thiết kế đặc biệt để trở nên cực kỳ nhỏ gọn và dễ di chuyển. Được viết hoàn toàn bằng ngôn ngữ ANSI C, thư viện này là giải pháp lý tưởng cho các nhà phát triển muốn tích hợp giao diện đồ họa vào các ứng dụng nhúng hoặc dự án phần mềm yêu cầu tài nguyên hệ thống tối thiểu.

Giao diện ví dụ của MicroUI

Các tính năng nổi bật

Điểm mạnh lớn nhất của MicroUI nằm ở sự đơn giản và hiệu quả:

• Nhỏ gọn: Toàn bộ mã nguồn chỉ khoảng 1100 dòng (SLOC) ANSI C, giúp dễ dàng tích hợp và kiểm tra.
• Quản lý bộ nhớ thông minh: Thư viện hoạt động hoàn toàn trong một vùng nhớ có kích thước cố định. Điều này có nghĩa là không có bất kỳ việc cấp phát bộ nhớ thêm (additional memory allocation) nào xảy ra trong quá trình chạy, giúp tránh được rủi ro rò rỉ bộ nhớ (memory leak) và phù hợp với hệ thống nhúng.
• Các điều khiển tích hợp: Hỗ trợ sẵn các thành phần giao diện phổ biến như cửa sổ (window), bảng cuộn (scrollable panel), nút bấm (button), thanh trượt (slider), hộp văn bản (textbox), nhãn (label), hộp kiểm (checkbox) và văn bản tự động ngắt dòng.
• Tương thích rộng rãi: Hoạt động với bất kỳ hệ thống kết xuất (rendering system) nào có khả năng vẽ hình chữ nhật và văn bản.
• Dễ mở rộng: Được thiết kế để người dùng có thể dễ dàng thêm các điều khiển tùy chỉnh (custom controls).
• Hệ thống bố cục đơn giản: Cung cấp các hàm hỗ trợ để sắp xếp giao diện một cách trực quan.

Ví dụ mã nguồn

Việc sử dụng MicroUI rất trực quan nhờ vào mô hình immediate-mode. Dưới đây là một đoạn mã mẫu demonstrating việc tạo một cửa sổ đơn giản với các nút bấm và popup:

if (mu_begin_window(ctx, "My Window", mu_rect(10, 10, 140, 86))) {
  mu_layout_row(ctx, 2, (int[]) { 60, -1 }, 0);
  mu_label(ctx, "First:");
  if (mu_button(ctx, "Button1")) {
    printf("Button1 pressed\n");
  }
  mu_label(ctx, "Second:");
  if (mu_button(ctx, "Button2")) {
    mu_open_popup(ctx, "My Popup");
  }
  if (mu_begin_popup(ctx, "My Popup")) {
    mu_label(ctx, "Hello world!");
    mu_end_popup(ctx);
  }
  mu_end_window(ctx);
}

Mã nguồn và kết quả chạy thử nghiệm

Cách hoạt động và lưu ý

Một điểm quan trọng cần lưu ý là MicroUI không tự thực hiện việc vẽ (rendering) lên màn hình. Thay vào đó, thư viện mong đợi người dùng cung cấp dữ liệu đầu vào (như chuột, bàn phím) và xử lý các lệnh vẽ kết quả mà thư viện tạo ra. Điều này mang lại sự linh hoạt tuyệt đối cho nhà phát triển trong việc lựa chọn backend đồ họa (OpenGL, Vulkan, phần mềm vẽ bitmap, v.v.).

Thư viện được cấp phép theo giấy phép MIT, cho phép tự do sử dụng, sửa đổi và phân phối trong cả dự án cá nhân và thương mại.

Đối với các lập trình viên Việt Nam đang tìm kiếm một giải pháp UI nhẹ nhàng cho các dự án C thuần túy hoặc hệ thống nhúng (IoT), MicroUI là một công cụ đáng cân nhắc nhờ vào tính minh bạch và khả năng kiểm soát tài nguyên cao.