ListBox e Listview em Apps Mobile - Embarcadero Conference 2013

22
Victory Fernandes - MVP Uso Efetivo do ListView e ListBox em Apps Mobile

description

Slides apresentados na Embarcadero Conference 2013 abordando o uso de ListView e ListBox em apps mobile feitos em Delphi e C++ Builder

Transcript of ListBox e Listview em Apps Mobile - Embarcadero Conference 2013

Page 1: ListBox e Listview em Apps Mobile - Embarcadero Conference 2013

Victory Fernandes - MVP

Uso Efetivo do ListView e ListBox em Apps Mobile

Page 2: ListBox e Listview em Apps Mobile - Embarcadero Conference 2013

Victory Fernandes

• Engenheiro, Diretor Técnico da TKS Software• Professor de Engenharia Faculdade Area1-Devry • Mestrando em Medicina - Neurociências• Delphi desde 1998• Embarcadero MVP e Consultor de Treinamentos• Autor da ActiveDelphi, TheClub e ClubeDelphi

Page 3: ListBox e Listview em Apps Mobile - Embarcadero Conference 2013

Implementou apps iOS ou Android com Delphi?

Page 4: ListBox e Listview em Apps Mobile - Embarcadero Conference 2013

Listas no Ambiente Mobile

Listas estão em todos os lugares!• Mensagens• Contatos• Favoritos• Albuns de fotos• Playlists de músicas

Page 5: ListBox e Listview em Apps Mobile - Embarcadero Conference 2013

Atenção desenvolvedores Desktop!

• Mudanças de paradigmas?• Telas pequenas > Telas poluídas• Pouca memória > Aplicativos lentos• Sem teclado > Interface prejudicada

Page 6: ListBox e Listview em Apps Mobile - Embarcadero Conference 2013

Atenção desenvolvedores Desktop!

Limitações? Elas existem! Mas já existiam?

Page 7: ListBox e Listview em Apps Mobile - Embarcadero Conference 2013

Case BENTELER-FORD

Page 8: ListBox e Listview em Apps Mobile - Embarcadero Conference 2013

O conceito Desktop…

Page 9: ListBox e Listview em Apps Mobile - Embarcadero Conference 2013

O conceito Desktop…

Page 10: ListBox e Listview em Apps Mobile - Embarcadero Conference 2013

Exemplo de app Android e iOS em Delphi!

Page 11: ListBox e Listview em Apps Mobile - Embarcadero Conference 2013

Exemplo de app Android e iOS em Delphi!

Page 12: ListBox e Listview em Apps Mobile - Embarcadero Conference 2013

Funcionalidades no FireMonkey

• Texto• Detalhes• Agrupamento

• Cabeçalho e Rodapé (Header/Footer)• Imagens• Indicadores acessórios (More, Check Mark, Detail)• Busca/Filtros• Componentes dentro de componentes (Embed)

Page 13: ListBox e Listview em Apps Mobile - Embarcadero Conference 2013

Listas no Firemonkey

• TListBox• Listas curtas• Scroll mínimo• Muito útil para propriedades e configurações

• TListView• Listas longas, associadas a dados, com scroll• Muitas opções de customização!

Page 14: ListBox e Listview em Apps Mobile - Embarcadero Conference 2013

Listas no Ambiente Mobile

Listas no Firemonkey…• TListBox

• Listas curtas• Scroll mínimo• Muito útil para propriedades e configurações

• TListView• Listas longas, associadas a bancos de dados, suporte

apropriado a scroll• Muitas opções de customização!

Page 15: ListBox e Listview em Apps Mobile - Embarcadero Conference 2013

TListBox

• Container com cada item sendo um controle independente• Diferentes tipos: Normal, Header, Footer• SearchBox• StyleLookup diferente para cada item• Agrupamento por GroupingKind• Seleções múltiplas com ShowCheckBox

Page 16: ListBox e Listview em Apps Mobile - Embarcadero Conference 2013

TListBox

Page 17: ListBox e Listview em Apps Mobile - Embarcadero Conference 2013

TListView

• Lista de itens semelhantes• Suporte a LiveBindings• Menos flexibilidade de estilos• ItemAppearance, ItemAppearanceOptions

• Itens podem ser Normal, Header or Footer• Opção SearchVisible• EditMode

Page 18: ListBox e Listview em Apps Mobile - Embarcadero Conference 2013

Using FireDAC in Mobile Applications (iOS and Android)

http://docwiki.embarcadero.com/RADStudio/XE5/en/Mobile_Tutorial:_Using_FireDAC_in_Mobile_Applications_(iOS_and_Android)

Page 19: ListBox e Listview em Apps Mobile - Embarcadero Conference 2013

Using FireDAC in Mobile Applications (iOS and Android)

http://docwiki.embarcadero.com/RADStudio/XE5/en/Mobile_Tutorial:_Using_FireDAC_in_Mobile_Applications_(iOS_and_Android)

Page 20: ListBox e Listview em Apps Mobile - Embarcadero Conference 2013

Homologue sua app

Page 21: ListBox e Listview em Apps Mobile - Embarcadero Conference 2013
Page 22: ListBox e Listview em Apps Mobile - Embarcadero Conference 2013

Obrigado!!!

Victory [email protected]/victory @victoryjorge

Canais Embarcaderohttp://edn.embarcadero.com

http://www.embarcadero.com/brhttp://www.facebook.com/DelphiBrasil

http://www.facebook.com/EmbarcaderoBrasilhttp://www.embarcadero.com/mvp-directory

http://www.embarcaderobr.com.br/treinamentos/