Posts

Em muitos aplicativos, um calendário é mais do que apenas uma grade de datas; ele é uma ferramenta de agendamento, um planejador de eventos ou uma forma de visualizar dados ao longo do tempo. Embora existam pacotes prontos, construir seu próprio widget de calendário no Flutter oferece um controle incomparável sobre a aparência, a funcionalidade e a lógica de negócios. Neste tutorial, vamos mergulhar fundo no processo de criação de um widget de calendário mensal. Vamos dissecar o código-fonte trecho por trecho, explicando a lógica por trás de cada parte. No final, apresentaremos os arquivos completos e limpos, prontos para serem copiados para o seu projeto. ...

Chegamos ao final da nossa jornada prática com a WT32-SC01 Plus! Ao longo dos últimos posts, aprendemos a configurar o ambiente, desenhar na tela, habilitar o toque e manipular widgets. Agora, vamos juntar todo esse conhecimento para construir a estrutura de uma aplicação real, que quase sempre envolve mais de uma tela. Neste último tutorial prático, vamos aprender a criar e gerenciar múltiplas telas no SquareLine Studio e a navegar entre elas usando eventos de botão. Criaremos uma aplicação simples com duas telas, onde um botão em cada tela nos levará para a outra, demonstrando o fluxo de navegação básico essencial para qualquer projeto complexo, como menus de configuração, páginas de informação, etc. ...

No post anterior, demos vida à nossa interface ao habilitar o toque e responder a um evento de botão. Agora que sabemos como capturar as interações do usuário, o próximo passo lógico é fazer com que essas interações modifiquem a própria interface. Neste tutorial, vamos construir uma aplicação um pouco mais complexa e muito mais prática: um contador digital. Criaremos uma tela com um número e dois botões, um para incrementar e outro para decrementar esse número. Este exemplo é fundamental porque nos ensina a ler e a escrever em widgets da tela, uma habilidade essencial para qualquer projeto de UI, seja para exibir dados de sensores, ajustar configurações ou qualquer outra aplicação dinâmica. ...

Nos posts anteriores, preparamos nosso ambiente, fizemos a tela da WT32-SC01 Plus funcionar e até exibimos nossa primeira interface gráfica criada com o SquareLine Studio. No entanto, nossas telas ainda eram estáticas. Chegou a hora de dar vida ao nosso projeto, habilitando o recurso mais importante da placa: o toque. Neste tutorial, vamos transformar nossa interface estática em uma aplicação interativa. Nosso objetivo é adicionar um botão na tela e, quando ele for pressionado, executar uma ação: imprimir uma mensagem no Monitor Serial. Este é o passo fundamental para criar qualquer aplicação complexa, desde calculadoras a painéis de controle. ...

No post anterior, demos nosso primeiro grande passo ao escrever “Hello World!” diretamente na tela da WT32-SC01 Plus usando a biblioteca LovyanGFX. Isso provou que nosso hardware e a comunicação básica estão funcionando. Agora, vamos elevar o nível e começar a construir interfaces gráficas de verdade. Neste tutorial, vamos introduzir duas ferramentas poderosas que transformarão a maneira como criamos projetos visuais: a biblioteca LVGL e a ferramenta de design SquareLine Studio. Nosso objetivo será recriar o “Hello World!”, mas desta vez, a interface será desenhada em um software visual e depois integrada ao nosso código Arduino. ...

No primeiro post desta série, conhecemos a placa WT32-SC01 Plus e suas principais características. Agora, é hora de colocar a mão na massa e fazer o que mais gostamos: escrever código e ver algo acontecer na tela! Neste tutorial, vamos configurar o ambiente de desenvolvimento no Arduino IDE e criar nosso primeiro programa: o clássico “Hello World!”. O objetivo aqui é garantir que a comunicação com o display esteja funcionando perfeitamente, sem a complexidade de bibliotecas de interface como a LVGL. Para isso, usaremos a biblioteca LovyanGFX. ...

Para quem desenvolve projetos com interfaces gráficas, a complexidade de integrar displays, controladores de toque e microcontroladores pode ser um grande desafio. A placa WT32-SC01 Plus surge como uma alternativa interessante para simplificar esse processo. Trata-se de uma placa de desenvolvimento que integra o processador ESP32-S3 a uma tela de 3.5 polegadas com toque capacitivo. Essa abordagem “tudo em um” é ideal para a prototipagem e desenvolvimento de interfaces de usuário (UI), como painéis de controle para automação, pequenos consoles interativos e outros dispositivos que exigem uma interação visual com o usuário. ...

Adicionar mapas a um aplicativo Flutter é uma funcionalidade poderosa, mas muitos desenvolvedores pensam que a única opção é o Google Maps. Felizmente, existem alternativas robustas e de código aberto, como o pacote flutter_map, que utiliza os dados do OpenStreetMap e oferece uma flexibilidade incrível. Neste guia, vamos construir um aplicativo simples que exibe um mapa com pins (marcadores) customizados e interativos. É a base perfeita para qualquer projeto que precise de geolocalização, desde apps de entrega até guias turísticos. ...

O poder do Flutter está em sua capacidade de criar aplicações para múltiplas plataformas a partir de uma única base de código. Quando combinado com o Firebase, esse poder se estende para a criação de apps conectados à nuvem de forma rápida e eficiente. Neste guia, vamos demonstrar essa versatilidade construindo um aplicativo de cadastro de usuários (nome e CPF). Embora o foco do nosso exemplo seja a compilação para Windows, os mesmos princípios se aplicam para web, mobile e outras plataformas desktop, com pouquíssimas alterações. ...

Levar um projeto Flutter para a web é uma excelente maneira de alcançar um público maior sem a necessidade de uma loja de aplicativos. Quando combinado com o Firebase Hosting, o processo se torna não apenas simples, mas também incrivelmente rápido e seguro, com um generoso plano gratuito. Neste guia, vamos percorrer o passo a passo para publicar um projeto Flutter já existente na web usando o Firebase Hosting. Pré-requisitos Antes de começar, garanta que você tenha: ...