5 curso-titanium-views

786 views

Published on

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
786
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
24
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

5 curso-titanium-views

  1. 1. ViewsHora da pia de cozinha Curso Appcelerator Titanium @flunardelli
  2. 2. Hierarquia de Views● O sistema de Views do Titanium é baseado no sistema de hierarquia de Views do iPhone/iOS● Aplicações geralmente contêm muitas Views aninhadas, onde cada View contém N filhos.● Views são posicionadas em relação ao frame pai. Curso Appcelerator Titanium @flunardelli
  3. 3. Views - Posicionamento● Similares ao posicionamento absoluto do HTML/CSS.● Coordenadas Left, Top (0,0 = top left)● Configuração Padrão: ● Posicionamento Center, 100% do tamanho do Parent ● Background transparente, até definição de cor ou imagem. Curso Appcelerator Titanium @flunardelli
  4. 4. Views - Exemplo Curso Appcelerator Titanium @flunardelli
  5. 5. Views - ImageViewImageView● Mostra imagens locais ou remotas● Source dinâmico● Redimencionável● Pode responder a eventos Curso Appcelerator Titanium @flunardelli
  6. 6. Views - ScrollableViewScrollableView● Mostra conteúdo “rolável”.● Componente de alto nível.● Usado para criar navegação de múltiplos conteúdos.● Inclui navegação. Curso Appcelerator Titanium @flunardelli
  7. 7. Views - TableViewTableView● Componente fundamental da interface de usuário.● Usada para listas e dados tabulares.● Permite controle granular para layout Curso Appcelerator Titanium @flunardelli
  8. 8. Views - WebViewWebView● Usada para visualizar conteúdo web interno ou externo.● Possui seu próprio contexto de execução.● Pode enviar custom events para outros componentes. Curso Appcelerator Titanium @flunardelli
  9. 9. Outros componentes de Interface Curso Appcelerator Titanium @flunardelli
  10. 10. Componentes da UIAlertDialog OptionDialog Curso Appcelerator Titanium @flunardelli
  11. 11. Componentes da UIButtons Labels TextInput e TextArea Curso Appcelerator Titanium @flunardelli
  12. 12. Componentes da UI Pickers Curso Appcelerator Titanium @flunardelli
  13. 13. Componentes da UIProgressBar Switch Curso Appcelerator Titanium @flunardelli

×