The latest articles on DEV Community by Davi Gomes Florencio (@davi_gomesflorencio_c35d). https://dev.to/davi_gomesflorencio_c35d https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F1555974%2F81780813-cd93-48c2-90bb-09b817bf1ef3.jpg https://dev.to/davi_gomesflorencio_c35d en Davi Gomes Florencio Sat, 28 Feb 2026 23:15:54 +0000 https://dev.to/davi_gomesflorencio_c35d/escaneando-o-futuro-barcode-qr-code-nativo-com-ml-kit-e-customizacao-via-canvas-755 https://dev.to/davi_gomesflorencio_c35d/escaneando-o-futuro-barcode-qr-code-nativo-com-ml-kit-e-customizacao-via-canvas-755 <p>Se você desenvolve para Android, sabe que implementar leitura de códigos de barras pode variar de "uma tarefa simples" a "um pesadelo de UX". Recentemente, tenho trabalhado em um scanner utilizando o ML Kit da Google e decidi elevar o nível da interface usando Canvas no Jetpack Compose.</p> <p>🧠 Por que ML Kit Nativo?<br> O ML Kit se tornou o padrão ouro para processamento de visão no Android por ser leve, gratuito e funcionar totalmente offline.</p> <p>Vantagens:</p> <p>Velocidade Incrível: Processamento em tempo real com baixa latência.</p> <p>Inteligência: Detecta múltiplos códigos simultaneamente e em ângulos difíceis.</p> <p>Baixo overhead: Não infla o tamanho do APK como bibliotecas legadas.</p> <p>Ecossistema Google: Integração perfeita com CameraX.</p> <p>Desvantagens:</p> <p>Dependência de Google Play Services: Em dispositivos sem serviços Google (raros, mas existem), requer configuração adicional.</p> <p>Curva de Aprendizado de UI: A API te entrega as coordenadas, mas desenhar a "mira" ou o feedback visual fica totalmente por sua conta.</p> <p>🎨 O Diferencial: Customização com Canvas<br> É aqui que o projeto fica interessante. Em vez de usar um layout estático, estou utilizando o Canvas do Jetpack Compose para desenhar os bounding boxes (caixas de detecção) em tempo real.</p> <p>Como mostro no código abaixo (veja o snippet na imagem), o desafio é o mapeamento de coordenadas. O ML Kit retorna as dimensões baseadas na resolução da imagem da câmera, que geralmente é diferente da resolução da tela do celular.</p> <p>O que estou implementando:</p> <p>Lógica de Escala (Fill_Center): Calculo o fator de escala para que o desenho no Canvas coincida exatamente com a posição do QR Code na prévia da câmera.</p> <p>Offsets Dinâmicos: Ajuste de centralização para garantir que o retângulo verde (Color.Green) contorne o código com precisão milimétrica.</p> <p>Feedback Visual Imediato: Assim que o dado é processado, um Card informativo aparece exatamente sobre a posição do código.</p> <p>🛠️ Snapshot do Código (Compose + Canvas)<br> No trecho de código que estou desenvolvendo, utilizo maxOf para calcular a escala e aplico transformações de left, top, right e bottom para transpor as coordenadas da imagem para os pixels da tela. O resultado? Uma interface fluida onde o retângulo "persegue" o código.</p> <p>📈 Conclusão<br> Usar ferramentas nativas não significa ter uma interface genérica. Com a combinação de ML Kit + CameraX + Compose Canvas, conseguimos o melhor dos dois mundos: a robustez do Google e a liberdade criativa de uma UI totalmente customizada.</p> <p>O que você tem usado para leitura de códigos nos seus projetos? Zxing ainda é uma opção ou o ML Kit já domina seu stack? 👇</p> <h1> AndroidDevelopment #Kotlin #JetpackCompose #MLKit #GoogleAI #MobileDevelopment #CodingLife </h1> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Flyewkk7018ap68a7vk6s.jpg" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Flyewkk7018ap68a7vk6s.jpg" alt=" " width="800" height="1066"></a><br> <a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fbtsxcrwbiy4zzc5cpvnx.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fbtsxcrwbiy4zzc5cpvnx.png" alt=" " width="800" height="787"></a></p> android kotlin mlkit codinglife Davi Gomes Florencio Sat, 07 Feb 2026 21:12:21 +0000 https://dev.to/davi_gomesflorencio_c35d/customize-github-style-space-invaders-29d7 https://dev.to/davi_gomesflorencio_c35d/customize-github-style-space-invaders-29d7 <p>A little tip to customize your GitHub profile!</p> <p>Commit history in Space Invaders style!</p> <p>The repository here explains how to do it using GitHub Actions!<br> You just need a GitHub token!</p> <p><a href="https://lnkd.in/eXGv94Ca" rel="noopener noreferrer">https://lnkd.in/eXGv94Ca</a></p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fgksne3mv5fnsk5jis3e5.gif" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fgksne3mv5fnsk5jis3e5.gif" alt=" " width="800" height="465"></a></p> <h1> dev #github #profile #computerscience #spaceinvaders </h1> development github git developer Davi Gomes Florencio Tue, 03 Feb 2026 00:22:55 +0000 https://dev.to/davi_gomesflorencio_c35d/guia-vps-hostinger-5b01 https://dev.to/davi_gomesflorencio_c35d/guia-vps-hostinger-5b01 <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fspkbfvpwag2alne4ohl3.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fspkbfvpwag2alne4ohl3.png" alt=" " width="800" height="1066"></a><br> <a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fp2mv3q74ea68q5nqbyfd.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fp2mv3q74ea68q5nqbyfd.png" alt=" " width="800" height="1066"></a><br> <a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fzbz8kpe3rfkrxle67ji0.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fzbz8kpe3rfkrxle67ji0.png" alt=" " width="800" height="1066"></a><br> <a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fzi1arw88hpjo0weog0xq.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fzi1arw88hpjo0weog0xq.png" alt=" " width="800" height="1066"></a><br> <a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F5p8n4nhfppy178qeb8m7.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F5p8n4nhfppy178qeb8m7.png" alt=" " width="800" height="1066"></a><br> <a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fexewludoynyj62mp720y.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fexewludoynyj62mp720y.png" alt=" " width="800" height="1066"></a><br> <a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fgw4jo97tubrwpje820fr.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fgw4jo97tubrwpje820fr.png" alt=" " width="800" height="1066"></a><br> <a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fokbl0fs103injylqr3j2.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fokbl0fs103injylqr3j2.png" alt=" " width="800" height="1066"></a><br> <a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fmwj0wbfgzwitebpak5xk.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fmwj0wbfgzwitebpak5xk.png" alt=" " width="800" height="1066"></a></p> development vps howto computerscience