Xamarin, Prism and Shiny logos
Xamarin, Prism and Shiny logos
Xamarin + Prism + Shiny

Anteriormente eu apresentei uma forma de configurar o Shiny com o Prism, para aumentar o leque de possibilidades de nossas aplicações.
Você confere esse post aqui:

Hoje oque eu trago para vocês é como configuramos o Shiny para utilizarmos a implementação de Push Notifications tanto para Firebase quanto para AzureHubNotifications.

Nugetssssss

Vamos instalar, além dos pacotes citados no post de configuração do Shiny + Prism, o pacote Shiny.Push.FirebaseMessaging.


Xamarin Community Toolkit

Não seria bom se vários elementos, controles e soluções, de desenvolvimento de apps, ficassem centralizadas em um repositório?
Esse é o Xamarin Community Toolkit! 🤯🐒🎉

Nesse projeto você vai encontrar situações que foram resolvidas por outros desenvolvedores, sob o auxilio do time Xamarin e toda a comunidade.
Poranto, soluções semelhantes vão crescendo com os comentarios e revisões da comunidade e ficando cada vez mais estáveis.
Atualmente (14/08/2020) o pacote encontra-se em pre-release, porém você pode avaliar o código do projeto para utilizar trechos que lhe sejam necessário, como algum converter ou behavior.

AvatarView

Já precisou fazer customização, usando ImageView, para criar…


Github repository creation with my username as repository name
Github repository creation with my username as repository name
Repositório para seu perfil no Github

Recentemente o Github disponibilizou uma funcionalidade para associar um Readme ao seu perfil, com isso várias idéias incríveis começaram a surgir.
Resolvi trazer esse post reunindo algumas idéias que vi, em diferentes redes sociais.

Como adicionar um Readme no meu perfil?

O que você precisa é criar um novo repositório, com o seu nome de usuário do Github (lembrando que difere letras maiúsculas e minúsculas) e adicionar um Readme.

Caso você já crie um repositório com o Readme sugerido pelo Github, ele já virá com uma sugestão para perfil.


A flat webbrowser window, apple logo, xamarin logo and world wide logo
A flat webbrowser window, apple logo, xamarin logo and world wide logo
Xamarin IOS UIWebView

Se você utiliza Xamarin Forms, com distribuição para IOS, ou a abordagem tradicional, possivelmente já se deparou com esse alerta. Vim trazer, neste post, algumas ferramentas que podem ser uteis para resolver essa situação.

Sugestões to time Xamarin

O post oficial, no blog da Microsoft, indica três passos para a resolução do problema. Sendo eles:

  • Usar versões mais recentes do Xamarin.Forms e Xamarin.IOS;
  • Utilizar uma flag de configuração de compilação, no projeto IOS;
  • Fazer build e publicar o app na Apple Store;

Somente utilizar esses três passos pode não ser o suficiente, em alguns casos, abordaremos isso logo em seguida.

Passo 1 | Xamarin.Forms…


“Xamarin and SkiaSharp” text with neomorphism effects
“Xamarin and SkiaSharp” text with neomorphism effects
Xamarin and SkiaSharp

Neomorfismo vem aparecendo em diversas artes conceituais, algumas vezes focadas em UI mobile. Quais ferramentas o Xamarin dispõe para utilizarmos, tal tendência, em nossas aplicações? Hoje vou demonstrar a implementação baseada no SkiaSharp.

Entendendo o Neomorfismo

Existem, hoje, varias ferramentas para o auxílio da criação de efeitos neomórficos. Um deles é o https://neumorphism.io/, que possibilita a visualização dos efeitos aplicados e ainda gera o estilo CSS.
O interessante é que o Xamarin Forms já possibilita a utilização de CSS, então essa ferramenta pode ser útil, em alguns casos, no desenvolvimento mobile.

Em poucas palavras, esse efeito tenta replicar o relevo criado por peças…


Xamarin logo and many words using many custom fonts
Xamarin logo and many words using many custom fonts
Xamarin Forms Custom Fonts

À partir do Xamarin Forms 4.5, ganhamos a possibilidade de inserir fontes customizadas diretamente no projeto “CrossPlatform”, sem a necessidade de replicar os arquivos para cada plataforma.
Além disso, ganhamos a facilidade de não precisar alterar o arquivo Info.plist, no IOS, agilizando ainda mais o processo de criação de nossos Apps.

No post anterior, eu abordei a utilização clássica, onde precisamos ter alguns cuidados em cada plataforma.

Baixando arquivo de fonte FontAwesome

Vamos navegar até o site do FontAwesome e ir na sessão de downloads, você pode conferir no link abaixo:

Vou selecionar a opção de download para desktop e, para esse exemplo, vou baixar…


Xamarin logo and many words using many custom fonts
Xamarin logo and many words using many custom fonts
Xamarin Forms Custom Fonts

Já precisou utilizar uma fonte, que não existia no sistema operacional, de alguma aplicação Xamarin Forms?
Hoje vou abordar como podemos aplicar uma fonte customizada e defini-la como Bold, Italic e etc…

Caso você utilize o Xamarin.Forms na versão 4.5, ou superior, recomendo que você veja esse meu outro artigo sobre o novo modo de utilização de fontes:

Pesquisando fontes

Partindo do principio de que você precisa ainda encontrar uma fonte, para poder trabalhar, vou sugerir o banco do GoogleFonts.
Além de um acervo gigante, o site nos abre muitas ferramentas interessantes para criar uma boa experiência na busca.


Xamarin logo inside a comet with camera and movement representation icon
Xamarin logo inside a comet with camera and movement representation icon
Xamarin animation

Vamos deixar tudo animado!? O Xamarin Forms nos possibilita animar Views de tantas formas que às vezes ficamos em dúvida de quais ferramentas utilizar. Resolvi trazer esse post com um exemplo utilizando as próprias extensões, de animação, do Xamarin Forms.

O Projeto

Eu vou me basear no meu ultimo artigo, sobre temas e recursos dinâmicos, para tratar essas alterações de cores juntamente às animações.

Segue link do post anterior: https://medium.com/@felipedasilvabaltazar/xamarin-estilos-temas-e-recursos-din%C3%A2micos-f1f20dc648dd

Eu pretendo fazer uma animação para uma tela de login, vamos criá-la:

LoginPage.Xaml

Eu criei um Grid com o botão de login + um Frame, com o ActivityIndicator dentro, na mesma célula…


light and dark Xamarin logo with sun and moon images
light and dark Xamarin logo with sun and moon images
Light/Dark Xamagon

Bora centralizar a estilização, da nossa aplicação, e abrir a possibilidade do usuário ter uma experiência personalizada com temas?

Esse post tem o intuito de compartilhar um pouco da minha experiência com relação ao ResourceDictionary do Xamarin, assim poder mostrar como centralizamos alguns recursos e a possibilidade de os tornar dinâmicos.

Estilos

Você provavelmente já deve ter visto algumas centralizações de estilos dentro do Application.Resources, mas sabia que podemos ter arquivos separados exclusivamente para esses recursos?

Vamos criar uma pasta para definir onde vai ficar nossos estilos:


Xamarin, appcenter, nuget.org and editorconfig.org logo with team image representation
Xamarin, appcenter, nuget.org and editorconfig.org logo with team image representation
Team Work!

Sempre que temos um novo membro, em nossa equipe de desenvolvimento, este precisa de um tempo para conhecer o projeto e fica um pouco mais dependente dos demais integrantes do time. E se pudermos reduzir algumas dessas “dependências” deixando nosso projeto mais inteligente?

O tópico que abordo hoje é o primeiro, entre vários, no qual pretendo trazer, sobre minha experiência, auxiliando demais integrantes dos times de desenvolvimento que participei.

Nuget.Config

Quando utilizamos pacotes de origem diferente da Nuget.org, precisamos configurar, essas origens, no Visual Studio. …

Felipe Baltazar

Developer AspnetCore 🌐, Windows 💻, Xamarin 🐒, Nerd 🤓, Gamer 🎮 , Father 👨‍👩‍👦 | Github:https://github.com/felipebaltazar

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store