Exportação ESP-IDF, imagens RGB transparentes e reordenação por toque

Desde grupos aninhados e Preenchimento da pintura, focamos em colocar suas telas em hardware de verdade: um novo alvo de exportação, imagens transparentes em displays coloridos e fontes que funcionam sem arquivos extras.

Veja o que há de novo no Lopaka.

Exportação para ESP-IDF

Telas Adafruit GFX (Color e Mono), Arduino_GFX e TFT_eSPI agora podem ser exportadas como C++ para ESP-IDF. Escolha ESP-IDF (C++) no seletor de modelo de código. Arduino (C++) continua o padrão.

• Sem núcleo Arduino: O código compila em um componente ESP-IDF.
• Sua própria tarefa: Chame o código de desenho e animação gerado a partir da sua tarefa ESP-IDF.
• Recursos correspondentes: Os arquivos de imagem e animação baixados seguem o modelo que você escolheu.
• Ida e volta: O código ESP-IDF importa de volta para o Lopaka.

Isso é útil quando seu firmware é construído com ESP-IDF e você não quer a camada do Arduino só para desenhar uma tela.

Imagens RGB transparentes

Ícones e fotos com áreas transparentes agora podem ficar sobre o seu fundo em displays coloridos.

Selecione uma imagem RGB com pixels transparentes e ative Transparência no inspetor. As camadas abaixo aparecem na tela de desenho e no dispositivo. Funciona em Adafruit GFX Color, Arduino_GFX, TFT_eSPI e LVGL.

Imagens recém-importadas começam com a Transparência desligada. No LVGL, marque-a para manter a transparência de uma imagem.

Reordenar por toque

Em um tablet ou telefone, toque e segure um item, depois arraste-o:

• Árvore de projetos da tela de desenho: Mova camadas e telas.
• Linha do tempo da animação: Reordene quadros.

A árvore de projetos e a linha do tempo rolam quando você segura o dedo perto da borda delas.

Valor do slider LVGL

Sliders LVGL têm um Valor de 0 a 100. O botão se move para essa posição na tela de desenho, e o Lopaka define o valor no código gerado. Marque o valor como variável para alterá-lo a partir do seu próprio código.

Mais perto do que seu display mostra

• Texto: Letras como g, p e y se estendem abaixo da linha de base na tela de desenho, e a seleção as cobre.
• MicroPython: Elipses na tela de desenho acendem exatamente os pixels que o MicroPython desenha.
• GxEPD2: O seletor de cor ajusta sua cor para a mais próxima que o display pode mostrar.
• ESPHome: Texto TrueType fica onde a pré-visualização mostra, e OLEDs em escala de cinza como SSD1322, SSD1325 e SSD1327 mostram suas formas.

Fontes

• U8g2: Fontes integradas escolhem a variante que cobre o seu texto, incluindo cirílico, grego e latim acentuado. Um comentário lista qualquer caractere que a fonte não consegue desenhar.
• TFT_eSPI: As Free Fonts vêm da própria biblioteca, então não há nada para baixar. Mantenha LOAD_GFXFF ativado na sua configuração do TFT_eSPI.
• Adafruit GFX e GxEPD2: Fontes integradas são incluídas da pasta Fonts da biblioteca, então o sketch compila sem editar inclusões de fonte.

Importação de código melhor

Importar código agora restaura:

• U8g2: Desenho invertido (XOR), nomes de camadas e formas preenchidas em código ESP-IDF.
• Flipper Zero: Retângulos arredondados e triângulos.
• Arduino_GFX: Elipses.
• Todas as plataformas: Texto com aspas escapadas e pixels únicos.

Correções de bugs e melhorias

• Círculos e elipses do Arduino_GFX não são mais deslocados de onde você os colocou.
• Triângulos do Flipper Zero combinam com o editor.
• Arcos do TFT_eSPI usam suas variáveis no código gerado.
• Sketches Arduino U8g2 com animações agora mostram a tela e suas animações no display.
• O código Arduino U8g2 segue a configuração Limpar/preencher display, que fica desligada por padrão.
• MicroPython e CircuitPython geram código válido para telas sem título e camadas não compatíveis.
• Novos widgets LVGL usam as cores do tema.
• Telas que usam imagens diferentes com o mesmo nome compilam juntas em um único sketch.
• A importação de imagem mostra o tamanho em bytes correto para as dimensões escolhidas.
• Importar uma fonte BDF sem caracteres ASCII não quebra mais o menu de fontes.
• Refazer restaura camadas ocultas e visíveis.
• Soltar arquivos na tela de desenho mantém sua seleção.
• Excluir quadros de animação mantém o cursor de reprodução em um quadro existente.
• A entrada e o Assistente de imagens funcionam quando seu navegador traduz a página.
• O Lopaka funciona em versões mais antigas do Safari.

Abra seus projetos e experimente a atualização.