 a39002ce22
			
		
	
	
		a39002ce22
		
			
		
	
	
	
	
		
			
			* Dolphin Animation Refactoring, part 1 * Remove animations from desktop * Remove excess, first start * Split animation_manager with callbacks * allocate view inside animation_view * Work on ViewComposed * Draw white rectangles under bubble corners * Fix bubbles sequence * RPC: remove obsolete include "status.pb.h" * Add animations manifest decoding * Flipper file: add strict mode * FFF: Animation structures parsing * Assembling structure of animation * Lot of view fixes: Add multi-line bubbles Add support for passive bubbles (frame_order values starts from passive now) Add hard-coded delay (active_shift) for active state enabling Fix active state handling Fix leaks Fix parsing uncorrect bubble_animation meta file Fix bubble rules of showing * Animation load/unload & view freeze/unfreeze * Blocking & system animations, fixes: View correct activation Refactoring + blocking animation Freeze first passive/active frames Many insert/eject SD tests fixes Add system animations Add Loader events app started/finished Add system no_sd animation * Assets: dolphin packer. Scripts: minor refactoring. * Desktop: update logging tags. Scripts: add metadata to dolphin bundling process, extra sorting for fs traversing. Make: phony assets rules. * Github: rebuild assets on build * Docker: add missing dependencies for assets compilation * Docker: fix run command syntax * ReadMe: update naming rules with link to source * Assets: recompile icons * Loader: add loader event * Desktop, Gui, Furi Core: const shenanigans macros Co-authored-by: Aleksandr Kutuzov <alleteam@gmail.com>
		
			
				
	
	
		
			702 lines
		
	
	
		
			24 KiB
		
	
	
	
		
			C
		
	
	
	
	
	
			
		
		
	
	
			702 lines
		
	
	
		
			24 KiB
		
	
	
	
		
			C
		
	
	
	
	
	
| #include "elements.h"
 | |
| #include "gui/canvas.h"
 | |
| 
 | |
| #include <gui/icon_i.h>
 | |
| #include <gui/icon_animation_i.h>
 | |
| 
 | |
| #include <m-string.h>
 | |
| #include <furi.h>
 | |
| #include "canvas_i.h"
 | |
| 
 | |
| #include <string.h>
 | |
| #include <stdint.h>
 | |
| #include <stdbool.h>
 | |
| 
 | |
| typedef struct {
 | |
|     uint8_t x;
 | |
|     uint8_t y;
 | |
|     uint8_t leading_min;
 | |
|     uint8_t leading_default;
 | |
|     uint8_t height;
 | |
|     uint8_t descender;
 | |
|     uint8_t len;
 | |
|     const char* text;
 | |
| } ElementTextBoxLine;
 | |
| 
 | |
| void elements_progress_bar(
 | |
|     Canvas* canvas,
 | |
|     uint8_t x,
 | |
|     uint8_t y,
 | |
|     uint8_t width,
 | |
|     uint8_t progress,
 | |
|     uint8_t total) {
 | |
|     furi_assert(canvas);
 | |
|     furi_assert(total > 0);
 | |
|     uint8_t height = 9;
 | |
|     uint8_t marker_width = 7;
 | |
|     furi_assert(width > marker_width);
 | |
| 
 | |
|     uint8_t progress_length = ((float)progress / total) * (width - marker_width - 2);
 | |
| 
 | |
|     // rframe doesnt work if (radius * 2) > any rect side, so write manually
 | |
|     uint8_t x_max = x + width - 1;
 | |
|     uint8_t y_max = y + height - 1;
 | |
|     canvas_draw_line(canvas, x + 3, y, x_max - 3, y);
 | |
|     canvas_draw_line(canvas, x_max - 3, y, x_max, y + 3);
 | |
|     canvas_draw_line(canvas, x_max, y + 3, x_max, y_max - 3);
 | |
|     canvas_draw_line(canvas, x_max, y_max - 3, x_max - 3, y_max);
 | |
|     canvas_draw_line(canvas, x_max - 3, y_max, x + 3, y_max);
 | |
|     canvas_draw_line(canvas, x + 3, y_max, x, y_max - 3);
 | |
|     canvas_draw_line(canvas, x, y_max - 3, x, y + 3);
 | |
|     canvas_draw_line(canvas, x, y + 3, x + 3, y);
 | |
| 
 | |
|     canvas_draw_rbox(canvas, x + 1, y + 1, marker_width + progress_length, height - 2, 3);
 | |
|     canvas_invert_color(canvas);
 | |
|     canvas_draw_dot(canvas, x + progress_length + 3, y + 2);
 | |
|     canvas_draw_dot(canvas, x + progress_length + 4, y + 2);
 | |
|     canvas_draw_dot(canvas, x + progress_length + 5, y + 3);
 | |
|     canvas_draw_dot(canvas, x + progress_length + 6, y + 4);
 | |
|     canvas_invert_color(canvas);
 | |
| }
 | |
| 
 | |
| void elements_scrollbar_pos(
 | |
|     Canvas* canvas,
 | |
|     uint8_t x,
 | |
|     uint8_t y,
 | |
|     uint8_t height,
 | |
|     uint16_t pos,
 | |
|     uint16_t total) {
 | |
|     furi_assert(canvas);
 | |
|     // prevent overflows
 | |
|     canvas_set_color(canvas, ColorWhite);
 | |
|     canvas_draw_box(canvas, x - 3, y, 3, height);
 | |
|     // dot line
 | |
|     canvas_set_color(canvas, ColorBlack);
 | |
|     for(uint8_t i = y; i < height + y; i += 2) {
 | |
|         canvas_draw_dot(canvas, x - 2, i);
 | |
|     }
 | |
|     // Position block
 | |
|     if(total) {
 | |
|         float block_h = ((float)height) / total;
 | |
|         canvas_draw_box(canvas, x - 3, y + (block_h * pos), 3, MAX(block_h, 1));
 | |
|     }
 | |
| }
 | |
| 
 | |
| void elements_scrollbar(Canvas* canvas, uint16_t pos, uint16_t total) {
 | |
|     furi_assert(canvas);
 | |
| 
 | |
|     uint8_t width = canvas_width(canvas);
 | |
|     uint8_t height = canvas_height(canvas);
 | |
|     // prevent overflows
 | |
|     canvas_set_color(canvas, ColorWhite);
 | |
|     canvas_draw_box(canvas, width - 3, 0, 3, height);
 | |
|     // dot line
 | |
|     canvas_set_color(canvas, ColorBlack);
 | |
|     for(uint8_t i = 0; i < height; i += 2) {
 | |
|         canvas_draw_dot(canvas, width - 2, i);
 | |
|     }
 | |
|     // Position block
 | |
|     if(total) {
 | |
|         float block_h = ((float)height) / total;
 | |
|         canvas_draw_box(canvas, width - 3, block_h * pos, 3, MAX(block_h, 1));
 | |
|     }
 | |
| }
 | |
| 
 | |
| void elements_frame(Canvas* canvas, uint8_t x, uint8_t y, uint8_t width, uint8_t height) {
 | |
|     furi_assert(canvas);
 | |
| 
 | |
|     canvas_draw_line(canvas, x + 2, y, x + width - 2, y);
 | |
|     canvas_draw_line(canvas, x + 1, y + height - 1, x + width, y + height - 1);
 | |
|     canvas_draw_line(canvas, x + 2, y + height, x + width - 1, y + height);
 | |
| 
 | |
|     canvas_draw_line(canvas, x, y + 2, x, y + height - 2);
 | |
|     canvas_draw_line(canvas, x + width - 1, y + 1, x + width - 1, y + height - 2);
 | |
|     canvas_draw_line(canvas, x + width, y + 2, x + width, y + height - 2);
 | |
| 
 | |
|     canvas_draw_dot(canvas, x + 1, y + 1);
 | |
| }
 | |
| 
 | |
| void elements_button_left(Canvas* canvas, const char* str) {
 | |
|     const uint8_t button_height = 12;
 | |
|     const uint8_t vertical_offset = 3;
 | |
|     const uint8_t horizontal_offset = 3;
 | |
|     const uint8_t string_width = canvas_string_width(canvas, str);
 | |
|     const Icon* icon = &I_ButtonLeft_4x7;
 | |
|     const uint8_t icon_h_offset = 3;
 | |
|     const uint8_t icon_width_with_offset = icon->width + icon_h_offset;
 | |
|     const uint8_t icon_v_offset = icon->height + vertical_offset;
 | |
|     const uint8_t button_width = string_width + horizontal_offset * 2 + icon_width_with_offset;
 | |
| 
 | |
|     const uint8_t x = 0;
 | |
|     const uint8_t y = canvas_height(canvas);
 | |
| 
 | |
|     canvas_draw_box(canvas, x, y - button_height, button_width, button_height);
 | |
|     canvas_draw_line(canvas, x + button_width + 0, y, x + button_width + 0, y - button_height + 0);
 | |
|     canvas_draw_line(canvas, x + button_width + 1, y, x + button_width + 1, y - button_height + 1);
 | |
|     canvas_draw_line(canvas, x + button_width + 2, y, x + button_width + 2, y - button_height + 2);
 | |
| 
 | |
|     canvas_invert_color(canvas);
 | |
|     canvas_draw_icon(canvas, x + horizontal_offset, y - icon_v_offset, &I_ButtonLeft_4x7);
 | |
|     canvas_draw_str(
 | |
|         canvas, x + horizontal_offset + icon_width_with_offset, y - vertical_offset, str);
 | |
|     canvas_invert_color(canvas);
 | |
| }
 | |
| 
 | |
| void elements_button_right(Canvas* canvas, const char* str) {
 | |
|     const uint8_t button_height = 12;
 | |
|     const uint8_t vertical_offset = 3;
 | |
|     const uint8_t horizontal_offset = 3;
 | |
|     const uint8_t string_width = canvas_string_width(canvas, str);
 | |
|     const Icon* icon = &I_ButtonRight_4x7;
 | |
|     const uint8_t icon_h_offset = 3;
 | |
|     const uint8_t icon_width_with_offset = icon->width + icon_h_offset;
 | |
|     const uint8_t icon_v_offset = icon->height + vertical_offset;
 | |
|     const uint8_t button_width = string_width + horizontal_offset * 2 + icon_width_with_offset;
 | |
| 
 | |
|     const uint8_t x = canvas_width(canvas);
 | |
|     const uint8_t y = canvas_height(canvas);
 | |
| 
 | |
|     canvas_draw_box(canvas, x - button_width, y - button_height, button_width, button_height);
 | |
|     canvas_draw_line(canvas, x - button_width - 1, y, x - button_width - 1, y - button_height + 0);
 | |
|     canvas_draw_line(canvas, x - button_width - 2, y, x - button_width - 2, y - button_height + 1);
 | |
|     canvas_draw_line(canvas, x - button_width - 3, y, x - button_width - 3, y - button_height + 2);
 | |
| 
 | |
|     canvas_invert_color(canvas);
 | |
|     canvas_draw_str(canvas, x - button_width + horizontal_offset, y - vertical_offset, str);
 | |
|     canvas_draw_icon(
 | |
|         canvas, x - horizontal_offset - icon->width, y - icon_v_offset, &I_ButtonRight_4x7);
 | |
|     canvas_invert_color(canvas);
 | |
| }
 | |
| 
 | |
| void elements_button_center(Canvas* canvas, const char* str) {
 | |
|     const uint8_t button_height = 12;
 | |
|     const uint8_t vertical_offset = 3;
 | |
|     const uint8_t horizontal_offset = 1;
 | |
|     const uint8_t string_width = canvas_string_width(canvas, str);
 | |
|     const Icon* icon = &I_ButtonCenter_7x7;
 | |
|     const uint8_t icon_h_offset = 3;
 | |
|     const uint8_t icon_width_with_offset = icon->width + icon_h_offset;
 | |
|     const uint8_t icon_v_offset = icon->height + vertical_offset;
 | |
|     const uint8_t button_width = string_width + horizontal_offset * 2 + icon_width_with_offset;
 | |
| 
 | |
|     const uint8_t x = (canvas_width(canvas) - button_width) / 2;
 | |
|     const uint8_t y = canvas_height(canvas);
 | |
| 
 | |
|     canvas_draw_box(canvas, x, y - button_height, button_width, button_height);
 | |
| 
 | |
|     canvas_draw_line(canvas, x - 1, y, x - 1, y - button_height + 0);
 | |
|     canvas_draw_line(canvas, x - 2, y, x - 2, y - button_height + 1);
 | |
|     canvas_draw_line(canvas, x - 3, y, x - 3, y - button_height + 2);
 | |
| 
 | |
|     canvas_draw_line(canvas, x + button_width + 0, y, x + button_width + 0, y - button_height + 0);
 | |
|     canvas_draw_line(canvas, x + button_width + 1, y, x + button_width + 1, y - button_height + 1);
 | |
|     canvas_draw_line(canvas, x + button_width + 2, y, x + button_width + 2, y - button_height + 2);
 | |
| 
 | |
|     canvas_invert_color(canvas);
 | |
|     canvas_draw_icon(canvas, x + horizontal_offset, y - icon_v_offset, &I_ButtonCenter_7x7);
 | |
|     canvas_draw_str(
 | |
|         canvas, x + horizontal_offset + icon_width_with_offset, y - vertical_offset, str);
 | |
|     canvas_invert_color(canvas);
 | |
| }
 | |
| 
 | |
| void elements_multiline_text_aligned(
 | |
|     Canvas* canvas,
 | |
|     uint8_t x,
 | |
|     uint8_t y,
 | |
|     Align horizontal,
 | |
|     Align vertical,
 | |
|     const char* text) {
 | |
|     furi_assert(canvas);
 | |
|     furi_assert(text);
 | |
| 
 | |
|     uint8_t font_height = canvas_current_font_height(canvas);
 | |
|     string_t str;
 | |
|     string_init(str);
 | |
|     const char* start = text;
 | |
|     char* end;
 | |
| 
 | |
|     // get lines count
 | |
|     uint8_t i, lines_count;
 | |
|     for(i = 0, lines_count = 0; text[i]; i++) lines_count += (text[i] == '\n');
 | |
| 
 | |
|     switch(vertical) {
 | |
|     case AlignBottom:
 | |
|         y -= font_height * lines_count;
 | |
|         break;
 | |
|     case AlignCenter:
 | |
|         y -= (font_height * lines_count) / 2;
 | |
|         break;
 | |
|     case AlignTop:
 | |
|     default:
 | |
|         break;
 | |
|     }
 | |
| 
 | |
|     do {
 | |
|         end = strchr(start, '\n');
 | |
| 
 | |
|         if(end) {
 | |
|             string_set_strn(str, start, end - start);
 | |
|         } else {
 | |
|             string_set_str(str, start);
 | |
|         }
 | |
| 
 | |
|         uint16_t len_px = canvas_string_width(canvas, string_get_cstr(str));
 | |
|         uint8_t px_left =
 | |
|             canvas_width(canvas) - (x - (horizontal == AlignCenter ? len_px / 2 : 0));
 | |
| 
 | |
|         // hacky
 | |
|         if(len_px > px_left) {
 | |
|             string_t buff;
 | |
|             string_init_set(buff, str);
 | |
|             size_t s_len = string_size(str);
 | |
|             uint8_t end_pos = s_len - ((len_px - px_left) / (len_px / s_len) + 5);
 | |
| 
 | |
|             string_left(buff, end_pos);
 | |
|             string_cat(buff, "-");
 | |
|             string_right(str, end_pos);
 | |
| 
 | |
|             canvas_draw_str_aligned(canvas, x, y, horizontal, vertical, string_get_cstr(buff));
 | |
|             string_clear(buff);
 | |
| 
 | |
|             start = end + 1;
 | |
|             y += font_height;
 | |
|         }
 | |
| 
 | |
|         canvas_draw_str_aligned(canvas, x, y, horizontal, vertical, string_get_cstr(str));
 | |
|         start = end + 1;
 | |
|         y += font_height;
 | |
|     } while(end);
 | |
|     string_clear(str);
 | |
| }
 | |
| 
 | |
| void elements_multiline_text(Canvas* canvas, uint8_t x, uint8_t y, const char* text) {
 | |
|     furi_assert(canvas);
 | |
|     furi_assert(text);
 | |
| 
 | |
|     uint8_t font_height = canvas_current_font_height(canvas);
 | |
|     string_t str;
 | |
|     string_init(str);
 | |
|     const char* start = text;
 | |
|     char* end;
 | |
|     do {
 | |
|         end = strchr(start, '\n');
 | |
|         if(end) {
 | |
|             string_set_strn(str, start, end - start);
 | |
|         } else {
 | |
|             string_set_str(str, start);
 | |
|         }
 | |
|         canvas_draw_str(canvas, x, y, string_get_cstr(str));
 | |
|         start = end + 1;
 | |
|         y += font_height;
 | |
|     } while(end && y < 64);
 | |
|     string_clear(str);
 | |
| }
 | |
| 
 | |
| void elements_multiline_text_framed(Canvas* canvas, uint8_t x, uint8_t y, const char* text) {
 | |
|     furi_assert(canvas);
 | |
|     furi_assert(text);
 | |
| 
 | |
|     uint8_t font_y = canvas_current_font_height(canvas);
 | |
|     uint16_t str_width = canvas_string_width(canvas, text);
 | |
|     // count \n's
 | |
|     uint8_t lines = 1;
 | |
|     const char* t = text;
 | |
|     while(*t != '\0') {
 | |
|         if(*t == '\n') {
 | |
|             lines++;
 | |
|             uint16_t temp_width = canvas_string_width(canvas, t + 1);
 | |
|             str_width = temp_width > str_width ? temp_width : str_width;
 | |
|         }
 | |
|         t++;
 | |
|     }
 | |
| 
 | |
|     canvas_set_color(canvas, ColorWhite);
 | |
|     canvas_draw_box(canvas, x, y - font_y, str_width + 8, font_y * lines + 4);
 | |
|     canvas_set_color(canvas, ColorBlack);
 | |
|     elements_multiline_text(canvas, x + 4, y - 1, text);
 | |
|     elements_frame(canvas, x, y - font_y, str_width + 8, font_y * lines + 4);
 | |
| }
 | |
| 
 | |
| void elements_slightly_rounded_frame(
 | |
|     Canvas* canvas,
 | |
|     uint8_t x,
 | |
|     uint8_t y,
 | |
|     uint8_t width,
 | |
|     uint8_t height) {
 | |
|     furi_assert(canvas);
 | |
|     canvas_draw_rframe(canvas, x, y, width, height, 1);
 | |
| }
 | |
| 
 | |
| void elements_slightly_rounded_box(
 | |
|     Canvas* canvas,
 | |
|     uint8_t x,
 | |
|     uint8_t y,
 | |
|     uint8_t width,
 | |
|     uint8_t height) {
 | |
|     furi_assert(canvas);
 | |
|     canvas_draw_rbox(canvas, x, y, width, height, 1);
 | |
| }
 | |
| 
 | |
| void elements_bubble(Canvas* canvas, uint8_t x, uint8_t y, uint8_t width, uint8_t height) {
 | |
|     furi_assert(canvas);
 | |
|     canvas_draw_rframe(canvas, x + 4, y, width, height, 3);
 | |
|     uint8_t y_corner = y + height * 2 / 3;
 | |
|     canvas_draw_line(canvas, x, y_corner, x + 4, y_corner - 4);
 | |
|     canvas_draw_line(canvas, x, y_corner, x + 4, y_corner + 4);
 | |
|     canvas_set_color(canvas, ColorWhite);
 | |
|     canvas_draw_line(canvas, x + 4, y_corner - 3, x + 4, y_corner + 3);
 | |
|     canvas_set_color(canvas, ColorBlack);
 | |
| }
 | |
| 
 | |
| void elements_bubble_str(
 | |
|     Canvas* canvas,
 | |
|     uint8_t x,
 | |
|     uint8_t y,
 | |
|     const char* text,
 | |
|     Align horizontal,
 | |
|     Align vertical) {
 | |
|     furi_assert(canvas);
 | |
|     furi_assert(text);
 | |
| 
 | |
|     uint8_t font_y = canvas_current_font_height(canvas);
 | |
|     uint16_t str_width = canvas_string_width(canvas, text);
 | |
|     // count \n's
 | |
|     uint8_t lines = 1;
 | |
|     const char* t = text;
 | |
|     while(*t != '\0') {
 | |
|         if(*t == '\n') {
 | |
|             lines++;
 | |
|             uint16_t temp_width = canvas_string_width(canvas, t + 1);
 | |
|             str_width = temp_width > str_width ? temp_width : str_width;
 | |
|         }
 | |
|         t++;
 | |
|     }
 | |
| 
 | |
|     uint8_t frame_x = x;
 | |
|     uint8_t frame_y = y;
 | |
|     uint8_t frame_width = str_width + 8;
 | |
|     uint8_t frame_height = font_y * lines + 4;
 | |
| 
 | |
|     canvas_set_color(canvas, ColorWhite);
 | |
|     canvas_draw_box(canvas, frame_x + 1, frame_y + 1, frame_width - 2, frame_height - 2);
 | |
|     canvas_set_color(canvas, ColorBlack);
 | |
|     canvas_draw_rframe(canvas, frame_x, frame_y, frame_width, frame_height, 1);
 | |
|     elements_multiline_text(canvas, x + 4, y - 1 + font_y, text);
 | |
| 
 | |
|     uint8_t x1 = 0;
 | |
|     uint8_t x2 = 0;
 | |
|     uint8_t x3 = 0;
 | |
|     uint8_t y1 = 0;
 | |
|     uint8_t y2 = 0;
 | |
|     uint8_t y3 = 0;
 | |
|     if((horizontal == AlignLeft) && (vertical == AlignTop)) {
 | |
|         x1 = frame_x;
 | |
|         y1 = frame_y;
 | |
|         x2 = frame_x - 4;
 | |
|         y2 = frame_y;
 | |
|         x3 = frame_x;
 | |
|         y3 = frame_y + 4;
 | |
|         canvas_set_color(canvas, ColorWhite);
 | |
|         canvas_draw_box(canvas, x2 + 2, y2 + 1, 2, 2);
 | |
|         canvas_set_color(canvas, ColorBlack);
 | |
|     } else if((horizontal == AlignLeft) && (vertical == AlignCenter)) {
 | |
|         x1 = frame_x;
 | |
|         y1 = frame_y + (frame_height - 1) / 2 - 4;
 | |
|         x2 = frame_x - 4;
 | |
|         y2 = frame_y + (frame_height - 1) / 2;
 | |
|         x3 = frame_x;
 | |
|         y3 = frame_y + (frame_height - 1) / 2 + 4;
 | |
|         canvas_set_color(canvas, ColorWhite);
 | |
|         canvas_draw_box(canvas, x2 + 2, y2 - 2, 2, 5);
 | |
|         canvas_draw_dot(canvas, x2 + 1, y2);
 | |
|         canvas_set_color(canvas, ColorBlack);
 | |
|     } else if((horizontal == AlignLeft) && (vertical == AlignBottom)) {
 | |
|         x1 = frame_x;
 | |
|         y1 = frame_y + (frame_height - 1) - 4;
 | |
|         x2 = frame_x - 4;
 | |
|         y2 = frame_y + (frame_height - 1);
 | |
|         x3 = frame_x;
 | |
|         y3 = frame_y + (frame_height - 1);
 | |
|         canvas_set_color(canvas, ColorWhite);
 | |
|         canvas_draw_box(canvas, x2 + 2, y2 - 2, 2, 2);
 | |
|         canvas_set_color(canvas, ColorBlack);
 | |
|     } else if((horizontal == AlignRight) && (vertical == AlignTop)) {
 | |
|         x1 = frame_x + (frame_width - 1);
 | |
|         y1 = frame_y;
 | |
|         x2 = frame_x + (frame_width - 1) + 4;
 | |
|         y2 = frame_y;
 | |
|         x3 = frame_x + (frame_width - 1);
 | |
|         y3 = frame_y + 4;
 | |
|         canvas_set_color(canvas, ColorWhite);
 | |
|         canvas_draw_box(canvas, x2 - 3, y2 + 1, 2, 2);
 | |
|         canvas_set_color(canvas, ColorBlack);
 | |
|     } else if((horizontal == AlignRight) && (vertical == AlignCenter)) {
 | |
|         x1 = frame_x + (frame_width - 1);
 | |
|         y1 = frame_y + (frame_height - 1) / 2 - 4;
 | |
|         x2 = frame_x + (frame_width - 1) + 4;
 | |
|         y2 = frame_y + (frame_height - 1) / 2;
 | |
|         x3 = frame_x + (frame_width - 1);
 | |
|         y3 = frame_y + (frame_height - 1) / 2 + 4;
 | |
|         canvas_set_color(canvas, ColorWhite);
 | |
|         canvas_draw_box(canvas, x2 - 3, y2 - 2, 2, 5);
 | |
|         canvas_draw_dot(canvas, x2 - 1, y2);
 | |
|         canvas_set_color(canvas, ColorBlack);
 | |
|     } else if((horizontal == AlignRight) && (vertical == AlignBottom)) {
 | |
|         x1 = frame_x + (frame_width - 1);
 | |
|         y1 = frame_y + (frame_height - 1) - 4;
 | |
|         x2 = frame_x + (frame_width - 1) + 4;
 | |
|         y2 = frame_y + (frame_height - 1);
 | |
|         x3 = frame_x + (frame_width - 1);
 | |
|         y3 = frame_y + (frame_height - 1);
 | |
|         canvas_set_color(canvas, ColorWhite);
 | |
|         canvas_draw_box(canvas, x2 - 3, y2 - 2, 2, 2);
 | |
|         canvas_set_color(canvas, ColorBlack);
 | |
|     } else if((horizontal == AlignCenter) && (vertical == AlignTop)) {
 | |
|         x1 = frame_x + (frame_width - 1) / 2 - 4;
 | |
|         y1 = frame_y;
 | |
|         x2 = frame_x + (frame_width - 1) / 2;
 | |
|         y2 = frame_y - 4;
 | |
|         x3 = frame_x + (frame_width - 1) / 2 + 4;
 | |
|         y3 = frame_y;
 | |
|         canvas_set_color(canvas, ColorWhite);
 | |
|         canvas_draw_box(canvas, x2 - 2, y2 + 2, 5, 2);
 | |
|         canvas_draw_dot(canvas, x2, y2 + 1);
 | |
|         canvas_set_color(canvas, ColorBlack);
 | |
|     } else if((horizontal == AlignCenter) && (vertical == AlignBottom)) {
 | |
|         x1 = frame_x + (frame_width - 1) / 2 - 4;
 | |
|         y1 = frame_y + (frame_height - 1);
 | |
|         x2 = frame_x + (frame_width - 1) / 2;
 | |
|         y2 = frame_y + (frame_height - 1) + 4;
 | |
|         x3 = frame_x + (frame_width - 1) / 2 + 4;
 | |
|         y3 = frame_y + (frame_height - 1);
 | |
|         canvas_set_color(canvas, ColorWhite);
 | |
|         canvas_draw_box(canvas, x2 - 2, y2 - 3, 5, 2);
 | |
|         canvas_draw_dot(canvas, x2, y2 - 1);
 | |
|         canvas_set_color(canvas, ColorBlack);
 | |
|     }
 | |
| 
 | |
|     canvas_set_color(canvas, ColorWhite);
 | |
|     canvas_draw_line(canvas, x3, y3, x1, y1);
 | |
|     canvas_set_color(canvas, ColorBlack);
 | |
|     canvas_draw_line(canvas, x1, y1, x2, y2);
 | |
|     canvas_draw_line(canvas, x2, y2, x3, y3);
 | |
| }
 | |
| 
 | |
| void elements_string_fit_width(Canvas* canvas, string_t string, uint8_t width) {
 | |
|     furi_assert(canvas);
 | |
|     furi_assert(string);
 | |
| 
 | |
|     uint16_t len_px = canvas_string_width(canvas, string_get_cstr(string));
 | |
|     if(len_px > width) {
 | |
|         width -= canvas_string_width(canvas, "...");
 | |
|         do {
 | |
|             string_left(string, string_size(string) - 1);
 | |
|             len_px = canvas_string_width(canvas, string_get_cstr(string));
 | |
|         } while(len_px > width);
 | |
|         string_cat(string, "...");
 | |
|     }
 | |
| }
 | |
| 
 | |
| void elements_text_box(
 | |
|     Canvas* canvas,
 | |
|     uint8_t x,
 | |
|     uint8_t y,
 | |
|     uint8_t width,
 | |
|     uint8_t height,
 | |
|     Align horizontal,
 | |
|     Align vertical,
 | |
|     const char* text) {
 | |
|     furi_assert(canvas);
 | |
| 
 | |
|     ElementTextBoxLine line[ELEMENTS_MAX_LINES_NUM];
 | |
|     bool bold = false;
 | |
|     bool mono = false;
 | |
|     bool inversed = false;
 | |
|     bool inversed_present = false;
 | |
|     Font current_font = FontSecondary;
 | |
|     Font prev_font = FontSecondary;
 | |
|     CanvasFontParameters* font_params = canvas_get_font_params(canvas, current_font);
 | |
| 
 | |
|     // Fill line parameters
 | |
|     uint8_t line_leading_min = font_params->leading_min;
 | |
|     uint8_t line_leading_default = font_params->leading_default;
 | |
|     uint8_t line_height = font_params->height;
 | |
|     uint8_t line_descender = font_params->descender;
 | |
|     uint8_t line_num = 0;
 | |
|     uint8_t line_width = 0;
 | |
|     uint8_t line_len = 0;
 | |
|     uint8_t total_height_min = 0;
 | |
|     uint8_t total_height_default = 0;
 | |
|     uint16_t i = 0;
 | |
|     bool full_text_processed = false;
 | |
| 
 | |
|     canvas_set_font(canvas, FontSecondary);
 | |
| 
 | |
|     // Fill all lines
 | |
|     line[0].text = text;
 | |
|     for(i = 0; !full_text_processed; i++) {
 | |
|         line_len++;
 | |
|         // Identify line height
 | |
|         if(prev_font != current_font) {
 | |
|             font_params = canvas_get_font_params(canvas, current_font);
 | |
|             line_leading_min = MAX(line_leading_min, font_params->leading_min);
 | |
|             line_leading_default = MAX(line_leading_default, font_params->leading_default);
 | |
|             line_height = MAX(line_height, font_params->height);
 | |
|             line_descender = MAX(line_descender, font_params->descender);
 | |
|             prev_font = current_font;
 | |
|         }
 | |
|         // Set the font
 | |
|         if(text[i] == '\e' && text[i + 1]) {
 | |
|             i++;
 | |
|             line_len++;
 | |
|             if(text[i] == ELEMENTS_BOLD_MARKER) {
 | |
|                 if(bold) {
 | |
|                     current_font = FontSecondary;
 | |
|                 } else {
 | |
|                     current_font = FontPrimary;
 | |
|                 }
 | |
|                 canvas_set_font(canvas, current_font);
 | |
|                 bold = !bold;
 | |
|             }
 | |
|             if(text[i] == ELEMENTS_MONO_MARKER) {
 | |
|                 if(mono) {
 | |
|                     current_font = FontSecondary;
 | |
|                 } else {
 | |
|                     current_font = FontKeyboard;
 | |
|                 }
 | |
|                 canvas_set_font(canvas, FontKeyboard);
 | |
|                 mono = !mono;
 | |
|             }
 | |
|             if(text[i] == ELEMENTS_INVERSED_MARKER) {
 | |
|                 inversed_present = true;
 | |
|             }
 | |
|             continue;
 | |
|         }
 | |
|         if(text[i] != '\n') {
 | |
|             line_width += canvas_glyph_width(canvas, text[i]);
 | |
|         }
 | |
|         // Process new line
 | |
|         if(text[i] == '\n' || text[i] == '\0' || line_width > width) {
 | |
|             if(line_width > width) {
 | |
|                 line_width -= canvas_glyph_width(canvas, text[i--]);
 | |
|                 line_len--;
 | |
|             }
 | |
|             if(text[i] == '\0') {
 | |
|                 full_text_processed = true;
 | |
|             }
 | |
|             if(inversed_present) {
 | |
|                 line_leading_min += 1;
 | |
|                 line_leading_default += 1;
 | |
|                 inversed_present = false;
 | |
|             }
 | |
|             line[line_num].leading_min = line_leading_min;
 | |
|             line[line_num].leading_default = line_leading_default;
 | |
|             line[line_num].height = line_height;
 | |
|             line[line_num].descender = line_descender;
 | |
|             if(total_height_min + line_leading_min > height) {
 | |
|                 line_num--;
 | |
|                 break;
 | |
|             }
 | |
|             total_height_min += line_leading_min;
 | |
|             total_height_default += line_leading_default;
 | |
|             line[line_num].len = line_len;
 | |
|             if(horizontal == AlignCenter) {
 | |
|                 line[line_num].x = x + (width - line_width) / 2;
 | |
|             } else if(horizontal == AlignRight) {
 | |
|                 line[line_num].x = x + (width - line_width);
 | |
|             } else {
 | |
|                 line[line_num].x = x;
 | |
|             }
 | |
|             line[line_num].y = total_height_min;
 | |
|             line_num++;
 | |
|             if(text[i + 1]) {
 | |
|                 line[line_num].text = &text[i + 1];
 | |
|             }
 | |
| 
 | |
|             line_leading_min = font_params->leading_min;
 | |
|             line_height = font_params->height;
 | |
|             line_descender = font_params->descender;
 | |
|             line_width = 0;
 | |
|             line_len = 0;
 | |
|         }
 | |
|     }
 | |
| 
 | |
|     // Set vertical alignment for all lines
 | |
|     if(full_text_processed) {
 | |
|         if(total_height_default < height) {
 | |
|             if(vertical == AlignTop) {
 | |
|                 line[0].y = y + line[0].height;
 | |
|             } else if(vertical == AlignCenter) {
 | |
|                 line[0].y = y + line[0].height + (height - total_height_default) / 2;
 | |
|             } else if(vertical == AlignBottom) {
 | |
|                 line[0].y = y + line[0].height + (height - total_height_default);
 | |
|             }
 | |
|             if(line_num > 1) {
 | |
|                 for(uint8_t i = 1; i < line_num; i++) {
 | |
|                     line[i].y = line[i - 1].y + line[i - 1].leading_default;
 | |
|                 }
 | |
|             }
 | |
|         } else if(line_num > 1) {
 | |
|             uint8_t free_pixel_num = height - total_height_min;
 | |
|             uint8_t fill_pixel = 0;
 | |
|             uint8_t j = 1;
 | |
|             line[0].y = line[0].height;
 | |
|             while(fill_pixel < free_pixel_num) {
 | |
|                 line[j].y = line[j - 1].y + line[j - 1].leading_min + 1;
 | |
|                 fill_pixel++;
 | |
|                 j = j % (line_num - 1) + 1;
 | |
|             }
 | |
|         }
 | |
|     }
 | |
| 
 | |
|     // Draw line by line
 | |
|     canvas_set_font(canvas, FontSecondary);
 | |
|     bold = false;
 | |
|     mono = false;
 | |
|     inversed = false;
 | |
|     for(uint8_t i = 0; i < line_num; i++) {
 | |
|         for(uint8_t j = 0; j < line[i].len; j++) {
 | |
|             // Process format symbols
 | |
|             if(line[i].text[j] == ELEMENTS_BOLD_MARKER) {
 | |
|                 if(bold) {
 | |
|                     current_font = FontSecondary;
 | |
|                 } else {
 | |
|                     current_font = FontPrimary;
 | |
|                 }
 | |
|                 canvas_set_font(canvas, current_font);
 | |
|                 bold = !bold;
 | |
|                 continue;
 | |
|             }
 | |
|             if(line[i].text[j] == ELEMENTS_MONO_MARKER) {
 | |
|                 if(mono) {
 | |
|                     current_font = FontSecondary;
 | |
|                 } else {
 | |
|                     current_font = FontKeyboard;
 | |
|                 }
 | |
|                 canvas_set_font(canvas, current_font);
 | |
|                 mono = !mono;
 | |
|                 continue;
 | |
|             }
 | |
|             if(line[i].text[j] == ELEMENTS_INVERSED_MARKER) {
 | |
|                 inversed = !inversed;
 | |
|                 continue;
 | |
|             }
 | |
|             if(inversed) {
 | |
|                 canvas_draw_box(
 | |
|                     canvas,
 | |
|                     line[i].x - 1,
 | |
|                     line[i].y - line[i].height - 1,
 | |
|                     canvas_glyph_width(canvas, line[i].text[j]) + 1,
 | |
|                     line[i].height + line[i].descender + 2);
 | |
|                 canvas_invert_color(canvas);
 | |
|                 canvas_draw_glyph(canvas, line[i].x, line[i].y, line[i].text[j]);
 | |
|                 canvas_invert_color(canvas);
 | |
|             } else {
 | |
|                 canvas_draw_glyph(canvas, line[i].x, line[i].y, line[i].text[j]);
 | |
|             }
 | |
|             line[i].x += canvas_glyph_width(canvas, line[i].text[j]);
 | |
|         }
 | |
|     }
 | |
|     canvas_set_font(canvas, FontSecondary);
 | |
| }
 |