Tag Archives: xamarin forms

Xamarin Forms Apresenta – Views

Xamarin.Forms, Componentes de UI!

Aprendendo um pouco sobre uma das partes mais importantes de um app Xamarin.Forms, (VIEWS) e seus conceitos introdutórios. Vamos lá:

Definição

Para criar qualquer app com interface Forms é requerida uma tela, esta tela é composta por vários elementos de UI como labels, buttons, entry, etc. representados pela classe View. O Xamarin.Forms utiliza a palavra View para se referir a objetos visuais.

Ou seja, um app Xamarin.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.

view_objetos

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

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.

view_ui

E também as classes mais comuns:

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

As Categorias

No Xamarin.Forms, todos os objetos de tela (são coletivamente conhecido) como elementos visuais e estão classificados em quatro categorias de classes:

  • View representa controles/widgets em outras plataformas. Atua como elementos de UI como labels, buttons, entry, etc.
  • Page representa uma simples tela na APP. Ela é análogo a uma Android Activity, Page no Windows Phone, ou uma View Controller no iOS.
  • Layout representa um subtipo especializado da View. Atua como um container para outros Layout ou Views. Subtipos de Layout contém lógica específica para organizar as child views em uma direção.
  • Cell uma classe que representa um elemento especializado, utilizado para itens de lista ou tabela. Define como cada item na lista deve ser exibido.

One App. N Pages

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.

view_exemplo_1

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! Sobre Views Xamarin.Forms é tudo o que eu tenho a dizer.

Continua

Missão cumprida!