Fórum [Delphi - Android]Como tornar a tela do app responsivo? #600181
31/01/2019
0
E ai pessoal?
Gostaria de uma ajuda agora para ajustar o tamanho da tela da aplicação desenvolvida para firemonkey. Desenvolvi para um tablet e o tamanho esta ok, quando instalo o .apk em um smartphone com a tela menor fica todo desconfigurado.
Alguém sabe como solucionar essa questão?!
Abraço!
Gostaria de uma ajuda agora para ajustar o tamanho da tela da aplicação desenvolvida para firemonkey. Desenvolvi para um tablet e o tamanho esta ok, quando instalo o .apk em um smartphone com a tela menor fica todo desconfigurado.
Alguém sabe como solucionar essa questão?!
Abraço!
Sicoob Minas
Curtir tópico
+ 2
Responder
Post mais votado
31/01/2019
Olá Amigo,
Eu não sei qual a versão do Delphi você está utilizando mas desde a versão X5 existe um módulo no delphi para fazer este ajuste .
Com a aplicação firemonkey aberta, selecione (na barra da tela onde fica o formulário da aplicação) o combobox Style e selecione o Android, por exemplo, e depois no combobox View, selecione os modelos com o qual você trabalha... assim você criará automaticamente, e sem linhas de código, um modelo para tablet e outro para o smartPhone.
Uma outra forma de acessar estas opções é a ToolWindws Mult-Device Preview (menu View). Neste menu aparece opções de modelos de dispositivos que você irá utilizar e ajustar a sua aplicação.
Espero ter ajudado, um forte abraço e fique com Deus.
Eu não sei qual a versão do Delphi você está utilizando mas desde a versão X5 existe um módulo no delphi para fazer este ajuste .
Com a aplicação firemonkey aberta, selecione (na barra da tela onde fica o formulário da aplicação) o combobox Style e selecione o Android, por exemplo, e depois no combobox View, selecione os modelos com o qual você trabalha... assim você criará automaticamente, e sem linhas de código, um modelo para tablet e outro para o smartPhone.
Uma outra forma de acessar estas opções é a ToolWindws Mult-Device Preview (menu View). Neste menu aparece opções de modelos de dispositivos que você irá utilizar e ajustar a sua aplicação.
Espero ter ajudado, um forte abraço e fique com Deus.
Hélio Devmedia
Responder
Gostei + 1
Mais Posts
04/02/2019
César Carvalho
Bom dia!!
Estou me iniciando em Delphi agora e tenho tentado trabalhar bastante a parte visual da coisa, tinha bastante dificuldade no começo para posicionar os componentes e deixar responsivo, mesmo usando o alinhamento "Scale" dos componente, eles acabavam saindo do lugar em algumas telas.
O que tem resolvido pra mim ultimamente é abusar do "TLayouts", dos alinhamentos "Left, Right, Botton, Top e Client" nos componentes, alinhamento "Content" para imagens de fundo, e por fim e o mais importante, o uso das "Margins".
Eu normalmente defino um grupo de componente, uma tela de login por exemplo (2 labels, 2 edits, 1 botão), coloco dentro de um Layout, alinho o layout ao centro da tela, ou ao Top com uma margem no topo para afastar o componente do topo e deixa ele mais ao meio da tela, sem perder o alinhamento do topo, e dentro do TLayout, os componentes alinhados ao Top e o botão em Cliente, uso as margens (left, right, top, e bot) para dar um espaço entre os componentes e deixar mais bonito, e fica OK em qualquer tela.
Estou trabalhando nisso ainda, mas as telas que tenho feito dessa forma estão "boas", o meu problema agora são com os textos, eles não respeitam a escala, então um texto dentro de um botão por exemplo, por mais que o botão se escale, o texto de dentro fica cortado ou muito pequeno, por isso tento fazer primeiro a menor tela, para que os textos caibam, e consequentemente na tela maior eles irão caber também.
Enfim, acredito que se você conseguir usar mais o TLayout, os alinhamentos às bordas, e as Margins, já vai conseguir dar uma cara melhor ao seus apps.
Junta isso com a dica do Hélio e vai dar tudo certo!
=]c
Estou me iniciando em Delphi agora e tenho tentado trabalhar bastante a parte visual da coisa, tinha bastante dificuldade no começo para posicionar os componentes e deixar responsivo, mesmo usando o alinhamento "Scale" dos componente, eles acabavam saindo do lugar em algumas telas.
O que tem resolvido pra mim ultimamente é abusar do "TLayouts", dos alinhamentos "Left, Right, Botton, Top e Client" nos componentes, alinhamento "Content" para imagens de fundo, e por fim e o mais importante, o uso das "Margins".
Eu normalmente defino um grupo de componente, uma tela de login por exemplo (2 labels, 2 edits, 1 botão), coloco dentro de um Layout, alinho o layout ao centro da tela, ou ao Top com uma margem no topo para afastar o componente do topo e deixa ele mais ao meio da tela, sem perder o alinhamento do topo, e dentro do TLayout, os componentes alinhados ao Top e o botão em Cliente, uso as margens (left, right, top, e bot) para dar um espaço entre os componentes e deixar mais bonito, e fica OK em qualquer tela.
Estou trabalhando nisso ainda, mas as telas que tenho feito dessa forma estão "boas", o meu problema agora são com os textos, eles não respeitam a escala, então um texto dentro de um botão por exemplo, por mais que o botão se escale, o texto de dentro fica cortado ou muito pequeno, por isso tento fazer primeiro a menor tela, para que os textos caibam, e consequentemente na tela maior eles irão caber também.
Enfim, acredito que se você conseguir usar mais o TLayout, os alinhamentos às bordas, e as Margins, já vai conseguir dar uma cara melhor ao seus apps.
Junta isso com a dica do Hélio e vai dar tudo certo!
=]c
Responder
Gostei + 0
Clique aqui para fazer login e interagir na Comunidade :)