From ca78f57f72f4fb600fe46b9bb2b6d891b375cae6 Mon Sep 17 00:00:00 2001 From: Rafael Melo <52138516+iamrameffort@users.noreply.github.com> Date: Fri, 15 Jul 2022 19:30:04 -0300 Subject: [PATCH] docs:(README) update pt-br README (#3486) * docs:(pt-br) new README layout * docs:(pt-br) adjust examples section --- docs/README_pt_BR.md | 535 ++++++++++++++++++++++++++++++------------- 1 file changed, 377 insertions(+), 158 deletions(-) diff --git a/docs/README_pt_BR.md b/docs/README_pt_BR.md index b3b93e0ce..53bfd1275 100644 --- a/docs/README_pt_BR.md +++ b/docs/README_pt_BR.md @@ -1,128 +1,90 @@ -

LVGL - Biblioteca gráfica leve e versátil

-

- -

-

- O LVGL fornece tudo o que você precisa para criar uma GUI incorporada com elementos gráficos fáceis de usar, belos efeitos visuais e um baixo consumo de memória. -

-

- Site · - Documentação · - Fórum · - Serviços · - Exemplos interativos -

- -[English](../README.md) | [中文](./README_zh.md) | **Português do Brasil** +**NOTA IMPORTANTE** A próxima versão principal (v9.0.0) está sendo desenvolvida na branch master. +A última versão estável está disponível na branch [release/v8.3](https://github.com/lvgl/lvgl/tree/release/v8.3). --- -### Tabela de conteúdo +

English | 中文 | Português do Brasil

-- [Visão Geral](#visão-geral) -- [Iniciando](#iniciando) -- [Exemplos](#exemplos) -- [Serviços](#serviços) -- [Contribuindo](#contribuindo) +

+  +

-## Visão Geral + 

LVGL - Biblioteca gráfica leve e versátil

+ 
+
+ +   +  +
+
+

+  Site | +  Documentação | +  Fórum | +  Serviços | +  Demonstrações | +  Editor SquareLine Studio +

+
-### Recursos -* Poderosos [widgets](https://docs.lvgl.io/master/widgets/index.html): botões, gráficos, listas, controles deslizantes (sliders), imagens, etc. -* Mecanismo gráfico avançado: animações, anti-aliasing, opacidade, rolagem suave, modos de mesclagem (blending modes), etc. -* Suporte à [vários dispositivos de entrada](https://docs.lvgl.io/master/overview/indev.html): tela sensível ao toque, mouse, teclado, codificador, botões, etc. -* Suporte à [vários monitores](https://docs.lvgl.io/master/overview/display.html) -* Pode ser usado com qualquer microcontrolador e display, independente do hardware -* Escalável para operar com pouca memória (64 kB Flash, 16 kB RAM) -* Suporte multilíngue com manipulação UTF-8, suporte ao alfabeto bidirecional, árabe e CJK (Chinês, Japonês e Coreano) -* Elementos gráficos totalmente personalizáveis por meio de [CSS](https://docs.lvgl.io/master/overview/style.html) -* Layouts poderosos inspirados em CSS: [Flexbox](https://docs.lvgl.io/master/layouts/flex.html) e [Grid](https://docs.lvgl.io/master/layouts/grid.html) -* SO, memória externa e GPU são suportados, mas não obrigatórios. (suporte integrado para STM32 DMA2D, SWM341 DMA2D e NXP PXP e VGLite) -* Renderização suave mesmo com um [buffer de quadro único](https://docs.lvgl.io/master/porting/display.html) (single frame buffer) -* Escrito em C e compatível com C++ -* Uso do LittlevGL com Micropython simplificado com [LVGL API in Micropython](https://blog.lvgl.io/2019-02-20/micropython-bindings) -* [Simulador](https://docs.lvgl.io/master/get-started/platforms/pc-simulator.html) para desenvolver no PC sem hardware embutido -* Mais de 100 [exemplos simples](https://github.com/lvgl/lvgl/tree/master/examples) -* [Documentação](http://docs.lvgl.io/) e referências de API online e em PDF +## :monocle_face: Visão Geral -### Requerimentos -Basicamente, todo controlador moderno (que é capaz de acionar um display) é adequado para executar LVGL. Os requisitos mínimos são: +**Maduro e popular** - - - - - - - - - - - - - - - - - - - - +LVGL é a biblioteca gráfica incorporada gratuita e de código aberto mais popular para criar belas interfaces de usuário para qualquer display do tipo MCU, MPU. Ela é suportada por fornecedores e projetos líderes do setor, como ARM, STM32, NXP, Espressif, Nuvoton, Arduino, RT-Thread, Zephyr, NuttX, Adafruit e muitos outros. - - - - - +**Rico em recursos** - - - - - +Ela tem todos os recursos para a criação de GUIs modernas e bonitas: mais de 30 widgets integrados, um sistema de design poderoso, gerenciadores de layout inspirados na web e um sistema de tipografia com suporte para vários idiomas. Para integrar o LVGL em sua plataforma, tudo que você precisa é de pelo menos 32kB de RAM e 128kB de Flash, um compilador C, um frame buffer e pelo menos uma tela de tamanho 1/10 para renderização. - - - - -
- Nome - - Minímo - - Recomendado -
- Arquitetura - Microcontrolador ou processador de 16, 32 ou 64 bits
- Clock - > 16 MHz> 48 MHz
- Flash/ROM - > 64 kB> 180 kB
- RAM estática - > 16 kB> 48 kB
- Draw buffer - > 1 × hor. res. pixels> tamanho da tela de 1/10
- Compilador - Padrão C99 ou mais recente
+**Editor UI profissional** -*Observe que o uso de memória pode variar dependendo da arquitetura, do compilador e das opções de compilação.* +SquareLine Studio é um editor de interface do usuário de (arrasta e solta) profissional para LVGL. Ele roda em Windows, Linux e MacOS também e você pode experimentá-lo sem se registrar no site. -### Plataformas suportadas -O LVGL é completamente independente de plataforma e pode ser usado com qualquer MCU que atenda aos requisitos. -Apenas para citar algumas plataformas: +**Serviços** -- NXP: Kinetis, LPC, iMX, iMX RT -- STM32F1, STM32F3, STM32F4, STM32F7, STM32L4, STM32L5, STM32H7 -- Microchip dsPIC33, PIC24, PIC32MX, PIC32MZ -- [Linux frame buffer](https://blog.lvgl.io/2018-01-03/linux_fb) (/dev/fb) -- [Raspberry Pi](http://www.vk3erw.com/index.php/16-software/63-raspberry-pi-official-7-touchscreen-and-littlevgl) -- [Espressif ESP32](https://github.com/lvgl/lv_port_esp32) -- [Infineon Aurix](https://github.com/lvgl/lv_port_aurix) -- Nordic NRF52 Bluetooth modules -- Quectel modems -- [SYNWIT SWM341](https://www.synwit.cn/) +Nossa equipe está pronta para ajudá-lo com design gráfico, implementação de UI e serviços de consultoria. Entre em contato conosco se precisar de algum suporte durante o desenvolvimento de seu próximo projeto de GUI. + +## :rocket: Recursos + +**Gratuito e portátil** + + - Uma biblioteca C totalmente portátil (compatível com C++) sem dependências externas. + - Pode ser compilado para qualquer display MCU ou MPU, e qualquer sistema operacional de tempo real (RT-OS). + - Suporta monitores monocromáticos, ePaper, OLED ou TFT. + - Distribuído sob a licença do MIT, para que você também possa usá-lo facilmente em projetos comerciais. + - Precisa de apenas 32 kB de RAM e 128 kB de Flash, um frame buffer e pelo menos uma tela de tamanho 1/10 para renderização. + - Sistemas operacionais, memória externa e GPU são suportados, mas não obrigatórios. + +**Widgets, designs, layouts e muito mais** + + - Mais de 30 widgets integrados: botão, etiqueta (label), controle deslizante (slider), gráfico (chart), teclado, medidor (meter), tabelas e muito mais. + - Sistema de design flexível com pelo menos 100 propriedades de estilo para personalizar qualquer parte dos widgets. + - Mecanismos de layouts Flexbox e Grid para dimensionar e posicionar automaticamente os widgets de maneira responsiva. + - Os textos são renderizados com codificação UTF-8, suportando sistemas de escrita CJK (chinês, japonês e coreano), tailandês, hindi, árabe e persa. + - Quebra de palavras (word wrapping), espaçamento entre letras (kerning), rolagem de texto (scrolling), renderização subpixel, entrada em chinês Pinyin-IME e emojis. + - Mecanismo de renderização que suporta animações, anti-aliasing, opacidade, rolagem suave (smooth scroll), sombras, transformação de imagens, etc. + - Suporta mouse, touchpad, teclado, botões externos, dispositivos de entrada codificadores (encoders). + - Suporta vários monitores. + +**Suporte de vinculação e compilação de arquivos** + + - Expondo a API do LVGL com o [Micropython](https://blog.lvgl.io/2019-02-20/micropython-bindings) + - Nenhum sistema de compilação personalizado é usado. Você pode construir o LVGL enquanto constrói os outros arquivos do seu projeto. + - O suporte para Make e CMake já vem incluído. + - Desenvolva no PC e use o mesmo código de interface do usuário em hardwares incorporados (embedded hardware). + - Converta o código C para um arquivo HTML com o [Emscripten port](https://github.com/lvgl/lv_web_emscripten). + +**Documentação, ferramentas e serviços** + + - Documentação detalhada com [+100 exemplos simples](https://docs.lvgl.io/master/index.html) + - [SquareLine Studio](https://squareline.io) - Um software editor UI profissional e fácil de usar, para acelerar e simplificar o desenvolvimento da interface do usuário. + - [Serviços](https://lvgl.io/services) como design de UI, implementação e consultoria para tornar o desenvolvimento de UI mais simples e rápido. + +## :package: Pacotes + +LVGL está disponível para: -LVGL também está disponível para: - [Arduino library](https://docs.lvgl.io/master/get-started/platforms/arduino.html) - [PlatformIO package](https://registry.platformio.org/libraries/lvgl/lvgl) - [Zephyr library](https://docs.zephyrproject.org/latest/reference/kconfig/CONFIG_LVGL.html) @@ -130,77 +92,334 @@ LVGL também está disponível para: - [NXP MCUXpresso component](https://www.nxp.com/design/software/embedded-software/lvgl-open-source-graphics-library:LITTLEVGL-OPEN-SOURCE-GRAPHICS-LIBRARY) - [NuttX library](https://docs.lvgl.io/master/get-started/os/nuttx.html) - [RT-Thread RTOS](https://docs.lvgl.io/master/get-started/os/rt-thread.html) +- NXP MCUXpresso library +- CMSIS-Pack -## Iniciando -Esta lista mostra a maneira recomendada de aprender sobre a biblioteca: +## :man_technologist: Exemplos -1. Confira as [demos on-line](https://lvgl.io/demos) para ver o LVGL em ação (3 minutos) -2. Leia a [introdução](https://docs.lvgl.io/master/intro/index.html) da documentação (5 minutos) -3. Familiarize-se com o básico da [Visão geral rápida](https://docs.lvgl.io/master/get-started/quick-overview.html) (15 minutos) -4. Configure um [simulador](https://docs.lvgl.io/master/get-started/platforms/pc-simulator.html) (10 minutos) -5. Experimente alguns [Exemplos](https://github.com/lvgl/lvgl/tree/master/examples) -6. Placa para porta LVGL. Veja o guia [porting](https://docs.lvgl.io/master/porting/index.html) ou verifique o pronto para usar [Projects](https://github.com/lvgl?q=lv_port_) -7. Leia a [visão geral](https://docs.lvgl.io/master/overview/index.html) para entender melhor a biblioteca (2-3 horas) -8. Verifique a documentação dos [widgets](https://docs.lvgl.io/master/widgets/index.html) para ver seus recursos e como utilizá-los -9. Se você tiver dúvidas, acesse o [fórum](http://forum.lvgl.io/) -10. Leia o guia de [contribuição](https://docs.lvgl.io/master/CONTRIBUTING.html) para ver como você pode ajudar a melhorar o LVGL (15 minutos) +Veja como criar um botão com um evento de clique em C e MicroPython. Para mais exemplos, veja a pasta [examples](https://github.com/lvgl/lvgl/tree/master/examples). -## Exemplos -Para mais exemplos, veja a pasta [examples](https://github.com/lvgl/lvgl/tree/master/examples). +![LVGL button with label example](https://github.com/lvgl/lvgl/raw/master/docs/misc/btn_example.png) -![Exemplo de botão LVGL com rótulo (label)](https://github.com/lvgl/lvgl/raw/master/docs/misc/btn_example.png) +### Botão com evento de clique -### C +![Botão LVGL com exemplo de rótulo (label)](https://github.com/kisvegabor/test/raw/master/readme_example_1.gif) + +
+ Código C ```c -lv_obj_t * button = lv_btn_create(lv_scr_act()); /* Adiciona um botão à tela atual */ -lv_obj_set_pos(button, 10, 10); /* Define uma posição ao botão na tela */ -lv_obj_set_size(button, 100, 50); /* Define o tamanho */ -lv_obj_add_event_cb(button, button_event_callback, LV_EVENT_CLICKED, NULL); /* Atribui um retorno de chamada (callback) */ +lv_obj_t * btn = lv_btn_create(lv_scr_act());                   /* Adiciona o botão a tela atual */ +lv_obj_center(btn);                                     /* Define a posição do botão */ +lv_obj_set_size(btn, 100, 50);                                  /* Define o tamanho do botão */ +lv_obj_add_event_cb(btn, btn_event_cb, LV_EVENT_CLICKED, NULL); /* Atribui um retorno de chamada (callback) ao botão */ -lv_obj_t * label = lv_label_create(button); /* Adiciona um rótulo (label) */ -lv_label_set_text(label, "Clique aqui"); /* Define o texto do rótulo (label) */ -lv_obj_center(label); /* Alinha o texto ao centro */ +lv_obj_t * label = lv_label_create(btn);                        /* Adiciona um rótulo (label) */ +lv_label_set_text(label, "Botão");                             /* Define um texto para o rótulo (label) */ +lv_obj_center(label);                                           /* Alinha o texto no centro do botão */ ... -void button_event_callback(lv_event_t * e) +void btn_event_cb(lv_event_t * e) { - printf("Clicado\n"); +  printf("Clicado\n"); } ``` +
-### Micropython -Saiba mais em [Micropython](https://docs.lvgl.io/master/get-started/bindings/micropython.html) +
+ Código MicroPython | Simulador online ```python -def button_event_callback(event): - print("Clicado") +def btn_event_cb(e): +  print("Clicado") # Cria um botão e um rótulo (label) -button = lv.btn(lv.scr_act()) -button.set_pos(10, 10) -button.set_size(100, 50) -button.add_event_cb(button_event_callback, lv.EVENT.CLICKED, None) +btn = lv.btn(lv.scr_act()) +btn.center() +btn.set_size(100, 50) +btn.add_event_cb(btn_event_cb, lv.EVENT.CLICKED, None) -label = lv.label(button) -label.set_text("Cliquq aqui") +label = lv.label(btn) +label.set_text("Botão") label.center() ``` +
+
-## Serviços -O LVGL Kft foi estabelecido para fornecer uma base sólida para a biblioteca LVGL. Oferecemos vários tipos de serviços -para ajudá-lo no desenvolvimento da interface do usuário: +### Caixas de seleção (chackboxes) com layout +![Caixas de seleção (chackboxes) com layout no LVGL](https://github.com/kisvegabor/test/raw/master/readme_example_2.gif) -- Design gráfico -- Implementação de IU -- Consultoria/Suporte +
+ Código em C -Para mais informações, consulte [LVGL Serviços](https://lvgl.io/services). Sinta-se à vontade para entrar em contato -conosco se tiver alguma dúvida. +```c -## Contribuindo -O LVGL é um projeto aberto e sua contribuição é muito bem-vinda. Há muitas maneiras de contribuir, desde simplesmente -falando sobre seu projeto, escrevendo exemplos, melhorando a documentação, corrigindo bugs até hospedar seu próprio -projeto sob a organização LVGL. +lv_obj_set_flex_flow(lv_scr_act(), LV_FLEX_FLOW_COLUMN); +lv_obj_set_flex_align(lv_scr_act(), LV_FLEX_ALIGN_CENTER, LV_FLEX_ALIGN_START, LV_FLEX_ALIGN_CENTER); -Para obter uma descrição detalhada das oportunidades de contribuição, visite a seção de [contribuição](https://docs.lvgl.io/master/CONTRIBUTING.html) da documentação. +lv_obj_t * cb; +cb = lv_checkbox_create(lv_scr_act()); +lv_checkbox_set_text(cb, "Maça"); +lv_obj_add_event_cb(cb, event_handler, LV_EVENT_ALL, NULL); + +cb = lv_checkbox_create(lv_scr_act()); +lv_checkbox_set_text(cb, "Banana"); +lv_obj_add_state(cb, LV_STATE_CHECKED); +lv_obj_add_event_cb(cb, event_handler, LV_EVENT_ALL, NULL); + +cb = lv_checkbox_create(lv_scr_act()); +lv_checkbox_set_text(cb, "Limão"); +lv_obj_add_state(cb, LV_STATE_DISABLED); +lv_obj_add_event_cb(cb, event_handler, LV_EVENT_ALL, NULL); + +cb = lv_checkbox_create(lv_scr_act()); +lv_obj_add_state(cb, LV_STATE_CHECKED | LV_STATE_DISABLED); +lv_checkbox_set_text(cb, "Melão\ne uma nova linha"); +lv_obj_add_event_cb(cb, event_handler, LV_EVENT_ALL, NULL); +``` +
+ +
+ Código MicroPython | Online Simulator + +```python +def event_handler(e): + code = e.get_code() + obj = e.get_target() + if code == lv.EVENT.VALUE_CHANGED: + txt = obj.get_text() + if obj.get_state() & lv.STATE.CHECKED: + state = "Marcador" + else: + state = "Desmarcado" + print(txt + ":" + state) + + +lv.scr_act().set_flex_flow(lv.FLEX_FLOW.COLUMN) +lv.scr_act().set_flex_align(lv.FLEX_ALIGN.CENTER, lv.FLEX_ALIGN.START, lv.FLEX_ALIGN.CENTER) + +cb = lv.checkbox(lv.scr_act()) +cb.set_text("Maça") +cb.add_event_cb(event_handler, lv.EVENT.ALL, None) + +cb = lv.checkbox(lv.scr_act()) +cb.set_text("Banana") +cb.add_state(lv.STATE.CHECKED) +cb.add_event_cb(event_handler, lv.EVENT.ALL, None) + +cb = lv.checkbox(lv.scr_act()) +cb.set_text("Limão") +cb.add_state(lv.STATE.DISABLED) +cb.add_event_cb(event_handler, lv.EVENT.ALL, None) + +cb = lv.checkbox(lv.scr_act()) +cb.add_state(lv.STATE.CHECKED | lv.STATE.DISABLED) +cb.set_text("Melão") +cb.add_event_cb(event_handler, lv.EVENT.ALL, None) +``` + +
+
+ +### Estilizando um controle deslizante (slider) +![Estilizando um controle deslizante (slider) com LVGL](https://github.com/kisvegabor/test/raw/master/readme_example_3.gif) + + +
+ Código C + +```c +lv_obj_t * slider = lv_slider_create(lv_scr_act()); +lv_slider_set_value(slider, 70, LV_ANIM_OFF); +lv_obj_set_size(slider, 300, 20); +lv_obj_center(slider); + +/* Adiciona estilos locais à parte MAIN (retângulo de fundo) */ +lv_obj_set_style_bg_color(slider, lv_color_hex(0x0F1215), LV_PART_MAIN); +lv_obj_set_style_bg_opa(slider, 255, LV_PART_MAIN); +lv_obj_set_style_border_color(slider, lv_color_hex(0x333943), LV_PART_MAIN); +lv_obj_set_style_border_width(slider, 5, LV_PART_MAIN); +lv_obj_set_style_pad_all(slider, 5, LV_PART_MAIN); + +/* Crie uma folha de estilo reutilizável para a parte do (INDICADOR) */ +static lv_style_t style_indicator; +lv_style_init(&style_indicator); +lv_style_set_bg_color(&style_indicator, lv_color_hex(0x37B9F5)); +lv_style_set_bg_grad_color(&style_indicator, lv_color_hex(0x1464F0)); +lv_style_set_bg_grad_dir(&style_indicator, LV_GRAD_DIR_HOR); +lv_style_set_shadow_color(&style_indicator, lv_color_hex(0x37B9F5)); +lv_style_set_shadow_width(&style_indicator, 15); +lv_style_set_shadow_spread(&style_indicator, 5); + +/* Adicione a folha de estilo à parte do INDICATOR do controle deslizante (slider) */ +lv_obj_add_style(slider, &style_indicator, LV_PART_INDICATOR); + +/* Adicione o mesmo estilo à parte do KNOB e sobrescreva localmente algumas propriedades */ +lv_obj_add_style(slider, &style_indicator, LV_PART_KNOB); + +lv_obj_set_style_outline_color(slider, lv_color_hex(0x0096FF), LV_PART_KNOB); +lv_obj_set_style_outline_width(slider, 3, LV_PART_KNOB); +lv_obj_set_style_outline_pad(slider, -5, LV_PART_KNOB); +lv_obj_set_style_shadow_spread(slider, 2, LV_PART_KNOB); +``` + +
+ +
+ Código MicroPython | +Simulador online + + + +```python +# Crie um controle deslizante (slider) e adicione o estilo +slider = lv.slider(lv.scr_act()) +slider.set_value(70, lv.ANIM.OFF) +slider.set_size(300, 20) +slider.center() + +# Adicione estilos locais à parte MAIN (retângulo de fundo) +slider.set_style_bg_color(lv.color_hex(0x0F1215), lv.PART.MAIN) +slider.set_style_bg_opa(255, lv.PART.MAIN) +slider.set_style_border_color(lv.color_hex(0x333943), lv.PART.MAIN) +slider.set_style_border_width(5, lv.PART.MAIN) +slider.set_style_pad_all(5, lv.PART.MAIN) + +# Crie uma folha de estilo reutilizável para a parte do INDICATOR +style_indicator = lv.style_t() +style_indicator.init() +style_indicator.set_bg_color(lv.color_hex(0x37B9F5)) +style_indicator.set_bg_grad_color(lv.color_hex(0x1464F0)) +style_indicator.set_bg_grad_dir(lv.GRAD_DIR.HOR) +style_indicator.set_shadow_color(lv.color_hex(0x37B9F5)) +style_indicator.set_shadow_width(15) +style_indicator.set_shadow_spread(5) + +# Adicione a folha de estilo à parte do INDICATOR do controle deslizante (slider) +slider.add_style(style_indicator, lv.PART.INDICATOR) +slider.add_style(style_indicator, lv.PART.KNOB) + +# Adicione o mesmo estilo à parte do KNOB e sobrescreva localmente algumas propriedades +slider.set_style_outline_color(lv.color_hex(0x0096FF), lv.PART.KNOB) +slider.set_style_outline_width(3, lv.PART.KNOB) +slider.set_style_outline_pad(-5, lv.PART.KNOB) +slider.set_style_shadow_spread(2, lv.PART.KNOB) +``` + +
+
+ +### Textos em inglês, hebraico (LRT-RTL misto) e chinês + +![Textos em inglês, hebraico (LRT-RTL misto) e chinês com LVGL](https://github.com/kisvegabor/test/raw/master/readme_example_4.png) + +
+ Código C + +```c +lv_obj_t * ltr_label = lv_label_create(lv_scr_act()); +lv_label_set_text(ltr_label, "In modern terminology, a microcontroller is similar to a system on a chip (SoC)."); +lv_obj_set_style_text_font(ltr_label, &lv_font_montserrat_16, 0); +lv_obj_set_width(ltr_label, 310); +lv_obj_align(ltr_label, LV_ALIGN_TOP_LEFT, 5, 5); + +lv_obj_t * rtl_label = lv_label_create(lv_scr_act()); +lv_label_set_text(rtl_label,"מעבד, או בשמו המלא יחידת עיבוד מרכזית (באנגלית: CPU - Central Processing Unit)."); +lv_obj_set_style_base_dir(rtl_label, LV_BASE_DIR_RTL, 0); +lv_obj_set_style_text_font(rtl_label, &lv_font_dejavu_16_persian_hebrew, 0); +lv_obj_set_width(rtl_label, 310); +lv_obj_align(rtl_label, LV_ALIGN_LEFT_MID, 5, 0); + +lv_obj_t * cz_label = lv_label_create(lv_scr_act()); +lv_label_set_text(cz_label, + "嵌入式系统（Embedded System），\n是一种嵌入机械或电气系统内部、具有专一功能和实时计算性能的计算机系统。"); +lv_obj_set_style_text_font(cz_label, &lv_font_simsun_16_cjk, 0); +lv_obj_set_width(cz_label, 310); +lv_obj_align(cz_label, LV_ALIGN_BOTTOM_LEFT, 5, -5); +``` + +
+ +
+ Código MicroPython | Simulador online + +```python +ltr_label = lv.label(lv.scr_act()) +ltr_label.set_text("In modern terminology, a microcontroller is similar to a system on a chip (SoC).") +ltr_label.set_style_text_font(lv.font_montserrat_16, 0); + +ltr_label.set_width(310) +ltr_label.align(lv.ALIGN.TOP_LEFT, 5, 5) + +rtl_label = lv.label(lv.scr_act()) +rtl_label.set_text("מעבד, או בשמו המלא יחידת עיבוד מרכזית (באנגלית: CPU - Central Processing Unit).") +rtl_label.set_style_base_dir(lv.BASE_DIR.RTL, 0) +rtl_label.set_style_text_font(lv.font_dejavu_16_persian_hebrew, 0) +rtl_label.set_width(310) +rtl_label.align(lv.ALIGN.LEFT_MID, 5, 0) + +font_simsun_16_cjk = lv.font_load("S:../../assets/font/lv_font_simsun_16_cjk.fnt") + +cz_label = lv.label(lv.scr_act()) +cz_label.set_style_text_font(font_simsun_16_cjk, 0) +cz_label.set_text("嵌入式系统（Embedded System），\n是一种嵌入机械或电气系统内部、具有专一功能和实时计算性能的计算机系统。") +cz_label.set_width(310) +cz_label.align(lv.ALIGN.BOTTOM_LEFT, 5, -5) + +``` +
+ +## :arrow_forward: Começando +Esta lista irá guiá-lo para começar com o LVGL passo a passo. + +**Familiarize-se com o LVGL** + + 1. Confira as [demos on-line](https://lvgl.io/demos) para ver o LVGL em ação (~3 minutos) + 2. Leia a página de [introdução](https://docs.lvgl.io/master/intro/index.html) da documentação (~5 minutos) + 3. Familiarize-se com o básico na página de [visão geral rápida](https://docs.lvgl.io/master/get-started/quick-overview.html) (~15 minutos) + +**Começando a usar o LVGL** + + 4. Configure um [simulador](https://docs.lvgl.io/master/get-started/platforms/pc-simulator.html) (~10 minutos) + 5. Experimente alguns [exemplos](https://github.com/lvgl/lvgl/tree/master/examples) + 6. Porte o LVGL para uma placa. Veja o guia [portando o LVGL](https://docs.lvgl.io/master/porting/index.html) ou veja um projeto pronto para usar em [projetos](https://github.com/lvgl?q=lv_port_) + +**Torne-se um profissional** + + 7. Leia a página [visão geral](https://docs.lvgl.io/master/overview/index.html) para entender melhor a biblioteca (~2-3 horas) + 8. Verifique a documentação dos [widgets](https://docs.lvgl.io/master/widgets/index.html) para ver seus recursos e usabilidade + +**Obtenha ajuda e ajude outras pessoas** + + 9. Se você tiver dúvidas, acesse o [Fórum](http://forum.lvgl.io) + 10. Leia o guia de [contribuição](https://docs.lvgl.io/master/CONTRIBUTING.html) para ver como você pode ajudar a melhorar o LVGL (~15 minutos) + +**E mais** + + 11. Baixe e experimente o editor [SquareLine Studio](https://squareline.io). + 12. Entre em contato conosco para [serviços e consultoria](https://lvgl.io/services). + +## :handshake: Serviços +A LVGL LLC foi criada para fornecer uma base sólida para a biblioteca LVGL e oferecer vários tipos de serviços para ajudá-lo no desenvolvimento da sua interface do usuário. Com mais de 15 anos de experiência na indústria gráfica e de interface do usuário, podemos ajudá-lo a levar sua interface do usuário para o próximo nível. + +- **Design gráfico**: Nossos designers gráficos internos são especialistas em criar belos designs modernos que se adaptam ao seu produto e aos recursos do seu hardware. +- **Implementação da interface do usuário**: Também podemos implementar sua interface do usuário com base no design que você ou nós criamos. Você pode ter certeza de que tiraremos o máximo proveito de seu hardware e do LVGL. Se um recurso ou widget estiver faltando no LVGL, não se preocupe, nós o implementaremos para você. +- **Consultoria e Suporte**: Também podemos apoiá-lo com consultoria para evitar erros que podem te custar caros durante o desenvolvimento da sua interface do usuário. +- **Certificação**: Para empresas que oferecem placas para desenvolvimento ou kits prontos para produção, fazemos certificação que mostram como uma placa pode executar o LVGL. + +Confira nossas [demonstrações](https://lvgl.io/demos) como referência. Para obter mais informações, consulte a [página de serviços](https://lvgl.io/services). + +[Fale conosco](https://lvgl.io/#contact) e conte como podemos ajudar. + +## :star2: Contribuindo +O LVGL é um projeto aberto e sua contribuição é muito bem-vinda. Há muitas maneiras de contribuir, desde simplesmente falando sobre seu projeto, escrevendo exemplos, melhorando a documentação, corrigindo bugs até hospedar seu próprio projeto sob a organização LVGL. + +Para obter uma descrição detalhada das oportunidades de contribuição, visite a página de [contribuição](https://docs.lvgl.io/master/CONTRIBUTING.html) da documentação. + +Mais de 300 pessoas já deixaram sua impressão digital no LVGL. Seja um deles! Veja o seu aqui! :slightly_smiling_face: + + + + + +... e muitos outros. \ No newline at end of file