21#include "os_helpers.h"
28#define NB_MAX_LAYOUTS 3
31#define NB_MAX_SCREEN_CHILDREN 7
33#define BUTTON_MARGIN_Y 12
36#define NB_MAX_CHAR_IN_LINE 20
68 if ((screen->index == gLayout[i].layer) && (gLayout[i].nbChildren > 0)) {
77 "touchCallback(): screen->index = %d, buttonEvent = %d, no matching active layout\n",
87 nbgl_keypadCallback(kpd, buttonEvent);
96 nbgl_keyboardCallback(kbd, buttonEvent);
136 if (description->
modal) {
137 if (gLayout[1].nbChildren == 0) {
138 layout = &gLayout[1];
140 else if (gLayout[2].nbChildren == 0) {
141 layout = &gLayout[2];
147 layout = &gLayout[0];
149 if (layout == NULL) {
159 if (description->
modal) {
188 if (layout == NULL) {
195 image->foregroundColor =
WHITE;
203 image->foregroundColor =
WHITE;
233 if (layout == NULL) {
239 container->nbChildren = 1;
240 if (subText != NULL) {
241 container->nbChildren += 2;
248 textArea->textColor =
WHITE;
249 textArea->text = PIC(text);
250 textArea->textAlignment =
CENTER;
264 textArea->fontId, textArea->text,
AVAILABLE_WIDTH, nbLines, &len,
true);
268 textArea->obj.area.height = nbLines * font->
line_height;
269 textArea->wrapping =
true;
271 fullHeight += textArea->obj.area.height;
272 container->children[0] = (
nbgl_obj_t *) textArea;
274 if (subText != NULL) {
275 if (style != BUTTON_INFO) {
277 textArea->textColor =
WHITE;
278 textArea->text = PIC(subText);
279 textArea->wrapping =
true;
288 textArea->nbMaxLines = nbLines;
290 textArea->fontId, textArea->text,
AVAILABLE_WIDTH, nbLines, &len,
true);
293 if (style == REGULAR_INFO) {
294 textArea->obj.area.height = nbLines * font->
line_height;
300 textArea->textAlignment =
CENTER;
302 textArea->obj.alignmentMarginY = 2;
303 fullHeight += textArea->obj.area.height + textArea->obj.alignmentMarginY;
304 container->children[1] = (
nbgl_obj_t *) textArea;
311 static char tmpString[NB_MAX_CHAR_IN_LINE];
313 button->foregroundColor =
BLACK;
314 button->innerColor =
WHITE;
315 button->borderColor =
WHITE;
316 button->radius = RADIUS_3_PIXELS;
317 button->text = (
const char *) PIC(subText);
319 button->obj.area.height = 14;
320 button->obj.alignment =
CENTER;
330 button->obj.area.width = width + BUTTON_MARGIN_Y;
333 memcpy(tmpString, button->text,
MIN(len, (NB_MAX_CHAR_IN_LINE - 1)));
335 tmpString[
MIN(len, (NB_MAX_CHAR_IN_LINE - 1))] =
'\0';
336 button->text = tmpString;
337 button->obj.alignmentMarginY = 8 - 7;
340 button->obj.area.width = textWidth + BUTTON_MARGIN_Y;
341 button->obj.alignmentMarginY = 8;
343 container->children[1] = (
nbgl_obj_t *) button;
348 button->foregroundColor =
BLACK;
349 button->innerColor =
WHITE;
350 button->borderColor =
WHITE;
351 button->radius = RADIUS_3_PIXELS;
352 button->text = (
const char *) PIC(subText + len);
354 button->obj.area.height = 14;
355 button->obj.area.width
357 button->obj.alignment =
CENTER;
358 button->obj.alignmentMarginY = 8 + 7;
359 container->children[2] = (
nbgl_obj_t *) button;
365 container->obj.area.height = fullHeight;
367 container->obj.alignment =
CENTER;
388 if (layout == NULL) {
405 textArea->textAlignment =
CENTER;
407 textArea->obj.area.height = 12;
409 textArea->obj.alignment =
CENTER;
410 textArea->obj.alignmentMarginY = ((i - list->
selectedChoice) * 16);
411 textArea->textColor =
WHITE;
445 if (layout == NULL) {
453 container->nbChildren = 0;
454 if (info->
icon != NULL) {
456 image->foregroundColor =
WHITE;
457 image->buffer = PIC(info->
icon);
460 image->obj.alignTo = NULL;
462 fullHeight += image->buffer->height;
463 container->children[container->nbChildren] = (
nbgl_obj_t *) image;
464 container->nbChildren++;
466 if (info->
text1 != NULL) {
468 textArea->textColor =
WHITE;
469 textArea->text = PIC(info->
text1);
470 textArea->textAlignment =
CENTER;
474 textArea->wrapping =
true;
483 textArea->fontId, textArea->text,
AVAILABLE_WIDTH, nbLines, &len,
true);
487 textArea->obj.area.height = nbLines * font->
line_height;
489 if (info->
icon != NULL) {
491 textArea->obj.alignTo = (
nbgl_obj_t *) container->children[container->nbChildren - 1];
492 textArea->obj.alignmentMarginY = (nbLines < 3) ? 4 : 0;
494 else if (info->
text2 == NULL) {
495 textArea->obj.alignment =
CENTER;
496 textArea->obj.alignTo = NULL;
500 textArea->obj.alignTo = NULL;
503 fullHeight += textArea->obj.area.height + textArea->obj.alignmentMarginY;
505 container->children[container->nbChildren] = (
nbgl_obj_t *) textArea;
506 container->nbChildren++;
508 if (info->
text2 != NULL) {
510 textArea->textColor =
WHITE;
511 textArea->text = PIC(info->
text2);
512 textArea->textAlignment =
CENTER;
515 textArea->wrapping =
true;
522 textArea->nbMaxLines = nbLines;
524 textArea->fontId, textArea->text,
AVAILABLE_WIDTH, nbLines, &len,
true);
528 textArea->obj.area.height = nbLines * font->
line_height;
532 textArea->obj.alignTo = (
nbgl_obj_t *) container->children[container->nbChildren - 1];
533 textArea->obj.alignmentMarginY = 2;
535 fullHeight += textArea->obj.area.height + textArea->obj.alignmentMarginY;
537 container->children[container->nbChildren] = (
nbgl_obj_t *) textArea;
538 container->nbChildren++;
540 container->obj.area.height = fullHeight;
542 container->obj.alignmentMarginY = 0;
547 container->obj.alignment =
CENTER;
572 if (layout == NULL) {
575 if (barLayout->
text != NULL) {
580 textArea->textColor =
WHITE;
581 textArea->text = PIC(barLayout->
text);
582 textArea->textAlignment =
CENTER;
587 textArea->obj.alignmentMarginX = 0;
588 textArea->obj.alignmentMarginY = 16;
593 progress->foregroundColor =
WHITE;
594 progress->withBorder =
true;
596 progress->obj.area.width = 102;
597 progress->obj.area.height = 14;
599 progress->obj.alignmentMarginX = 0;
600 progress->obj.alignmentMarginY = 33;
603 if (barLayout->
subText != NULL) {
608 subTextArea->textColor =
WHITE;
609 subTextArea->text = PIC(barLayout->
subText);
610 subTextArea->textAlignment =
CENTER;
613 subTextArea->obj.area.height =
nbgl_getTextHeight(subTextArea->fontId, subTextArea->text);
615 subTextArea->obj.alignTo = (
nbgl_obj_t *) progress;
616 subTextArea->obj.alignmentMarginX = 0;
617 subTextArea->obj.alignmentMarginY = 4;
637 if (layout == NULL) {
641 button->foregroundColor =
BLACK;
642 button->innerColor =
WHITE;
643 button->borderColor =
WHITE;
644 button->radius = RADIUS_3_PIXELS;
645 button->text = (
const char *) PIC(buttonInfo->
text);
648 button->obj.area.width =
nbgl_getTextWidth(button->fontId, button->text) + BUTTON_MARGIN_Y;
649 button->obj.area.height = 14;
669 if (layout == NULL) {
674 textArea->textColor =
WHITE;
675 textArea->text = PIC(switchLayout->
text);
676 textArea->textAlignment =
CENTER;
679 textArea->wrapping =
true;
689 textArea->obj.alignmentMarginY = 3;
694 textArea->textColor =
WHITE;
695 textArea->text = PIC(switchLayout->
subText);
696 textArea->textAlignment =
CENTER;
700 textArea->wrapping =
true;
707 textArea->obj.alignment =
CENTER;
708 textArea->obj.alignmentMarginY = 1;
712 button->foregroundColor =
BLACK;
713 button->innerColor =
WHITE;
714 button->borderColor =
WHITE;
715 button->radius = RADIUS_3_PIXELS;
718 button->icon = (switchLayout->
initState ==
ON_STATE) ? &C_Switch_On_8px : &C_Switch_Off_8px;
720 button->obj.area.width
721 =
nbgl_getTextWidth(button->fontId, button->text) + 2 + C_Switch_Off_8px.width + 8;
722 button->obj.area.height = 12;
724 button->obj.alignmentMarginY = 3;
740 if (layout == NULL) {
759 if (layout == NULL) {
Random Number Generation.
nbgl_contentCenteredInfoStyle_t
possible styles for Centered Info Area
#define LOG_WARN(__logger,...)
#define LOG_DEBUG(__logger,...)
#define LOG_FATAL(__logger,...)
Middle Level API of the new BOLOS Graphical Library.
void nbgl_getTextMaxLenAndWidth(nbgl_font_id_e fontId, const char *text, uint16_t maxWidth, uint16_t *len, uint16_t *width, bool wrapping)
compute the max width of the first line of the given text fitting in maxWidth
bool nbgl_getTextMaxLenInNbLines(nbgl_font_id_e fontId, const char *text, uint16_t maxWidth, uint16_t maxNbLines, uint16_t *len, bool wrapping)
compute the len of the given text (in bytes) fitting in the given maximum nb lines,...
@ BAGL_FONT_OPEN_SANS_REGULAR_11px_1bpp
@ BAGL_FONT_OPEN_SANS_EXTRABOLD_11px_1bpp
uint16_t nbgl_getTextWidth(nbgl_font_id_e fontId, const char *text)
return the max width in pixels of the given text (can be multiline)
uint16_t nbgl_getTextNbLinesInWidth(nbgl_font_id_e fontId, const char *text, uint16_t maxWidth, bool wrapping)
compute the number of lines of the given text fitting in the given maxWidth
const nbgl_font_t * nbgl_getFont(nbgl_font_id_e fontId)
uint16_t nbgl_getTextHeight(nbgl_font_id_e fontId, const char *text)
return the height of the given multiline text, with the given font.
uint8_t nbgl_getFontLineHeight(nbgl_font_id_e fontId)
return the height in pixels of the line of font with the given font ID
Font screen low-Level driver API, to draw elementary forms.
void layoutAddObject(nbgl_layoutInternal_t *layout, nbgl_obj_t *obj)
adds the given obj to the main container
@ HORIZONTAL_NAV
'<' and '>' are displayed, to navigate between pages and steps
int nbgl_layoutAddText(nbgl_layout_t *layout, const char *text, const char *subText)
Creates an area with given text (in bold) and sub text (in regular)
@ LEFT_ARROW
left arrow is used
@ RIGHT_ARROW
right arrow is used
int nbgl_layoutAddCenteredInfo(nbgl_layout_t *layout, const nbgl_layoutCenteredInfo_t *info)
Creates an area on the center of the main panel, with a possible icon/image, a possible text in black...
int nbgl_layoutDraw(nbgl_layout_t *layout)
Applies given layout. The screen will be redrawn.
void * nbgl_layout_t
type shared externally
int nbgl_layoutAddSwitch(nbgl_layout_t *layout, const nbgl_layoutSwitch_t *switchLayout)
Creates a switch with the given text and its state.
int nbgl_layoutAddButton(nbgl_layout_t *layout, const nbgl_layoutButton_t *buttonInfo)
Creates a rounded button in the main container.
nbgl_layout_t * nbgl_layoutGet(const nbgl_layoutDescription_t *description)
returns a layout of the given type. The layout is reset
int nbgl_layoutAddProgressBar(nbgl_layout_t *layout, const char *text, const char *subText, uint8_t percentage)
Creates an area in main panel to display a progress bar, with a title text and a subtext if needed.
void(* nbgl_layoutButtonCallback_t)(nbgl_layout_t *layout, nbgl_buttonEvent_t event)
prototype of function to be called when buttons are touched on a screen
int nbgl_layoutRelease(nbgl_layout_t *layout)
Release the layout obtained with nbgl_layoutGet()
Internal functions/constants of NBGL layout layer.
API to draw all basic graphic objects.
struct PACKED__ nbgl_text_area_s nbgl_text_area_t
struct to represent a text area (TEXT_AREA type)
struct PACKED__ nbgl_progress_bar_s nbgl_progress_bar_t
struct to represent a progress bar (PROGRESS_BAR type)
nbgl_obj_t ** nbgl_containerPoolGet(uint8_t nbObjs, uint8_t layer)
Gets a new container from the pool, with the given number of obj pointers.
nbgl_obj_t * nbgl_objPoolGet(nbgl_obj_type_t type, uint8_t layer)
Gets a new graphic object from the pool, with the given type. The type field of the object is set.
struct PACKED__ nbgl_image_s nbgl_image_t
struct to represent an image (IMAGE type)
struct PACKED__ nbgl_button_s nbgl_button_t
struct to represent a button (BUTTON type) that can contain a text and/or an icon
void(* nbgl_buttonCallback_t)(void *obj, nbgl_buttonEvent_t buttonEvent)
prototype of function to be called when a button event is received by an object (TODO: change to scre...
struct PACKED__ nbgl_container_s nbgl_container_t
struct to represent a container (CONTAINER type)
struct PACKED__ nbgl_obj_s nbgl_obj_t
Common structure for all graphical objects.
int nbgl_screenSet(nbgl_obj_t ***elements, uint8_t nbElements, const nbgl_screenTickerConfiguration_t *ticker, nbgl_touchCallback_t touchCallback)
Configures the lowest layer screen. To be used by applications A nbgl_screenRedraw() can be called af...
int nbgl_screenPush(nbgl_obj_t ***elements, uint8_t nbElements, const nbgl_screenTickerConfiguration_t *ticker, nbgl_touchCallback_t touchCallback)
Pushes a screen on top of the stack, with the given number of elements, if possible....
struct PACKED__ nbgl_screen_s nbgl_screen_t
struct to represent a screen (SCREEN type)
int nbgl_screenPop(uint8_t screenIndex)
Release the screen at the given index in screen array (index returned by nbgl_screenPush())....
nbgl_obj_t * nbgl_screenContainsObjType(nbgl_screen_t *screen, nbgl_obj_type_t type)
return an object of the given type in the given screen
void nbgl_screenRedraw(void)
This function redraws the whole screen on top of stack and its children.
@ VERTICAL
from top to bottom
struct PACKED__ nbgl_icon_details_s nbgl_icon_details_t
Represents all information about an icon.
@ NO_ALIGNMENT
used when parent container layout is used
@ IMAGE
Bitmap (y and height must be multiple of 4 on Stax)
@ BUTTON
Rounded rectangle button with icon and/or text.
@ PROGRESS_BAR
horizontal bar to indicate progression of something (between 0% and 100%)
@ CONTAINER
Empty container.
@ TEXT_AREA
Area to contain text line(s)
@ NBGL_BPP_1
1 bit per pixel
This structure contains info to build a centered (vertically and horizontally) area,...
const char * text2
second text (can be null)
const char * text1
first text (can be null)
bool onTop
if set to true, align only horizontally
nbgl_contentCenteredInfoStyle_t style
style to apply to this info
const nbgl_icon_details_t * icon
a buffer containing the 1BPP icon
This structure contains info to build a switch (on the right) with a description (on the left),...
const char * text
main text for the switch
nbgl_state_t initState
initial state of the switch
const char * subText
description under main text (NULL terminated, single line, may be null)
structure defining an ASCII font
uint8_t line_height
height of a line for all characters in pixels
Structure containing all information when creating a layout. This structure must be passed as argumen...
nbgl_screenTickerConfiguration_t ticker
nbgl_layoutTouchCallback_t onActionCallback
the callback to be called on any action on the layout
Structure containing all information about the current layout.
nbgl_layoutTouchCallback_t callback
bool modal
if true, means the screen is a modal
uint8_t nbChildren
number of children in above array
nbgl_obj_t ** children
children for main screen
This structure contains info to build a navigation bar at the bottom of the screen.
nbgl_layoutNavDirection_t direction
vertical or horizontal navigation
nbgl_layoutNavIndication_t indication
specifies which arrows to use (left or right)
This structure contains info to build a progress bar with info. The progress bar itself is 120px widt...
uint8_t percentage
percentage of completion, from 0 to 100.
const char * text
text in black, on top of progress bar
const char * subText
text in gray, under progress bar