ref: 4217a5ba824dc927a0f9e3e3cb3a73c7dcdc35ca
dir: /microui/demo/frame.c/
#include <u.h> #include <libc.h> #include <draw.h> #include <microui.h> static char logbuf[64000]; static int logbuf_updated = 0; static void write_log(const char *text) { if (logbuf[0]) strcat(logbuf, "\n"); strcat(logbuf, text); logbuf_updated = 1; } #define text_width(s) (stringwidth(mu_style.font, s) + 6) #define text_height() mu_style.font->height #define max(a, b) ((a) > (b) ? (a) : (b)) static void test_window(void) { static mu_Container window; /* init window manually so we can set its position and size */ if (!window.inited) { mu_init_window(&window, 0); window.rect = mu_rect(40, 40, 320, 500); } /* limit window to minimum size */ window.rect.w = max(window.rect.w, 240); window.rect.h = max(window.rect.h, 300); /* do window */ if (mu_begin_window(&window, "Demo Window")) { /* window info */ static int show_info = 0; if (mu_header(&show_info, "Window Info")) { char buf[64]; const int widths[] = { text_width("Position:"), -1 }; mu_layout_row(2, widths, 0); mu_label("Position:"); sprint(buf, "%d, %d", window.rect.x, window.rect.y); mu_label(buf); mu_label("Size:"); sprint(buf, "%d, %d", window.rect.w, window.rect.h); mu_label(buf); } /* labels + buttons */ static int show_buttons = 1; if (mu_header(&show_buttons, "Test Buttons")) { const int widths[] = { text_width("Test buttons 2:"), -text_width("Button 2 "), -1 }; mu_layout_row(3, widths, 0); mu_label("Test buttons 1:"); if (mu_button("Button 1")) { write_log("Pressed button 1"); } if (mu_button("Button 2")) { write_log("Pressed button 2"); } mu_label("Test buttons 2:"); if (mu_button("Button 3")) { write_log("Pressed button 3"); } if (mu_button("Button 4")) { write_log("Pressed button 4"); } } /* tree */ static int show_tree = 1; if (mu_header(&show_tree, "Tree and Text")) { int widths[] = { text_width("Test 1a")+text_height()*2+text_width("Button 3")+6, -1 }; mu_layout_row(2, widths, 0); mu_layout_begin_column(); static int states[8]; if (mu_begin_treenode(&states[0], "Test 1")) { if (mu_begin_treenode(&states[1], "Test 1a")) { mu_label("Hello"); mu_label("world"); mu_end_treenode(); } if (mu_begin_treenode(&states[2], "Test 1b")) { if (mu_button("Button 1")) { write_log("Pressed button 1"); } if (mu_button("Button 2")) { write_log("Pressed button 2"); } mu_end_treenode(); } mu_end_treenode(); } if (mu_begin_treenode(&states[3], "Test 2")) { int widths[2]; widths[0] = widths[1] = text_width("Button 3"); mu_layout_row(2, widths, 0); if (mu_button("Button 3")) { write_log("Pressed button 3"); } if (mu_button("Button 4")) { write_log("Pressed button 4"); } if (mu_button("Button 5")) { write_log("Pressed button 5"); } if (mu_button("Button 6")) { write_log("Pressed button 6"); } mu_end_treenode(); } if (mu_begin_treenode(&states[4], "Test 3")) { static int checks[3] = { 1, 0, 1 }; mu_checkbox(&checks[0], "Checkbox 1"); mu_checkbox(&checks[1], "Checkbox 2"); mu_checkbox(&checks[2], "Checkbox 3"); mu_end_treenode(); } mu_layout_end_column(); mu_layout_begin_column(); widths[0] = -1; mu_layout_row(1, widths, 0); mu_text("Lorem ipsum dolor sit amet, consectetur adipiscing " "elit. Maecenas lacinia, sem eu lacinia molestie, mi risus faucibus " "ipsum, eu varius magna felis a nulla."); mu_layout_end_column(); } mu_end_window(); } } static void log_window(void) { static mu_Container window; /* init window manually so we can set its position and size */ if (!window.inited) { mu_init_window(&window, 0); window.rect = mu_rect(370, 40, 340, 200); } if (mu_begin_window(&window, "Log Window")) { int widths[] = { -1, -1 }; /* output text panel */ static mu_Container panel; mu_layout_row(1, widths, -28); mu_begin_panel(&panel); mu_layout_row(1, widths, -1); mu_text(logbuf); mu_end_panel(); if (logbuf_updated) { panel.scroll.y = panel.content_size.y; logbuf_updated = 0; } /* input textbox + submit button */ static char buf[128]; int submitted = 0; widths[0] = -text_width("Submit")-8; mu_layout_row(2, widths, -1); if (mu_textbox(buf, sizeof(buf)) & MU_RES_SUBMIT) { mu_set_focus(mu_ctx.last_id); submitted = 1; } if (mu_button("Submit")) { submitted = 1; } if (submitted) { write_log(buf); buf[0] = '\0'; } mu_end_window(); } } static int uint8_slider(unsigned char *value, int low, int high) { static double tmp; mu_push_id(&value, sizeof(value)); tmp = *value; int res = mu_slider_ex(&tmp, low, high, 0, "%.0f", MU_OPT_ALIGNCENTER); *value = tmp; mu_pop_id(); return res; } static void style_window(void) { static mu_Container window; static u8int cur[MU_COLOR_MAX][4], old[MU_COLOR_MAX][4]; static struct { const char *label; int idx; } colors[] = { { "background:", MU_COLOR_BG }, { "text:", MU_COLOR_TEXT }, { "border:", MU_COLOR_BORDER }, { "windowbg:", MU_COLOR_WINDOWBG }, { "titlebg:", MU_COLOR_TITLEBG }, { "titletext:", MU_COLOR_TITLETEXT }, { "panelbg:", MU_COLOR_PANELBG }, { "button:", MU_COLOR_BUTTON }, { "buttonhover:", MU_COLOR_BUTTONHOVER }, { "buttonfocus:", MU_COLOR_BUTTONFOCUS }, { "base:", MU_COLOR_BASE }, { "basehover:", MU_COLOR_BASEHOVER }, { "basefocus:", MU_COLOR_BASEFOCUS }, { "scrollbase:", MU_COLOR_SCROLLBASE }, { "scrollthumb:", MU_COLOR_SCROLLTHUMB }, { nil } }; /* init window manually so we can set its position and size */ if (!window.inited) { mu_init_window(&window, 0); window.rect = mu_rect(370, 250, 340, 290); memmove(cur, defaultcolors, sizeof(cur)); memmove(old, defaultcolors, sizeof(old)); } if (mu_begin_window(&window, "Style Editor")) { int sw = max(text_width("255"), mu_get_container()->body.w * 0.14); const int widths[] = { text_width("scrollthumb:"), sw, sw, sw, sw, -1 }; mu_layout_row(6, widths, 0); for (int i = 0; colors[i].label; i++) { mu_label(colors[i].label); uint8_slider(&cur[i][0], 0, 255); uint8_slider(&cur[i][1], 0, 255); uint8_slider(&cur[i][2], 0, 255); uint8_slider(&cur[i][3], 0, 255); if (memcmp(cur[i], old[i], 4) != 0) { freeimage(mu_style.colors[i]); mu_style.colors[i] = mu_color(cur[i][0], cur[i][1], cur[i][2], cur[i][3]); memmove(old[i], cur[i], 4); } mu_draw_rect(mu_layout_next(), mu_style.colors[i]); } mu_end_window(); } } void process_frame(void) { mu_begin(); test_window(); log_window(); style_window(); mu_end(); }