Falha no dimensionamento de componentes FLEX

Assuntos Gerais
#1

Olá pessoal, tudo bem?
No Flex Builder eu monto a dela do jeito que eu espero que ela seja montada no browser, porém, não é o que está acontecendo.

Ex.:
Eu monto a Tela com um cabeçalho, logo abaixo um component List, e abaixo dessa listagem, eu coloco três botões.
Um ao lado esquerdo(extremidade) e os outros dois na extremidade direita.

Dessa forma, eu espero que quando a tela for montada, os botões fiquem alinhados com a largura do grid e que o grid cresça ou diminua de acordo com a resolução da tela do usuário.

Estou com dificuldades pra deixar isso funcionando. Alguém tem alguma luz?

#2

posta o teu mxml ai

#3

Oi Fabio,

Não sei se entendi bem o seu problema, mas se quiser que o tamanho do seu componente se ajuste automaticamente, defina o height e width com valores percentuais.

Por exemplo:

<mx:Grid id="grid" width="100%" height="60%">
        // ...
</mx:Grid>
#4

Olá Rodrigo, tudo bem?
As propriedades do meu grid já estão definidas em percentual.
Mas mesmo eu colocando 100%, quando a tela é muito pequena o sistema gera uma barra de rolagem muito grande.

Outro problema(Que é o mais feio na tela) é que eu defino botões alinhados no canto direito e esquerdo. O da esquerda começa exatamente na coordenada Y que o grid começa. E o botão alinhado à direita termina exatamente no mesmo ponto em que termina o grid na coordenada X.

Porém, quando a tela é iniciada, os botões da direita ficam no centro da tela.

Entendeu mais ou menos???
Vou tentar postar os prints da tela aqui mais tarde. =]

Obrigado.

Editado: Assim que chegar em casa eu postarei o MXML. Obrigado.

#5

Eu não sei se entendi o seu problema, mas vou tentar ajudar em alguma coisa. Vamos ver se é isso.

Quando eu quero alguma coisa desse tipo, o que eu costumo fazer é usar as Boxes pras coisas que eu quero que fiquem alinhadas. Não sei se é a melhor prática, mas acho que pode ser válido.

Pelo que eu entendi você quer algo mais ou menos assim:

O código pra isso está aqui:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical"
	verticalGap="10">

	<mx:Label text="Esse é o seu cabeçalho" fontSize="12" fontWeight="bold"/>
	
	<mx:VBox width="400" verticalGap="10" horizontalAlign="center"
		paddingBottom="10" paddingLeft="10" paddingRight="10" paddingTop="10"
		borderStyle="solid" borderColor="#FF00F0">
	
		<mx:List width="100%"  dataProvider="[Elemento 1, Elemento 2, Elemento 3]"/>
		
		<mx:HBox width="100%" horizontalGap="10" borderColor="#FFD200"
			paddingBottom="10" paddingTop="10" borderStyle="solid">
			
			<mx:Button label="Botão 1" width="100%"/>
			
			<mx:Button label="Botão 2" width="100%"/>
			
			<mx:Button label="Botão 3" width="100%"/>
			
		</mx:HBox>
		
	</mx:VBox>
	
</mx:Application>

Se você não quer algo assim, eu li que você quer colocar um botão do lado esquerdo e os outros dois do lado direito. Pra fazer isso, acho que você pode fazer assim: você, dentro da box dos botões (que no caso é uma HBox), você coloca 1 botão, coloca um Spacer com 100% de largura e os outros dois botões. Isso vai adequar os botões ao tamanho do box exterior. Então, o código acima ficaria assim:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical"
	verticalGap="10">

	<mx:Label text="Esse é o seu cabeçalho" fontSize="12" fontWeight="bold"/>
	
	<mx:VBox width="400" verticalGap="10" horizontalAlign="center"
		paddingBottom="10" paddingLeft="10" paddingRight="10" paddingTop="10"
		borderStyle="solid" borderColor="#FF00F0">
	
		<mx:List width="100%"  dataProvider="[Elemento 1, Elemento 2, Elemento 3]"/>
		
		<mx:HBox width="100%" horizontalGap="10" borderColor="#FFD200"
			paddingBottom="10" paddingTop="10" borderStyle="solid">
			
			<mx:Button label="Botão 1"/>
			
			<mx:Spacer width="100%"/>
			
			<mx:Button label="Botão 2"/>
			
			<mx:Button label="Botão 3"/>
			
		</mx:HBox>
		
	</mx:VBox>
	
</mx:Application>

que vai resultar nisso:

Bom, as figuras ficaram feias, mas deixá-las bonitas não era a intenção, certo? :slight_smile:
De qualquer forma, se esse não é o seu problema, dá uns detalhes, posta umas telas aí que a gente resolve isso daí juntos.

Abraço.

#6

:slight_smile:

#7

André, exatamente isso. Obrigado pessoal. Abraço à todos e bom fim de domingo.

#8