Ce diaporama a bien été signalé.
Nous utilisons votre profil LinkedIn et vos données d’activité pour vous proposer des publicités personnalisées et pertinentes. Vous pouvez changer vos préférences de publicités à tout moment.

Xamarin - Aula 5 - AppCalculadora - Estilizando

17 vues

Publié le

Nesta aula vamos utilizar o projeto desenvolvido na aula 4. Vamos adicionar estilos aos elemento XAML para deixar a interface mais agradável.

Publié dans : Logiciels
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Xamarin - Aula 5 - AppCalculadora - Estilizando

  1. 1. APPCALCULADORA – ADICIONANDO ESTILOS Prof. Me. Tiago A. Silva VERSÃO 2019 www.tiago.blog.br PROGRAMAÇÃO DE APLICATIVOS MOBILE I
  2. 2. PLANO DE AULA ▪ Nesta aula vamos aprender: ✓Editar o Layout em Grid com XAML ✓Definir os estilos dos botões ✓Executar o App no Android 2www.tiago.blog.br OBJETIVO: ADICIONAR ESTILOS AO XAML PARA DEIXAR O APP MAIS AGRADÁVEL
  3. 3. ANTES DE COMEÇAR • Vamos criar um novo projeto Xamarin. Chame-o de “CalculadoraEstilizada”. • Você poderá aproveitar o XAML e o código C# do projeto anterior. Cuidado ao copiar e colar! São apenas fragmentos do código que vamos utilizar! www.tiago.blog.br 3 DICA: REESCREVA TODO CÓDIGO XAML! É MELHOR E VOCÊ IRÁ FIXAR O CONTEÚDO!
  4. 4. PARTE I: ADICIONAR OS ESTILOS AO CÓDIGO XAML
  5. 5. ADICIONANDO ESTILOS AO XAML • Os estilos podem ser aplicados a qualquer elemento dentro de uma Page • Podemos declarar dentro do Content, como um dicionário de recursos. No exemplo a seguir vamos alterar o código do projeto anterior. www.tiago.blog.br 5
  6. 6. 6www.tiago.blog.br Note que adicionei Title e Background como atributos da ContentPage. Veja que criei uma tag ContentPage.Resourses para acomodar o dicionário de estilos. O atributo x:Key é a identificação do estilo que vamos chamar em cada elemento Button abaixo.
  7. 7. PARTE II: DEFINIR OS ESTILOS NOS BOTÕES
  8. 8. DEFINIR OS ESTILOS NOS BOTÕES 8www.tiago.blog.br
  9. 9. DEFINIR OS ESTILOS NOS BOTÕES 9www.tiago.blog.br Veja que alternei o estilo conforme a característica do botão. Números são comuns, operações são laranja. As ações de cima são escurecidos.
  10. 10. PARTE III: EXECUTAR O APP NO ANDROID - AVD
  11. 11. EXECUTAR O APP NO ANDROID AVD 11www.tiago.blog.br
  12. 12. OBRIGADO! tiago@tiago.blog.br www.tiago.blog.br

×