O X do Xamarin Forms — BadgeView e BadgeCount

Image for post
Image for post

Fala galera,

Badge, aquele marcador que não some dos seus apps (ainda mais se você esta em um monte de grupos do whatsapp),mas que serve para notificar algo.

Pois bem, o quão difícil é fazer isso em Xamarin.Forms? A resposta é : Nuget!

Hoje vou lhes mostrar um plugin para criar sua propria badgeview!

Bora!

Vamos ao amado nuget baixar o controle BadgeView :

Image for post
Image for post

Eeeeeeeeee só!

Agora precisamos adicionar o namespace : xmlns:badge=”clr-namespace:BadgeView.Shared;assembly=BadgeView.Shared” em nosso XAML e implementar o controle conforme abaixo :

Rodando :

Image for post
Image for post

Legal né?

Existe a postagem oficial do autor demonstrando como fez o controle, se quiser pode clicar aqui para ver.

Mas é só isso? Não!

Sei que que você também quer saber como colocar a Badge no Icone do seu APP não é mesmo ?,O que e sem push notification?

A resposta é Novamente : Nuget!

De volta ao Nuget vamos instalar o plugin Xam.Plugin.Badge.Forked:

Image for post
Image for post

Este plugin foi baseado no plugin Xam.Plugin.Badge, porem o desenvolvedor adicionou suporte a :

  • Samsung
  • HTC
  • LG
  • Sony
  • Xiaomi
  • Adw
  • Apex
  • Asus
  • Nova
  • Solid

Estes por possuírem launchers customizados não suportavam o plugin.

no iOS , vamos adicionar as linhas

UIUserNotificationSettings settings = UIUserNotificationSettings.GetSettingsForTypes(UIUserNotificationType.Badge, null);
UIApplication.SharedApplication.RegisterUserNotificationSettings(settings);

no AppDelegate:

e no Android as seguintes permissões no AndroidManifest.xml:

Vamos criar dois botões na nossa view para brincar com o Plugin :

Em seguida vamos implementar :

Agora vamos rodar e clica nos botões para ver o que acontece:

Image for post
Image for post

Simples em?

Se quiser pode baixar o exemplo clicando aqui.

Quer ver outros artigos sobre Xamarin ? Clique aqui.

Espero ter ajudado!

Aquele abraço!

Written by

Microsoft MVP,Gamer, Desenvolvedor e apaixonado por tecnologia!

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