significado - flex wikipedia

Cómo implementamos la pantalla "Por favor espere..." en flex cuando la aplicación está ocupada

Question

Tengo una función que restaura todas las configuraciones predeterminadas de mi aplicación. Este proceso puede llevar algo de tiempo, por lo que me gustaría implementar una ventana emergente modal "Espere ..." para que el usuario sepa que todo está bien y que el programa no se ha congelado. Una vez que la función complete su tarea, me gustaría que elimine el mensaje y reanude el comportamiento normal.

texto alternativo http://www.freeimagehosting.net/uploads/c5906da30c.jpg

Answer 1

Puede utilizar PopUpManager para crear un PopUp Modal con un spinner animado. El componente Alert hace esto. Siempre puede hacer referencia al código fuente de Alert para ver cómo funciona.

Answer 2

Siempre que no necesite transmitirle nada al usuario que no sea "la aplicación aún se está ejecutando", creo que un método más elegante sería simplemente cambiar el cursor:

mx.managers.CursorManager.setBusyCursor() //do stuff mx.managers.CursorManager.removeBusyCursor() El cursor cambiará a un reloj con las manos girando. No estoy seguro si hay una manera de anular esto con su propia animación, pero es simple y no requiere que diseñe su propia ventana.

Answer 3

Para quienes llegan tarde a esta pregunta, Adobe lanzó un Throbber en 4.5:

http://www.adobe.com/cfusion/exchange/index.cfm?event=extensionDetail&loc=en_us&extid=1283019

http://fusiongrokker.com/post/using-the-flex-4-5-busyindicator

http://flexdevtips.blogspot.com/2011/05/simple-animating-preloader-and.html

Por ejemplo, ejecute lo siguiente desde el enlace de fusiongrokker arriba:

 private function busyOn():void
{
throbberId.visible = true;
}
private function busyOff():void
{
throbberId.visible = false;
}
]]>
</fx:Script>
<s:VGroup width="100%"
paddingLeft="10"
paddingRight="10"
paddingTop="10"
paddingBottom="10">
<s:BusyIndicator
id="throbberId"
visible="false"
rotationInterval="{rotationInterval}" />
<s:Button
id="start"
click="busyOn()"
width="100%"
height="50"
label="start" />
<s:Button
id="stop"
click="busyOff()"
width="100%"
height="50"
label="stop" />
</s:VGroup> 

Answer 4

En el inicio:

var waitingpopup:TitleWindow = new TitleWindow()
waitingpopup.title = "Please Wait ..."
PopupManager.addPopup(waitingpopup, this, true)

En completo:

PopupManager.removePopup(waitingpopup)