Criando Layout Responsivo para android + Delphi
Boa tarde senhores, esse é meu primeiro post no DEVMEDIA, estou iniciando em desenvolvimento mobile multiplataforma e me deparei com uma duvida que está comendo meu juízo.
a questão é:
Já escrevi todo o código do sistema mas me deparei com a tal duvida cruel, quando eu compilo o app no meu celular de tela tamanho 5.1 esta tudo organizado porem quando compilo em um com tela menor o sistema bagunça todos os edits e componentes na tela.
Preciso criar um layout responsivo independente de tamanho de tela como eu faço isso ??
estou utilizando delphi XE10.
a questão é:
Já escrevi todo o código do sistema mas me deparei com a tal duvida cruel, quando eu compilo o app no meu celular de tela tamanho 5.1 esta tudo organizado porem quando compilo em um com tela menor o sistema bagunça todos os edits e componentes na tela.
Preciso criar um layout responsivo independente de tamanho de tela como eu faço isso ??
estou utilizando delphi XE10.
Pexbrasil
Curtidas 1
Melhor post
Luiz Menin
05/07/2016
Existem vários recursos nativos do Delphi que permitem a criação de layouts responsivos.
Primeiramente configure a propriedade Anchors dos componentes. É ela que determina o comportamento do componente baseado no tamanho da tela.
Utilize a propriedade Aling para cabeçalhos, rodapés, etc.
Em casos em que existem muitos campos (não recomendado para mobile) utilize o componente TScrollBox, para que o usuário possa "rolar" a tela.
Toda ajuda está bem detalhada e com exemplos na documentação do Delphi.
[url:descricao=Documentação sobre Layout]http://docwiki.embarcadero.com/RADStudio/Berlin/en/Arranging_FireMonkey_Controls#Using_Anchors[/url]
Primeiramente configure a propriedade Anchors dos componentes. É ela que determina o comportamento do componente baseado no tamanho da tela.
Utilize a propriedade Aling para cabeçalhos, rodapés, etc.
Em casos em que existem muitos campos (não recomendado para mobile) utilize o componente TScrollBox, para que o usuário possa "rolar" a tela.
Toda ajuda está bem detalhada e com exemplos na documentação do Delphi.
[url:descricao=Documentação sobre Layout]http://docwiki.embarcadero.com/RADStudio/Berlin/en/Arranging_FireMonkey_Controls#Using_Anchors[/url]
GOSTEI 3
Mais Respostas
Pexbrasil
04/07/2016
Obrigado Luiz resolvi sim tudo que precisava, o Anchors dos componentes me ajudou mesmo, Muito Obrigado.
GOSTEI 1
Luiz Menin
04/07/2016
Fico feliz em ter ajudado. Obrigado pelo feedback.
GOSTEI 1