#02 – Forms – Views – Introdução

Um pouco de teoria! – Web Apps!

Saga: M&M (Mundo Mobile)

Aprenda um pouco sobre uma das partes mais importantes de um app Forms, as (VIEWS) e seus conceitos. Vamos lá:

Definição

Para criar qualquer app com interface Forms é requerida uma tela, esta é composta por vários elementos de UI como labels, buttons, entry, etc. representados pela classe View.

O Forms para se referir a objetos visuais utiliza a palavra View.

Ou seja, um app Forms é composto por várias Views, projetado em classes que representam controles e widgets em outras plataformas.

A Organização

A organização da classe View.

xamf_view_objetos

Note no modelo de objetos da API que estes elementos de UI são normalmente subclasses de View.

xamf_view_ui

Aqui temos as principais classes (VIEW) representando a UI. Na imagem temos tipos diferentes de Views, algumas não tão conhecidas como Map, Editor, ProgressBar, DatePicker e Switch.

Também temos as classes mais comuns:

  • Label Exibe texto somente para leitura. Pode estender por linhas
  • Entry Exibe um controle de texto de uma única linha
  • Button Exibe um botão para iniciar comandos
  • Image Representa imagens bitmap
  • ListView Representa lista de itens (onde os itens dentro da lista são Cells)

Mais Controles

Além de mais 20 de controles nativos disponíveis. Existem também outros controles “pronto para uso” na loja de componentes, alguns desenvolvidos pela Xamarin, outros pela comunidade.

One App. N Views

Uma View pode conter apenas um componente como botões, checkboxes e imagens. Mas, também pode ser complexo atuando como um gerenciador de layout que organiza outras Views.

xam_view_ex_01

Exemplo de Page UI Xamarin.Forms utilizando classes comuns como Button, Entry, Label e Switcher.

Vale lembrar que estes componentes também conseguem mostrar dados armazenados em uma base por exemplo.

Ok! Um pouco sobre Views Forms.

Next stop Propriedade Comuns. Dissambark on the left.

Missão cumprida!

Leave a Reply

Your email address will not be published. Required fields are marked *