Assets, Icons, UI toolkit. Part 1. (#202)
* Assets: import from gdrive * Assets: fully working build pipeline and registry * NFC: menu icon * Gui: layers. Irukagotchi: base app to handle input on idle screen. Makefile: reboot after flash in dfu mode. * ValueMutex: with lambda * Assets: proper animation frames sorting * ValueMutex: proper furi_open usage * Assets,GUI: split icon into icon data and icon state. * Format source code * Docker: add python3 and imagemagic * Irukagotchi: cleanup * GUI: event lock moved to gui. * Rfid: proper gui layer * GUI: elements. Menu: frame and scroll * GUI, Menu: format code. * Menu: dual font main menu * Menu: format sources * GUI: 0 total scrollbar * CI: enable lfs * Menu: pixel perfect main menu Co-authored-by: Aleksandr Kutuzov <aku@plooks.com> Co-authored-by: aanper <mail@s3f.ru>
This commit is contained in:
@@ -5,6 +5,7 @@
|
||||
|
||||
#include <flipper_v2.h>
|
||||
#include <gui/gui.h>
|
||||
#include <gui/elements.h>
|
||||
|
||||
#include "menu_event.h"
|
||||
#include "menu_item.h"
|
||||
@@ -19,7 +20,6 @@ struct Menu {
|
||||
MenuItem* root;
|
||||
MenuItem* settings;
|
||||
MenuItem* current;
|
||||
uint32_t position;
|
||||
};
|
||||
|
||||
void menu_widget_callback(CanvasApi* canvas, void* context);
|
||||
@@ -42,8 +42,9 @@ ValueMutex* menu_init() {
|
||||
// Open GUI and register fullscreen widget
|
||||
GuiApi* gui = furi_open("gui");
|
||||
assert(gui);
|
||||
gui->add_widget(gui, menu->widget, WidgetLayerFullscreen);
|
||||
gui->add_widget(gui, menu->widget, GuiLayerFullscreen);
|
||||
|
||||
widget_enabled_set(menu->widget, false);
|
||||
widget_draw_callback_set(menu->widget, menu_widget_callback, menu_mutex);
|
||||
widget_input_callback_set(menu->widget, menu_event_input_callback, menu->event);
|
||||
|
||||
@@ -68,6 +69,12 @@ void menu_settings_item_add(Menu* menu, MenuItem* item) {
|
||||
menu_item_subitem_add(menu->settings, item);
|
||||
}
|
||||
|
||||
void menu_draw_primary(Menu* menu, CanvasApi* canvas) {
|
||||
}
|
||||
|
||||
void menu_draw_secondary(Menu* menu, CanvasApi* canvas) {
|
||||
}
|
||||
|
||||
void menu_widget_callback(CanvasApi* canvas, void* context) {
|
||||
assert(canvas);
|
||||
assert(context);
|
||||
@@ -75,27 +82,41 @@ void menu_widget_callback(CanvasApi* canvas, void* context) {
|
||||
Menu* menu = acquire_mutex((ValueMutex*)context, 100); // wait 10 ms to get mutex
|
||||
if(menu == NULL) return; // redraw fail
|
||||
|
||||
if(!menu->current) {
|
||||
canvas->clear(canvas);
|
||||
canvas->set_color(canvas, ColorBlack);
|
||||
canvas->set_font(canvas, FontPrimary);
|
||||
canvas->draw_str(canvas, 2, 32, "Idle Screen");
|
||||
} else {
|
||||
MenuItemArray_t* items = menu_item_get_subitems(menu->current);
|
||||
canvas->clear(canvas);
|
||||
canvas->set_color(canvas, ColorBlack);
|
||||
canvas->set_font(canvas, FontSecondary);
|
||||
assert(menu->current);
|
||||
|
||||
if(MenuItemArray_size(*items)) {
|
||||
for(size_t i = 0; i < 5; i++) {
|
||||
size_t shift_position = i + menu->position + MenuItemArray_size(*items) - 2;
|
||||
shift_position = shift_position % (MenuItemArray_size(*items));
|
||||
MenuItem* item = *MenuItemArray_get(*items, shift_position);
|
||||
canvas->draw_str(canvas, 2, 12 * (i + 1), menu_item_get_label(item));
|
||||
}
|
||||
} else {
|
||||
canvas->draw_str(canvas, 2, 32, "Empty");
|
||||
}
|
||||
canvas->clear(canvas);
|
||||
canvas->set_color(canvas, ColorBlack);
|
||||
|
||||
size_t position = menu_item_get_position(menu->current);
|
||||
MenuItemArray_t* items = menu_item_get_subitems(menu->current);
|
||||
size_t items_count = MenuItemArray_size(*items);
|
||||
if(items_count) {
|
||||
MenuItem* item;
|
||||
size_t shift_position;
|
||||
// First line
|
||||
canvas->set_font(canvas, FontSecondary);
|
||||
shift_position = (0 + position + items_count - 1) % (MenuItemArray_size(*items));
|
||||
item = *MenuItemArray_get(*items, shift_position);
|
||||
canvas->draw_icon(canvas, 4, 3, menu_item_get_icon(item));
|
||||
canvas->draw_str(canvas, 22, 14, menu_item_get_label(item));
|
||||
// Second line main
|
||||
canvas->set_font(canvas, FontPrimary);
|
||||
shift_position = (1 + position + items_count - 1) % (MenuItemArray_size(*items));
|
||||
item = *MenuItemArray_get(*items, shift_position);
|
||||
canvas->draw_icon(canvas, 4, 24, menu_item_get_icon(item));
|
||||
canvas->draw_str(canvas, 22, 35, menu_item_get_label(item));
|
||||
// Third line
|
||||
canvas->set_font(canvas, FontSecondary);
|
||||
shift_position = (2 + position + items_count - 1) % (MenuItemArray_size(*items));
|
||||
item = *MenuItemArray_get(*items, shift_position);
|
||||
canvas->draw_icon(canvas, 4, 46, menu_item_get_icon(item));
|
||||
canvas->draw_str(canvas, 22, 57, menu_item_get_label(item));
|
||||
// Frame and scrollbar
|
||||
elements_frame(canvas, 0, 20, 128 - 5, 22);
|
||||
elements_scrollbar(canvas, position, items_count);
|
||||
} else {
|
||||
canvas->draw_str(canvas, 2, 32, "Empty");
|
||||
elements_scrollbar(canvas, 0, 0);
|
||||
}
|
||||
|
||||
release_mutex((ValueMutex*)context, menu);
|
||||
@@ -111,18 +132,21 @@ void menu_update(Menu* menu) {
|
||||
void menu_up(Menu* menu) {
|
||||
assert(menu);
|
||||
|
||||
size_t position = menu_item_get_position(menu->current);
|
||||
MenuItemArray_t* items = menu_item_get_subitems(menu->current);
|
||||
if(menu->position == 0) menu->position = MenuItemArray_size(*items);
|
||||
menu->position--;
|
||||
if(position == 0) position = MenuItemArray_size(*items);
|
||||
position--;
|
||||
menu_item_set_position(menu->current, position);
|
||||
menu_update(menu);
|
||||
}
|
||||
|
||||
void menu_down(Menu* menu) {
|
||||
assert(menu);
|
||||
|
||||
size_t position = menu_item_get_position(menu->current);
|
||||
MenuItemArray_t* items = menu_item_get_subitems(menu->current);
|
||||
menu->position++;
|
||||
menu->position = menu->position % MenuItemArray_size(*items);
|
||||
position++;
|
||||
position = position % MenuItemArray_size(*items);
|
||||
menu_item_set_position(menu->current, position);
|
||||
menu_update(menu);
|
||||
}
|
||||
|
||||
@@ -130,18 +154,25 @@ void menu_ok(Menu* menu) {
|
||||
assert(menu);
|
||||
|
||||
if(!menu->current) {
|
||||
widget_enabled_set(menu->widget, true);
|
||||
menu->current = menu->root;
|
||||
menu_item_set_position(menu->current, 0);
|
||||
menu_update(menu);
|
||||
return;
|
||||
}
|
||||
|
||||
MenuItemArray_t* items = menu_item_get_subitems(menu->current);
|
||||
MenuItem* item = *MenuItemArray_get(*items, menu->position);
|
||||
if(!items || MenuItemArray_size(*items) == 0) {
|
||||
return;
|
||||
}
|
||||
|
||||
size_t position = menu_item_get_position(menu->current);
|
||||
MenuItem* item = *MenuItemArray_get(*items, position);
|
||||
MenuItemType type = menu_item_get_type(item);
|
||||
|
||||
if(type == MenuItemTypeMenu) {
|
||||
menu->current = item;
|
||||
menu->position = 0;
|
||||
menu_item_set_position(menu->current, 0);
|
||||
menu_update(menu);
|
||||
} else if(type == MenuItemTypeFunction) {
|
||||
menu_item_function_call(item);
|
||||
@@ -153,7 +184,6 @@ void menu_back(Menu* menu) {
|
||||
MenuItem* parent = menu_item_get_parent(menu->current);
|
||||
if(parent) {
|
||||
menu->current = parent;
|
||||
menu->position = 0;
|
||||
menu_update(menu);
|
||||
} else {
|
||||
menu_exit(menu);
|
||||
@@ -162,7 +192,7 @@ void menu_back(Menu* menu) {
|
||||
|
||||
void menu_exit(Menu* menu) {
|
||||
assert(menu);
|
||||
menu->position = 0;
|
||||
widget_enabled_set(menu->widget, false);
|
||||
menu->current = NULL;
|
||||
menu_update(menu);
|
||||
}
|
||||
|
@@ -6,10 +6,15 @@
|
||||
|
||||
struct MenuItem {
|
||||
MenuItemType type;
|
||||
|
||||
const char* label;
|
||||
void* icon;
|
||||
Icon* icon;
|
||||
|
||||
size_t position;
|
||||
MenuItem* parent;
|
||||
void* data;
|
||||
|
||||
// callback related
|
||||
MenuItemCallback callback;
|
||||
void* callback_context;
|
||||
};
|
||||
@@ -19,7 +24,7 @@ MenuItem* menu_item_alloc() {
|
||||
return menu_item;
|
||||
}
|
||||
|
||||
MenuItem* menu_item_alloc_menu(const char* label, void* icon) {
|
||||
MenuItem* menu_item_alloc_menu(const char* label, Icon* icon) {
|
||||
MenuItem* menu_item = menu_item_alloc();
|
||||
|
||||
menu_item->type = MenuItemTypeMenu;
|
||||
@@ -34,7 +39,7 @@ MenuItem* menu_item_alloc_menu(const char* label, void* icon) {
|
||||
}
|
||||
|
||||
MenuItem*
|
||||
menu_item_alloc_function(const char* label, void* icon, MenuItemCallback callback, void* context) {
|
||||
menu_item_alloc_function(const char* label, Icon* icon, MenuItemCallback callback, void* context) {
|
||||
MenuItem* menu_item = menu_item_alloc();
|
||||
|
||||
menu_item->type = MenuItemTypeFunction;
|
||||
@@ -73,6 +78,16 @@ uint8_t menu_item_get_type(MenuItem* menu_item) {
|
||||
return menu_item->type;
|
||||
}
|
||||
|
||||
void menu_item_set_position(MenuItem* menu_item, size_t position) {
|
||||
assert(menu_item);
|
||||
menu_item->position = position;
|
||||
}
|
||||
|
||||
size_t menu_item_get_position(MenuItem* menu_item) {
|
||||
assert(menu_item);
|
||||
return menu_item->position;
|
||||
}
|
||||
|
||||
void menu_item_set_label(MenuItem* menu_item, const char* label) {
|
||||
assert(menu_item);
|
||||
menu_item->label = label;
|
||||
@@ -83,12 +98,12 @@ const char* menu_item_get_label(MenuItem* menu_item) {
|
||||
return menu_item->label;
|
||||
}
|
||||
|
||||
void menu_item_set_icon(MenuItem* menu_item, void* icon) {
|
||||
void menu_item_set_icon(MenuItem* menu_item, Icon* icon) {
|
||||
assert(menu_item);
|
||||
menu_item->icon = icon;
|
||||
}
|
||||
|
||||
void* menu_item_get_icon(MenuItem* menu_item) {
|
||||
Icon* menu_item_get_icon(MenuItem* menu_item) {
|
||||
assert(menu_item);
|
||||
return menu_item->icon;
|
||||
}
|
||||
|
@@ -2,6 +2,7 @@
|
||||
|
||||
#include <stdint.h>
|
||||
#include <m-array.h>
|
||||
#include <gui/icon.h>
|
||||
|
||||
typedef enum {
|
||||
MenuItemTypeMenu = 0x00,
|
||||
@@ -13,10 +14,10 @@ typedef void (*MenuItemCallback)(void* context);
|
||||
|
||||
ARRAY_DEF(MenuItemArray, MenuItem*, M_PTR_OPLIST);
|
||||
|
||||
MenuItem* menu_item_alloc_menu(const char* label, void* icon);
|
||||
MenuItem* menu_item_alloc_menu(const char* label, Icon* icon);
|
||||
|
||||
MenuItem*
|
||||
menu_item_alloc_function(const char* label, void* icon, MenuItemCallback callback, void* context);
|
||||
menu_item_alloc_function(const char* label, Icon* icon, MenuItemCallback callback, void* context);
|
||||
|
||||
void menu_item_release(MenuItem* menu_item);
|
||||
|
||||
@@ -26,11 +27,14 @@ void menu_item_subitem_add(MenuItem* menu_item, MenuItem* sub_item);
|
||||
|
||||
MenuItemType menu_item_get_type(MenuItem* menu_item);
|
||||
|
||||
void menu_item_set_position(MenuItem* menu_item, size_t position);
|
||||
size_t menu_item_get_position(MenuItem* menu_item);
|
||||
|
||||
void menu_item_set_label(MenuItem* menu_item, const char* label);
|
||||
const char* menu_item_get_label(MenuItem* menu_item);
|
||||
|
||||
void menu_item_set_icon(MenuItem* menu_item, void* icon);
|
||||
void* menu_item_get_icon(MenuItem* menu_item);
|
||||
void menu_item_set_icon(MenuItem* menu_item, Icon* icon);
|
||||
Icon* menu_item_get_icon(MenuItem* menu_item);
|
||||
|
||||
MenuItemArray_t* menu_item_get_subitems(MenuItem* menu_item);
|
||||
|
||||
|
Reference in New Issue
Block a user