296 lines
9.5 KiB
C
296 lines
9.5 KiB
C
#include <SDL2/SDL.h>
|
|
#include <stdio.h>
|
|
#include "renderer.h"
|
|
#include "microui.h"
|
|
|
|
|
|
static char logbuf[64000];
|
|
static int logbuf_updated = 0;
|
|
static float bg[3] = { 90, 95, 100 };
|
|
|
|
|
|
static void write_log(const char *text) {
|
|
if (logbuf[0]) { strcat(logbuf, "\n"); }
|
|
strcat(logbuf, text);
|
|
logbuf_updated = 1;
|
|
}
|
|
|
|
|
|
static void test_window(mu_Context *ctx) {
|
|
/* do window */
|
|
if (mu_begin_window(ctx, "Demo Window", mu_rect(40, 40, 300, 450))) {
|
|
mu_Container *win = mu_get_current_container(ctx);
|
|
win->rect.w = mu_max(win->rect.w, 240);
|
|
win->rect.h = mu_max(win->rect.h, 300);
|
|
|
|
/* window info */
|
|
if (mu_header(ctx, "Window Info")) {
|
|
mu_Container *win = mu_get_current_container(ctx);
|
|
char buf[64];
|
|
mu_layout_row(ctx, 2, (int[]) { 54, -1 }, 0);
|
|
mu_label(ctx,"Position:");
|
|
sprintf(buf, "%d, %d", win->rect.x, win->rect.y); mu_label(ctx, buf);
|
|
mu_label(ctx, "Size:");
|
|
sprintf(buf, "%d, %d", win->rect.w, win->rect.h); mu_label(ctx, buf);
|
|
}
|
|
|
|
/* labels + buttons */
|
|
if (mu_header_ex(ctx, "Test Buttons", MU_OPT_EXPANDED)) {
|
|
mu_layout_row(ctx, 3, (int[]) { 86, -110, -1 }, 0);
|
|
mu_label(ctx, "Test buttons 1:");
|
|
if (mu_button(ctx, "Button 1")) { write_log("Pressed button 1"); }
|
|
if (mu_button(ctx, "Button 2")) { write_log("Pressed button 2"); }
|
|
mu_label(ctx, "Test buttons 2:");
|
|
if (mu_button(ctx, "Button 3")) { write_log("Pressed button 3"); }
|
|
if (mu_button(ctx, "Popup")) { mu_open_popup(ctx, "Test Popup"); }
|
|
if (mu_begin_popup(ctx, "Test Popup")) {
|
|
mu_button(ctx, "Hello");
|
|
mu_button(ctx, "World");
|
|
mu_end_popup(ctx);
|
|
}
|
|
}
|
|
|
|
/* tree */
|
|
if (mu_header_ex(ctx, "Tree and Text", MU_OPT_EXPANDED)) {
|
|
mu_layout_row(ctx, 2, (int[]) { 140, -1 }, 0);
|
|
mu_layout_begin_column(ctx);
|
|
if (mu_begin_treenode(ctx, "Test 1")) {
|
|
if (mu_begin_treenode(ctx, "Test 1a")) {
|
|
mu_label(ctx, "Hello");
|
|
mu_label(ctx, "world");
|
|
mu_end_treenode(ctx);
|
|
}
|
|
if (mu_begin_treenode(ctx, "Test 1b")) {
|
|
if (mu_button(ctx, "Button 1")) { write_log("Pressed button 1"); }
|
|
if (mu_button(ctx, "Button 2")) { write_log("Pressed button 2"); }
|
|
mu_end_treenode(ctx);
|
|
}
|
|
mu_end_treenode(ctx);
|
|
}
|
|
if (mu_begin_treenode(ctx, "Test 2")) {
|
|
mu_layout_row(ctx, 2, (int[]) { 54, 54 }, 0);
|
|
if (mu_button(ctx, "Button 3")) { write_log("Pressed button 3"); }
|
|
if (mu_button(ctx, "Button 4")) { write_log("Pressed button 4"); }
|
|
if (mu_button(ctx, "Button 5")) { write_log("Pressed button 5"); }
|
|
if (mu_button(ctx, "Button 6")) { write_log("Pressed button 6"); }
|
|
mu_end_treenode(ctx);
|
|
}
|
|
if (mu_begin_treenode(ctx, "Test 3")) {
|
|
static int checks[3] = { 1, 0, 1 };
|
|
mu_checkbox(ctx, "Checkbox 1", &checks[0]);
|
|
mu_checkbox(ctx, "Checkbox 2", &checks[1]);
|
|
mu_checkbox(ctx, "Checkbox 3", &checks[2]);
|
|
mu_end_treenode(ctx);
|
|
}
|
|
mu_layout_end_column(ctx);
|
|
|
|
mu_layout_begin_column(ctx);
|
|
mu_layout_row(ctx, 1, (int[]) { -1 }, 0);
|
|
mu_text(ctx, "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(ctx);
|
|
}
|
|
|
|
/* background color sliders */
|
|
if (mu_header_ex(ctx, "Background Color", MU_OPT_EXPANDED)) {
|
|
mu_layout_row(ctx, 2, (int[]) { -78, -1 }, 74);
|
|
/* sliders */
|
|
mu_layout_begin_column(ctx);
|
|
mu_layout_row(ctx, 2, (int[]) { 46, -1 }, 0);
|
|
mu_label(ctx, "Red:"); mu_slider(ctx, &bg[0], 0, 255);
|
|
mu_label(ctx, "Green:"); mu_slider(ctx, &bg[1], 0, 255);
|
|
mu_label(ctx, "Blue:"); mu_slider(ctx, &bg[2], 0, 255);
|
|
mu_layout_end_column(ctx);
|
|
/* color preview */
|
|
mu_Rect r = mu_layout_next(ctx);
|
|
mu_draw_rect(ctx, r, mu_color(bg[0], bg[1], bg[2], 255));
|
|
char buf[32];
|
|
sprintf(buf, "#%02X%02X%02X", (int) bg[0], (int) bg[1], (int) bg[2]);
|
|
mu_draw_control_text(ctx, buf, r, MU_COLOR_TEXT, MU_OPT_ALIGNCENTER);
|
|
}
|
|
|
|
mu_end_window(ctx);
|
|
}
|
|
}
|
|
|
|
|
|
static void log_window(mu_Context *ctx) {
|
|
if (mu_begin_window(ctx, "Log Window", mu_rect(350, 40, 300, 200))) {
|
|
/* output text panel */
|
|
mu_layout_row(ctx, 1, (int[]) { -1 }, -25);
|
|
mu_begin_panel(ctx, "Log Output");
|
|
mu_Container *panel = mu_get_current_container(ctx);
|
|
mu_layout_row(ctx, 1, (int[]) { -1 }, -1);
|
|
mu_text(ctx, logbuf);
|
|
mu_end_panel(ctx);
|
|
if (logbuf_updated) {
|
|
panel->scroll.y = panel->content_size.y;
|
|
logbuf_updated = 0;
|
|
}
|
|
|
|
/* input textbox + submit button */
|
|
static char buf[128];
|
|
int submitted = 0;
|
|
mu_layout_row(ctx, 2, (int[]) { -70, -1 }, 0);
|
|
if (mu_textbox(ctx, buf, sizeof(buf)) & MU_RES_SUBMIT) {
|
|
mu_set_focus(ctx, ctx->last_id);
|
|
submitted = 1;
|
|
}
|
|
if (mu_button(ctx, "Submit")) { submitted = 1; }
|
|
if (submitted) {
|
|
write_log(buf);
|
|
buf[0] = '\0';
|
|
}
|
|
|
|
mu_end_window(ctx);
|
|
}
|
|
}
|
|
|
|
|
|
static int uint8_slider(mu_Context *ctx, unsigned char *value, int low, int high) {
|
|
static float tmp;
|
|
mu_push_id(ctx, &value, sizeof(value));
|
|
tmp = *value;
|
|
int res = mu_slider_ex(ctx, &tmp, low, high, 0, "%.0f", MU_OPT_ALIGNCENTER);
|
|
*value = tmp;
|
|
mu_pop_id(ctx);
|
|
return res;
|
|
}
|
|
|
|
|
|
static void style_window(mu_Context *ctx) {
|
|
static struct { const char *label; int idx; } colors[] = {
|
|
{ "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 },
|
|
{ NULL }
|
|
};
|
|
|
|
if (mu_begin_window(ctx, "Style Editor", mu_rect(350, 250, 300, 240))) {
|
|
int sw = mu_get_current_container(ctx)->body.w * 0.14;
|
|
mu_layout_row(ctx, 6, (int[]) { 80, sw, sw, sw, sw, -1 }, 0);
|
|
for (int i = 0; colors[i].label; i++) {
|
|
mu_label(ctx, colors[i].label);
|
|
uint8_slider(ctx, &ctx->style->colors[i].r, 0, 255);
|
|
uint8_slider(ctx, &ctx->style->colors[i].g, 0, 255);
|
|
uint8_slider(ctx, &ctx->style->colors[i].b, 0, 255);
|
|
uint8_slider(ctx, &ctx->style->colors[i].a, 0, 255);
|
|
mu_draw_rect(ctx, mu_layout_next(ctx), ctx->style->colors[i]);
|
|
}
|
|
mu_end_window(ctx);
|
|
}
|
|
}
|
|
|
|
|
|
static void process_frame(mu_Context *ctx) {
|
|
mu_begin(ctx);
|
|
style_window(ctx);
|
|
log_window(ctx);
|
|
test_window(ctx);
|
|
mu_end(ctx);
|
|
}
|
|
|
|
|
|
|
|
static const char button_map[256] = {
|
|
[ SDL_BUTTON_LEFT & 0xff ] = MU_MOUSE_LEFT,
|
|
[ SDL_BUTTON_RIGHT & 0xff ] = MU_MOUSE_RIGHT,
|
|
[ SDL_BUTTON_MIDDLE & 0xff ] = MU_MOUSE_MIDDLE,
|
|
};
|
|
|
|
static const char key_map[256] = {
|
|
[ SDLK_LSHIFT & 0xff ] = MU_KEY_SHIFT,
|
|
[ SDLK_RSHIFT & 0xff ] = MU_KEY_SHIFT,
|
|
[ SDLK_LCTRL & 0xff ] = MU_KEY_CTRL,
|
|
[ SDLK_RCTRL & 0xff ] = MU_KEY_CTRL,
|
|
[ SDLK_LALT & 0xff ] = MU_KEY_ALT,
|
|
[ SDLK_RALT & 0xff ] = MU_KEY_ALT,
|
|
[ SDLK_RETURN & 0xff ] = MU_KEY_RETURN,
|
|
[ SDLK_BACKSPACE & 0xff ] = MU_KEY_BACKSPACE,
|
|
};
|
|
|
|
|
|
static int text_width(mu_Font font, const char *text, int len) {
|
|
if (len == -1) { len = strlen(text); }
|
|
return r_get_text_width(text, len);
|
|
}
|
|
|
|
static int text_height(mu_Font font) {
|
|
return r_get_text_height();
|
|
}
|
|
|
|
|
|
int main_old(int argc, char **argv) {
|
|
/* init SDL and renderer */
|
|
SDL_Init(SDL_INIT_EVERYTHING);
|
|
r_init();
|
|
|
|
/* init microui */
|
|
mu_Context *ctx = malloc(sizeof(mu_Context));
|
|
mu_init(ctx);
|
|
ctx->text_width = text_width;
|
|
ctx->text_height = text_height;
|
|
|
|
/* main loop */
|
|
for (;;) {
|
|
/* handle SDL events */
|
|
SDL_Event e;
|
|
while (SDL_PollEvent(&e)) {
|
|
switch (e.type) {
|
|
case SDL_QUIT: exit(EXIT_SUCCESS); break;
|
|
case SDL_MOUSEMOTION: mu_input_mousemove(ctx, e.motion.x, e.motion.y); break;
|
|
case SDL_MOUSEWHEEL: mu_input_scroll(ctx, 0, e.wheel.y * -30); break;
|
|
case SDL_TEXTINPUT: mu_input_text(ctx, e.text.text); break;
|
|
|
|
case SDL_MOUSEBUTTONDOWN:
|
|
case SDL_MOUSEBUTTONUP: {
|
|
int b = button_map[e.button.button & 0xff];
|
|
if (b && e.type == SDL_MOUSEBUTTONDOWN) { mu_input_mousedown(ctx, e.button.x, e.button.y, b); }
|
|
if (b && e.type == SDL_MOUSEBUTTONUP) { mu_input_mouseup(ctx, e.button.x, e.button.y, b); }
|
|
break;
|
|
}
|
|
|
|
case SDL_KEYDOWN:
|
|
case SDL_KEYUP: {
|
|
int c = key_map[e.key.keysym.sym & 0xff];
|
|
if (c && e.type == SDL_KEYDOWN) { mu_input_keydown(ctx, c); }
|
|
if (c && e.type == SDL_KEYUP) { mu_input_keyup(ctx, c); }
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
|
|
/* process frame */
|
|
process_frame(ctx);
|
|
|
|
/* render */
|
|
r_clear(mu_color(bg[0], bg[1], bg[2], 255));
|
|
mu_Command *cmd = NULL;
|
|
while (mu_next_command(ctx, &cmd)) {
|
|
switch (cmd->type) {
|
|
case MU_COMMAND_TEXT: r_draw_text(cmd->text.str, cmd->text.pos, cmd->text.color); break;
|
|
case MU_COMMAND_RECT: r_draw_rect(cmd->rect.rect, cmd->rect.color); break;
|
|
case MU_COMMAND_ICON: r_draw_icon(cmd->icon.id, cmd->icon.rect, cmd->icon.color); break;
|
|
case MU_COMMAND_CLIP: r_set_clip_rect(cmd->clip.rect); break;
|
|
}
|
|
}
|
|
r_present();
|
|
}
|
|
|
|
return 0;
|
|
}
|
|
|
|
|