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

MicroUI là một lựa chọn thú vị dành cho các lập trình viên đang tìm kiếm giải pháp giao diện đồ họa (GUI) tối giản cho các dự án viết bằng ngôn ngữ C. Với thiết kế tập trung vào tính di động và hiệu suất, thư viện này đặc biệt phù hợp cho các hệ thống nhúng (embedded systems) hoặc các ứng dụng yêu cầu kiểm soát chặt chẽ tài nguyên phần cứng.

Minh họa giao diện MicroUI

Các tính năng chính

Đ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 ANSI C, giúp dễ dàng tích hợp và duy trì.
• Quản lý bộ nhớ tĩnh: 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ớ động (dynamic memory allocation) nào diễn ra trong quá trình chạy, giúp tránh được các lỗi rò rỉ bộ nhớ và phân mảnh bộ nhớ.
• Các điều khiển tích hợp sẵn: Hỗ trợ đầy đủ các thành phần cơ bả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 xuống 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ễ dàng mở rộng: Được thiết kế để người dùng có thể thêm các điều khiển tùy chỉnh một cách dễ dàng.
• Hệ thống bố cục đơn giản: Cung cấp các công cụ cơ bản để sắp xếp giao diện.

Ví dụ mã nguồn

Để tạo một cửa sổ đơn giản với các nút bấm và xử lý sự kiện, MicroUI sử dụng cú pháp trực quan của immediate-mode. Dưới đây là đoạn mã mẫu:

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);
}

Lưu ý khi sử dụng

Một điểm quan trọng cần lưu ý là MicroUI không tự thực hiện việc vẽ (drawing) lên màn hình. Thay vào đó, thư viện này 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. Nó đóng vai trò là một lớp logic điều khiển giao diện, để lại quyền kiểm soát hoàn toàn cho lập trình viên về cách hiển thị các phần tử đó.

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