ControlBar alinhado a direita

Assuntos Gerais
#1

Pessoal, alguém sabe como crio um controlbar com um botão alinhado a direita, no Spark?

#2

[quote=javanovato]Pessoal, alguém sabe como crio um controlbar com um botão alinhado a direita, no Spark?

[/quote]

Coloque em a canvas no control bar e faça ela ter 100% da espessura em seguida adicione o botão e mude sua posição como desenhar

flw

#3

não é isso não cara…

O Spark não tem o componente controlBar… o substituto dele é o controlBarContent. A minha dificuldade está justamente em colocar os botões alinhados a direita.

<s:controlBarContent>
	// meus botões
</s:controlBarContent>

DETALHE: to me referindo a Flex, ok?! 8)

#4

E por acaso esse componente não aceita uma Canvas

Detalhe: eu também

#5

galera vai um exemplo para ajudar…

—controlBarContent na aplicação fica na parte de cima…

<?xml version="1.0" encoding="utf-8"?>

<s: Application xmlns:fx=“http://ns.adobe.com/mxml/2009” xmlns:s=“library://ns.adobe.com/flex/spark”>
<s: controlBarContent>
<s: Spacer width=“100%”/>
<s: Button label=“Control 1” click=“mx.controls.Alert.show(‘Hello World controlBarContent’)” />
</s: controlBarContent>
<s: Button x=“15” y=“16” label=“content” click=“mx.controls.Alert.show(‘Hello World Panel’)” />
</s: Application>

para alinha a direita use o <s:Spacer width:“100%” /> antes do button com tamanho de 100%…

—controlBarContent em um panel fica na parte de baixo…

<?xml version="1.0" encoding="utf-8"?>

<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx=“library://ns.adobe.com/flex/mx” minWidth=“800” minHeight=“600”>

<s: Panel x="0" y="0" width="800" height="600" title="controlBarContent">
	
	<s: controlBarContent>
		<s:Spacer width="100%"/>
		<s:Button id="calc" label="Calcular" click="mx.controls.Alert.show('Calculando...');"/>
	</s: controlBarContent>  
</s: Panel>

</s: Application>

so colar que funfa legal…
abrass :lol:

#6 
	<s:Panel width="100%" height="100%">
                <!-- Aqui você seta o layout do seu controlBar -->
		<s:controlBarLayout>
			<s:HorizontalLayout verticalAlign="middle" horizontalAlign="right"/>
		</s:controlBarLayout>
		<s:controlBarContent>
			<s:Button label="Teste Layout"/>
		</s:controlBarContent>
	</s:Panel>

Espero ter ajudado.

#7