SlideShare ist ein Scribd-Unternehmen logo
1 von 13
Downloaden Sie, um offline zu lesen
Views
Hora da pia de cozinha



  Curso Appcelerator Titanium @flunardelli
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
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
Views - Exemplo




   Curso Appcelerator Titanium @flunardelli
Views - ImageView

ImageView
●   Mostra imagens locais ou remotas
●   Source dinâmico
●   Redimencionável
●   Pode responder a eventos




                  Curso Appcelerator Titanium @flunardelli
Views - ScrollableView

ScrollableView
●   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
Views - TableView

TableView
●   Componente fundamental da
    interface de usuário.
●   Usada para listas e dados
    tabulares.
●   Permite controle granular para
    layout



                    Curso Appcelerator Titanium @flunardelli
Views - WebView

WebView
●   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
Outros componentes
    de Interface


    Curso Appcelerator Titanium @flunardelli
Componentes da UI
AlertDialog                        OptionDialog




          Curso Appcelerator Titanium @flunardelli
Componentes da UI
Buttons                                       Labels




           TextInput e TextArea




          Curso Appcelerator Titanium @flunardelli
Componentes da UI
             Pickers




   Curso Appcelerator Titanium @flunardelli
Componentes da UI
ProgressBar                               Switch




        Curso Appcelerator Titanium @flunardelli

Weitere ähnliche Inhalte

Ähnlich wie Views Hierarquia no Titanium

AwReporting Tool
AwReporting ToolAwReporting Tool
AwReporting Toolmarcwan
 
Pentaho Data Integration - Integração e Migração de Dados com ETL Open Source...
Pentaho Data Integration - Integração e Migração de Dados com ETL Open Source...Pentaho Data Integration - Integração e Migração de Dados com ETL Open Source...
Pentaho Data Integration - Integração e Migração de Dados com ETL Open Source...Ambiente Livre
 
Drupal service com Titanium
Drupal service com TitaniumDrupal service com Titanium
Drupal service com Titaniumpedrofaria
 
[Lady talks]Continuous Delivery
[Lady talks]Continuous Delivery[Lady talks]Continuous Delivery
[Lady talks]Continuous DeliverySamanta Cicilia
 
Java Web Dev Introdução
Java Web Dev IntroduçãoJava Web Dev Introdução
Java Web Dev IntroduçãoMarcio Marinho
 
BottomNavigationView Android, Como e Quando Utilizar
BottomNavigationView Android, Como e Quando UtilizarBottomNavigationView Android, Como e Quando Utilizar
BottomNavigationView Android, Como e Quando UtilizarVinícius Thiengo
 
Projeto Indiana
Projeto IndianaProjeto Indiana
Projeto Indianahellequin
 
Pentaho Data Integration (Kettle) Integração e Migração de Dados com ETL Open...
Pentaho Data Integration (Kettle) Integração e Migração de Dados com ETL Open...Pentaho Data Integration (Kettle) Integração e Migração de Dados com ETL Open...
Pentaho Data Integration (Kettle) Integração e Migração de Dados com ETL Open...Ambiente Livre
 
Drupal service com titanium (DrupalCamp SP)
Drupal service com titanium (DrupalCamp SP)Drupal service com titanium (DrupalCamp SP)
Drupal service com titanium (DrupalCamp SP)pedrofaria
 
Pentaho: Inteligência de Negócios utilizando Software Livre - FliSOL São Paul...
Pentaho: Inteligência de Negócios utilizando Software Livre - FliSOL São Paul...Pentaho: Inteligência de Negócios utilizando Software Livre - FliSOL São Paul...
Pentaho: Inteligência de Negócios utilizando Software Livre - FliSOL São Paul...Caio Moreno
 
Pentaho: Inteligência de Negócios utilizando Software Livre - FliSOL São Paul...
Pentaho: Inteligência de Negócios utilizando Software Livre - FliSOL São Paul...Pentaho: Inteligência de Negócios utilizando Software Livre - FliSOL São Paul...
Pentaho: Inteligência de Negócios utilizando Software Livre - FliSOL São Paul...IT4biz IT Solutions
 
[DevOps Carioca] Continuous Delivery
[DevOps Carioca]  Continuous Delivery[DevOps Carioca]  Continuous Delivery
[DevOps Carioca] Continuous DeliverySamanta Cicilia
 
Qualidade em projetos PHP - PHPSC Conf 2011
Qualidade em projetos PHP - PHPSC Conf 2011Qualidade em projetos PHP - PHPSC Conf 2011
Qualidade em projetos PHP - PHPSC Conf 2011Luís Cobucci
 
Devfest Cerrado: Angular 2
Devfest Cerrado: Angular 2 Devfest Cerrado: Angular 2
Devfest Cerrado: Angular 2 Loiane Groner
 

Ähnlich wie Views Hierarquia no Titanium (20)

Angular 4 - Introdução
Angular 4 - IntroduçãoAngular 4 - Introdução
Angular 4 - Introdução
 
AwReporting Tool
AwReporting ToolAwReporting Tool
AwReporting Tool
 
Pentaho Data Integration - Integração e Migração de Dados com ETL Open Source...
Pentaho Data Integration - Integração e Migração de Dados com ETL Open Source...Pentaho Data Integration - Integração e Migração de Dados com ETL Open Source...
Pentaho Data Integration - Integração e Migração de Dados com ETL Open Source...
 
Drupal service com Titanium
Drupal service com TitaniumDrupal service com Titanium
Drupal service com Titanium
 
[Lady talks]Continuous Delivery
[Lady talks]Continuous Delivery[Lady talks]Continuous Delivery
[Lady talks]Continuous Delivery
 
Java Web Dev Introdução
Java Web Dev IntroduçãoJava Web Dev Introdução
Java Web Dev Introdução
 
Django Básico
Django BásicoDjango Básico
Django Básico
 
BottomNavigationView Android, Como e Quando Utilizar
BottomNavigationView Android, Como e Quando UtilizarBottomNavigationView Android, Como e Quando Utilizar
BottomNavigationView Android, Como e Quando Utilizar
 
Projeto Indiana
Projeto IndianaProjeto Indiana
Projeto Indiana
 
Aula 4 - SAM - Autoria
Aula 4 - SAM - AutoriaAula 4 - SAM - Autoria
Aula 4 - SAM - Autoria
 
Pentaho Data Integration (Kettle) Integração e Migração de Dados com ETL Open...
Pentaho Data Integration (Kettle) Integração e Migração de Dados com ETL Open...Pentaho Data Integration (Kettle) Integração e Migração de Dados com ETL Open...
Pentaho Data Integration (Kettle) Integração e Migração de Dados com ETL Open...
 
Drupal service com titanium (DrupalCamp SP)
Drupal service com titanium (DrupalCamp SP)Drupal service com titanium (DrupalCamp SP)
Drupal service com titanium (DrupalCamp SP)
 
Pentaho: Inteligência de Negócios utilizando Software Livre - FliSOL São Paul...
Pentaho: Inteligência de Negócios utilizando Software Livre - FliSOL São Paul...Pentaho: Inteligência de Negócios utilizando Software Livre - FliSOL São Paul...
Pentaho: Inteligência de Negócios utilizando Software Livre - FliSOL São Paul...
 
Pentaho: Inteligência de Negócios utilizando Software Livre - FliSOL São Paul...
Pentaho: Inteligência de Negócios utilizando Software Livre - FliSOL São Paul...Pentaho: Inteligência de Negócios utilizando Software Livre - FliSOL São Paul...
Pentaho: Inteligência de Negócios utilizando Software Livre - FliSOL São Paul...
 
[DevOps Carioca] Continuous Delivery
[DevOps Carioca]  Continuous Delivery[DevOps Carioca]  Continuous Delivery
[DevOps Carioca] Continuous Delivery
 
Java 17 Swing
Java 17 SwingJava 17 Swing
Java 17 Swing
 
Qualidade em projetos PHP - PHPSC Conf 2011
Qualidade em projetos PHP - PHPSC Conf 2011Qualidade em projetos PHP - PHPSC Conf 2011
Qualidade em projetos PHP - PHPSC Conf 2011
 
Django
DjangoDjango
Django
 
A Linguagem Php
A Linguagem PhpA Linguagem Php
A Linguagem Php
 
Devfest Cerrado: Angular 2
Devfest Cerrado: Angular 2 Devfest Cerrado: Angular 2
Devfest Cerrado: Angular 2
 

Mehr von Fernando Lunardelli

Mehr von Fernando Lunardelli (6)

Introdução Business intelligence - 101
Introdução Business intelligence  - 101Introdução Business intelligence  - 101
Introdução Business intelligence - 101
 
Eventguard
EventguardEventguard
Eventguard
 
6 curso-titanium-dados
6 curso-titanium-dados6 curso-titanium-dados
6 curso-titanium-dados
 
3 curso-titanium-instalacao
3 curso-titanium-instalacao3 curso-titanium-instalacao
3 curso-titanium-instalacao
 
2 curso-titanium-plataforma
2 curso-titanium-plataforma2 curso-titanium-plataforma
2 curso-titanium-plataforma
 
Visualização de dados usando Nagios e ANA
Visualização de dados usando Nagios e ANAVisualização de dados usando Nagios e ANA
Visualização de dados usando Nagios e ANA
 

Views Hierarquia no Titanium

  • 1. Views Hora da pia de cozinha Curso Appcelerator Titanium @flunardelli
  • 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. 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. Views - Exemplo Curso Appcelerator Titanium @flunardelli
  • 5. Views - ImageView ImageView ● Mostra imagens locais ou remotas ● Source dinâmico ● Redimencionável ● Pode responder a eventos Curso Appcelerator Titanium @flunardelli
  • 6. Views - ScrollableView ScrollableView ● 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. Views - TableView TableView ● Componente fundamental da interface de usuário. ● Usada para listas e dados tabulares. ● Permite controle granular para layout Curso Appcelerator Titanium @flunardelli
  • 8. Views - WebView WebView ● 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. Outros componentes de Interface Curso Appcelerator Titanium @flunardelli
  • 10. Componentes da UI AlertDialog OptionDialog Curso Appcelerator Titanium @flunardelli
  • 11. Componentes da UI Buttons Labels TextInput e TextArea Curso Appcelerator Titanium @flunardelli
  • 12. Componentes da UI Pickers Curso Appcelerator Titanium @flunardelli
  • 13. Componentes da UI ProgressBar Switch Curso Appcelerator Titanium @flunardelli