Alterando as propriedades da aplicação ao exibir uma mensagem

Fala ae galera! Blz?
Este é meu primeiro post. Vamos lá!
Esta semana estive pensando o que poderia estar colocando aqui para contribuir com a galera.
Achei uma coisa simples mas interessante que muitas vezes perdemos tempo na net procurando como fazer.

Vocês sabiam que podemos mudar a velocidade, cor, nitidez e a transparência do fundo da aplicação ao chamarmos um Alert?

Veja abaixo como é simples de fazer.

Segue o código:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" width="500" height="500">
<mx:Script>
<![CDATA[
import mx.events.ColorPickerEvent;
import mx.events.SliderEvent;
import mx.controls.Alert;

private function setDuration(e:SliderEvent):void{
application.setStyle('modalTransparencyDuration',e.value)
}
private function setColor(e:ColorPickerEvent):void{
application.setStyle('modalTransparencyColor',e.color)
}
private function setBlur(e:SliderEvent):void{
application.setStyle('modalTransparencyBlur',e.value)
}
private function setTransparency(e:SliderEvent):void{
application.setStyle('modalTransparency',e.value)
}
]]>
</mx:Script>

<mx:HBox width="100%">
<mx:Text text="Duration: " width="100"/>
<mx:HSlider minimum="0" value="500" snapInterval="100" maximum="2000" tickInterval="500"
change="{setDuration(event)}"/>
</mx:HBox>
<mx:HBox width="100%">
<mx:Text text="Transparency:" width="100"/>
<mx:HSlider minimum="0" value="0.5" maximum="1" snapInterval="0.1" tickInterval="0.1"
change="{setTransparency(event)}"/>
</mx:HBox>
<mx:HBox width="100%">
<mx:Text text="Blur:" width="100"/>
<mx:HSlider minimum="0" value="5" maximum="10" snapInterval="0.5" tickInterval="1"
change="{setBlur(event)}"/>
</mx:HBox>
<mx:HBox width="100%">
<mx:Text text="Color:" width="100"/>
<mx:ColorPicker change="{setColor(event)}"/>
</mx:HBox>
<mx:Button label="showAlert!!" click="{Alert.show('Hello world from an Alert!!')}"/>
</mx:Application>

É possível também usar o .CSS, ou adicioná-lo através da tag ficando assim:

1
2
3
4
5
6
7
8
9

/* CSS file */

global {

modalTransparencyBlur: 5;
modalTransparency: 0.8;
modalTransparencyColor: #666666;
modalTransparencyDuration: 500;
}

4 comentários

Joe em 18.ago.08 às 4:26 pm

Meus parabéns pelo seu primeiro blog. Foi muito útil, pra alguém que está começando agora em Flex.
Nadai em 19.ago.08 às 1:48 pm

Muito obrigado Joe !! abraçãoo
Beck Novaes em 19.ago.08 às 3:01 pm

Nada aí… eu queria ver mesmo o ShowDown e o MoveRose

Legal Nadai. Tks for sharing!

[]‘s
Beck Novaes
Marcus Nadai em 19.ago.08 às 5:26 pm

kkkk.. esses aí estarão no próximo post.
Título = Efeitos ultra-avançados no flex… hehehehhe

vlw Beck

Alterando as propriedades da aplicação ao exibir uma mensagem

4 comentários

Deixe Seu Comentário