shithub: neindaw

ref: 10d66333fb0f3f6f333bb1bb4802a77d061628a7
dir: /microui/demo/frame.c/

View raw version
#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();
}