UTF-8 format for display º and %

How-to
1

Description

I want to display a sensor data with following the characters ºC and % I have the UTF8 enabled in the lv_conf.h

#define LV_TXT_ENC LV_TXT_ENC_UTF8

And I can display the lv_label_set_text(label1, LV_SYMBOL_OK); like documentation says, but when I try to display the data with the ºC and % the º and % don’t appear, only appear the C. I use the
LV_FONT_MONTSERRAT_26 enabled in the lv_conf.h, how can I display the º and % simbols? Thanks in advance

What MCU/Processor/Board and compiler are you using?

ESP32 with ILI9341 display and Arduino IDE

What LVGL version are you using?

v.7.7.2-dev

What do you want to achieve?

Display correctly the simbols º and %

Code to reproduce


    int co2 = airSensor.getCO2();
    float temp = airSensor.getTemperature();
    float hum = airSensor.getHumidity();

     char co2C[10];
     char tempC[10];
     char humC[10];
    

    
      sprintf(co2C, "%i ppm", co2);
       sprintf(tempC, "%.2f ºC", temp);
        sprintf(humC, "%.2f %", hum);

        

    
     Serial.println(co2C);
     Serial.println(co2);
     Serial.println(tempC);
     Serial.println(temp);
     Serial.println(humC);
     Serial.println(hum);
     
    lv_label_set_text(label_co2, co2C);
    lv_label_set_text(label_temp,  tempC);
    lv_label_set_text(label_hum,  humC );

Screenshot and/or video

In the serial monitor I can see ºC correctly but no %

javaw_jisJazH0eN
javaw_jisJazH0eN907×586 24.8 KB

In the display only I can see C

photo_2020-11-18_16-39-59
photo_2020-11-18_16-39-59960×1280 130 KB

2

use double percentage like

printf("%.2f %%", hum);

and º if i’m not mistaken not supported

1 Like
3

It works to % thanks! and how can I display º?

4

I use “%0.2f°c”

5

Make sure that your C file is being saved in UTF-8 format. Sometimes the OS uses a different format, then the compiler outputs some other type of Unicode encoding and LVGL has no idea what to display.

6

Remember º is not always the same as ° there are about 2 or 3 symbols for degree…

7

no works for me, this only display c. Thanks!

8

And how can I make sure of that? Thanks!

9

Thats odd. The symbol is in the monterrat_26.c file. Line 1596. Can you try copying the symbol from there in case HTML is replacing it with something else?

10

Gabor was very kind to me, he added it in a while ago :slight_smile:

1 Like
11

if i understand correctly this symbol works for v7 !?

12

Yes, montserrat is the default in 7. Roboto in 6.

1 Like
13

ouuu, thanks, i`am loking later

14

Here is an example of it working:

image
image1025×629 25.1 KB

2 Likes
15

It works the simbol of the monterrat_26.c file. Line 1596. it’s different than my keyboard symbol º. Thanks a lot!

16

Indeed. All degree symbols are not the same… :frowning:

17

thanks to you for your support

1 Like
18

good luck))

19

How do you select that background color? I divide my display in 3 parts, top, middle and bottom, my theme its LV_THEME_MATERIAL_FLAG_DARK but if I don’t select the color of the middle it is white, how can I setup your middle background color? Thanks a lot

bg_middle = lv_obj_create(scr, NULL);
    lv_obj_clean_style_list(bg_middle, LV_OBJ_PART_MAIN);
    lv_obj_set_style_local_bg_opa(bg_middle, LV_OBJ_PART_MAIN, LV_STATE_DEFAULT,LV_OPA_COVER);
    lv_obj_set_style_local_bg_color(bg_middle, LV_OBJ_PART_MAIN, LV_STATE_DEFAULT, LV_COLOR_BLACK);
    lv_obj_set_pos(bg_middle, 0, 50);
    lv_obj_set_size(bg_middle, LV_HOR_RES, 240);
20

you can also use below for degree symbol.

printf("%.2f %cC", hum, 0xB0 );
1 Like