Preloading a ViewStack panel

Is there a way to preload a specific panel of a ViewStack? And all its children?
I don't want to preload all of the panels. Just one. But without displaying it.
I've tried myViewStack.createComponentFromDescriptor(myViewStack.childDescriptors[2],true);
(Called within the ViewStack initialise event handler)
But that doesn't accomplish what I want.

This may be of interest:
http://livedocs.adobe.com/flex/3/html/help.html?content=layoutperformance_05.html

Similar Messages

Calling from custom component

I need to call a switch the viewstack panel from a child of
it which is a custom login component in separate mxml file after
authorising, can anyone explain how to do it flex AS3?

Just listen to the event in the parent itself... and when
dispatching the event make sure you set bubbles to true.

[svn:fx-trunk] 9419: 2nd attempt to check in prototypes of ControlBars in Panel and Application , Spark Containers in Halo Navigators, Halo ViewStack in Spark ButtonBar.

Revision: 9419
Author:   [email protected]
Date:     2009-08-20 09:19:04 -0700 (Thu, 20 Aug 2009)
Log Message:
2nd attempt to check in prototypes of ControlBars in Panel and Application, Spark Containers in Halo Navigators, Halo ViewStack in Spark ButtonBar. APIs should match spec but are subject to change from PARB. Skins are subject to tweaking after XD review
QE Notes: The following tests will fail and need updating:
gumbo/containers/Panel/Properties/Panel_Properties_position Panel_Properties_rotate
apollo/spark/components/Window/properties/window_properties_titleIcon_tests titleIcon_test8
Doc Notes: None
Bugs: None
Reviewer: Darrell, Glenn, Ryan
API Change: No
Is noteworthy for integration: No
tests: checkintests mustella/gumbo/components/Application, gumbo/components/ButtonBar, gumbo/containers/Panel, apollo/gumbo/spark/Window, containers/ViewStack, containers/Accordion,
states/Integration/TabNavApp, states/Reparent
Modified Paths:
    flex/sdk/trunk/frameworks/projects/airframework/src/spark/skins/spark/SparkChromeWindowed ApplicationSkin.mxml
    flex/sdk/trunk/frameworks/projects/framework/src/mx/containers/Accordion.as
    flex/sdk/trunk/frameworks/projects/framework/src/mx/containers/TabNavigator.as
    flex/sdk/trunk/frameworks/projects/framework/src/mx/containers/ViewStack.as
    flex/sdk/trunk/frameworks/projects/framework/src/mx/controls/NavBar.as
    flex/sdk/trunk/frameworks/projects/framework/src/mx/core/Container.as
    flex/sdk/trunk/frameworks/projects/framework/src/mx/events/FlexEvent.as
    flex/sdk/trunk/frameworks/projects/framework/src/mx/managers/FocusManager.as
    flex/sdk/trunk/frameworks/projects/spark/src/spark/components/Application.as
    flex/sdk/trunk/frameworks/projects/spark/src/spark/components/ButtonBar.as
    flex/sdk/trunk/frameworks/projects/spark/src/spark/components/Panel.as
    flex/sdk/trunk/frameworks/projects/spark/src/spark/components/SkinnableContainer.as
    flex/sdk/trunk/frameworks/projects/spark/src/spark/skins/spark/ApplicationSkin.mxml
    flex/sdk/trunk/frameworks/projects/spark/src/spark/skins/spark/PanelSkin.mxml
    flex/sdk/trunk/frameworks/projects/wireframe/src/spark/skins/wireframe/PanelSkin.mxml
    flex/sdk/trunk/frameworks/spark-manifest.xml
    flex/sdk/trunk/modules/compiler/src/java/flex2/compiler/mxml/builder/ComponentBuilder.jav a
    flex/sdk/trunk/modules/compiler/src/java/flex2/compiler/mxml/lang/StandardDefs.java
    flex/sdk/trunk/modules/compiler/src/java/flex2/compiler_en.properties
Added Paths:
    flex/sdk/trunk/frameworks/projects/framework/src/mx/core/IDeferredContentOwner.as
    flex/sdk/trunk/frameworks/projects/framework/src/mx/core/INavigatable.as
    flex/sdk/trunk/frameworks/projects/framework/src/mx/core/INavigatorContent.as
    flex/sdk/trunk/frameworks/projects/spark/src/spark/components/NavigatorChild.as
Removed Paths:
    flex/sdk/trunk/frameworks/projects/spark/src/spark/core/IDeferredContentOwner.as

Preloading multiple movies for same panel

Hello,
I'm new to JMF and have to achieve the following.
I have make an application that can play a collection of movies (50+) and play them in the same panel in arbitrary sequence. The movies need to play after each other as seamless as possible so they need to be preloaded as much as possible. The application can load as long as it wants but once it's playing movies need to start almost instantly.
So far ive tried working with one panel and making 50 MediaPlayer objects attached to the one panel and removing content of panel after each one is added.
In my attempts i tried:
prefetching each after loading;
realizing them after loading
realizing them before i start playing
but i because i still havent figured out the right way to do this ive had very messy results. ( Not realized exceptions, sound playing but no visuals, several movies are playing at the same time, .. movies wont start after they have been stopped etc....)
Can someone who is more familiar with JMF please put me back on track? I fear that my approach isnt the good one but i have no idea how to attempt this.
Thanks in advance,
Hendrik

Thing is, it is decided only at runtime which movie will
play after the current one That is what I was assuming, yes.
One form of such a thing might be the user
points to a directory, and the app. plays the
animations it finds, in random order.
For this, the app. could keep a list of files or
URL's of potential files to play next, selecting
the 'very next' at the exact moment the next file
is required or called for.
...so I would have to preload them all. I do not see why. In my way of imagining
the scenario, the app. might be loading the
'next' clip as it is playing the current one.
All it would need to store 'all of' is the File
(or URL, or String that represent file or
URL) objects that are animations.
If it turns out the clips are so short in duration
that it takes longer to load them than play them,
it might pay to have a number of threads loading
the next clips (plural). So fire up a number of
'load next vid.' threads, and it should all work
just fine.
...Wouldnt it be possible to preload 50 clips
using MediaPlayer.prefetch() when loading? Yes. No. Maybe. Depends..
How long is a piece of string?
(To put that another way)
I have animations of 80-120 Meg. in size
that run for around 20-40 seconds each
(800x600 at 15-20FPS from high res.
JPEG's - no audio). Running in a standard
memory JRE, I can expect to see around
25-30 of them in sequence before the
multi-file player I mentioned earlier, hits
OutOfMemoryErrors. So, ..
No.
Playing 'plain old' MOV's produced by a
Kodak camera recording a 320x240 format
at 15 FPS with 22KHz sound, I can play over
an hour of video before OOME's.
Yes.
Of course, increase the memory assigned to
the app., and you can expect to delay the OOME
(unless reusing players, or finding a way to
effectively dispose of them - in which case you
can increase the number that can be
preloaded).
Maybe..

All time in my Creative Cloud panel the preloader not finish, concretly in tabs: Home, Files and fonts. Whats happend?

I buy the creative cloud subcription, but my panel not finish of update, all time show the preloader but nothing more...
I need enjoy my creative cloud because i was pay for that...

¡Gracias por contactar con nosotros!
Hemos recibido su email correctamente, le contestaremos con la máxima brevedad posible...
¿Conoce nuestras tarifas?
http://www.factoriadearte.com/tarifas/precio-impresion-gran-formato.pdf
http://www.factoriadearte.com/tarifas/precio-impresion-offset.pdf
Factoría de arte.
Fijo: 926 978 194
Skype: factoria_de_arte
Facebook: /Factoriadearte
Twitter: @factoriadearte
[email protected]
www.factoriadearte.com
En cumplimiento de la Ley Orgánica 15/1999, de 13 de diciembre, de Protección de Datos de Carácter Personal y del Real Decreto 1720/2007, de 21 de diciembre, de desarrollo de esta ley, los datos de carácter personal que facilite en cualquier momento a Factoría de arte S.L.U., serán incluidos en un fichero automatizado de datos, titularidad de esta, y mantenidos bajo su responsabilidad, con el fin de ser tratados en la medida en que fueran necesarios o convenientes para el desarrollo de las relaciones que mantengamos con Usted, así como para su uso con fines comerciales, de información y publicitarios de todo tipo de productos y servicios propios. Usted consiente de forma expresa e inequívoca la cesión y transferencia internacional de sus datos a Factoría de arte S.L.U. empresa que ofrece un nivel de protección equiparable al establecido en la citada Ley Orgánica, en la medida en que sea necesario para el desarrollo de la relación mantenida con usted.
En cualquier momento, podrá ejercitar los derechos de acceso, rectificación, cancelación y oposición respecto a sus datos personales, mediante comunicación escrita dirigida a la sede de la entidad sita en Calle Santa Rita, 86, 13700 Tomelloso (Ciudad Real), o por e-mail dirigido [email protected]
Este correo electrónico contiene información confidencial, y es de uso exclusivo del destinatario, quedando prohibida a cualquier otra persona su revelación, copia, distribución, o el ejercicio de cualquier acción relativa a su contenido. Si ha recibido este mensaje por error, por favor, conteste a su remitente mediante correo electrónico y proceda a borrarlo de su sistema.

Trying to add a motion path to a panel but i get errors...

hey guys.. im trying to move a panel container from one location to another..
basically when i start off the application the panel's horizontalCenter is set to "0"
what i need it to do is move from that center location to left.
the code i have is...
<?xml version="1.0" encoding="utf-8"?>
<s:Group xmlns:fx="http://ns.adobe.com/mxml/2009"
           xmlns:s="library://ns.adobe.com/flex/spark"
           xmlns:mx="library://ns.adobe.com/flex/mx" width="100%" height="100%"
           xmlns:imageHandler="modules.imageHandler.*">
     <fx:Script source="loginSuccessScript.as" />
     <fx:Declarations>
          
          <s:ArrayCollection id="sourceData">
               <fx:Object label="Content Group" stackId="contentGroup" />
               <fx:Object label="Images" stackId="images" />
               <fx:Object label="Videos" stackId="videos" />
               <fx:Object label="Flash Objects" stackId="flashObjects" />
               <fx:Object label="Story Editor" stackId="storyEditor" />
               <fx:Object label="Tag Management" stackId="tagManagement" />
               <fx:Object label="Image and Video Format" stackId="format" />
               <fx:Object label="Rules And Permissions" stackId="rulesAndPermissions" />
          </s:ArrayCollection>
          <s:Parallel id="clickMove" target="navContainer">
               <s:Animate duration="250">
                    <s:SimpleMotionPath id="motionPath" valueFrom="0" valueTo="300"/>
               </s:Animate>
               
          </s:Parallel>
     </fx:Declarations>
     <s:states>
          <s:State name="all" />
          <s:State name="videoUpload" />
          <s:State name="imageUpload" />
          <s:State name="contentGroup" />
          <s:State name="flashObjects" />
     </s:states>
     <s:HGroup horizontalCenter="0">
          <s:Panel id="navContainer" width="250" height="100%">
               <s:List id="nav" width="250" height="100%" dataProvider="{sourceData}" click="updateStack()" />
          </s:Panel>
          <s:Panel width="100%" height="100%" visible="false">
               <mx:ViewStack id="displayComponents" creationPolicy="all">
                    <mx:Canvas id="blank">
                    </mx:Canvas>
                    <mx:Canvas id="images">
                         <imageHandler:imageHandler />
                    </mx:Canvas>
               </mx:ViewStack>
          </s:Panel>
     </s:HGroup>
</s:Group>
and in my actionscript in the updateStack function, i just call clickMove.play();
ive also tried setting the simpleMotionPath property to "x" and "left" and neither of them work...
and when i play the animation i get an error that says
"error: Property null is not a property or a style on object navContainer: TypeError: Error #1006: value is not a function..
or
"error: Property x is not a property or a style on object navContainer: TypeError: Error #1006: value is not a function..
or
"error: Property left is not a property or a style on object navContainer: TypeError: Error #1006: value is not a function..

ok never mind... so i think this i have my problem almost figured out...
i changed my code to resemble the following...
<?xml version="1.0" encoding="utf-8"?>
<s:Group xmlns:fx="http://ns.adobe.com/mxml/2009"
           xmlns:s="library://ns.adobe.com/flex/spark"
           xmlns:mx="library://ns.adobe.com/flex/mx" width="100%" height="100%"
           xmlns:imageHandler="modules.imageHandler.*">
     <fx:Script source="loginSuccessScript.as" />
     <fx:Declarations>
          
          <s:ArrayCollection id="sourceData">
               <fx:Object label="Content Group" stackId="contentGroup" />
               <fx:Object label="Images" stackId="images" />
               <fx:Object label="Videos" stackId="videos" />
               <fx:Object label="Flash Objects" stackId="flashObjects" />
               <fx:Object label="Story Editor" stackId="storyEditor" />
               <fx:Object label="Tag Management" stackId="tagManagement" />
               <fx:Object label="Image and Video Format" stackId="format" />
               <fx:Object label="Rules And Permissions" stackId="rulesAndPermissions" />
          </s:ArrayCollection>
          <s:Parallel id="clickMove" target="{cont}">
               <s:Animate duration="500">
                    <s:SimpleMotionPath id="motionPath" property="left" valueFrom="0" valueTo="600"/>
               </s:Animate>
               
          </s:Parallel>
     </fx:Declarations>
     <s:states>
          <s:State name="all" />
          <s:State name="videoUpload" />
          <s:State name="imageUpload" />
          <s:State name="contentGroup" />
          <s:State name="flashObjects" />
     </s:states>
     <s:HGroup horizontalCenter="0" id="cont" height="100%" width="100%">
          <s:Panel id="navContainer" width="250" height="100%" left="300">
               <s:List id="nav" width="250" height="100%" dataProvider="{sourceData}" click="updateStack()" />
          </s:Panel>
          <s:Panel width="30" height="100%" creationPolicy="all">
               <mx:ViewStack id="displayComponents" creationPolicy="all">
                    <mx:Canvas id="blank">
                    </mx:Canvas>
                    <mx:Canvas id="images">
                         <imageHandler:imageHandler />
                    </mx:Canvas>
               </mx:ViewStack>
          </s:Panel>
     </s:HGroup>
</s:Group>
forsome reason my hgroup will not center its self to the window... any reason why?

System and security control panel

Could someone with a W520 take a screenshot of the lenovo apps in their "system and security" section of control panel please. I am doing a ground up install from bare windows 7 to get rid of the preloaded SQL server 2005 and adding back the programe I want.
Just want to seee what came preloaded.
Thanks

njb,
Why not just run the ThinkVantage System Update and let it install as usual. You can also "un-check" those drivers that you don't want to install.
*Non Lenovo employee*
I have a Y2P (i5) ... Feel free to ping me if you want me to test some applications with your Y2P if you have the same model. I don't mind keep doing recovery on it if needed .... =)

How to create collapsible panel in flex3

I
How to create Collapsible panel in flex.
If you observer above image. There are three panels.For ffirst and last panel i have provided one button where it contains open/close button.When user selects close button left panel should collapse to left hand side and the same should come to its original postion. In case of right panel is the same process except it should collapse to right side.
Below is my code:
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" applicationComplete="init()" >
<mx:Script>
<![CDATA[
import flash.net.FileReference;
import mx.controls.Menu;
import flash.display.Stage;
import mx.events.MenuEvent;
import mx.controls.Alert;
import mx.events.ListEvent;
import mx.managers.DragManager;
        import mx.core.DragSource;
        import mx.events.DragEvent;
import DrawingClasses.Designer;
[Bindable]
[Embed(source="/images2/line.png")]
public var linePicture:Class;
[Bindable]
[Embed(source="/images2/box.png")]
public var boxPicture:Class;
[Bindable]
public var xm:XML =
<AbstractComponentTemplate></AbstractComponentTemplate>;
public var compType:XML =
   <ComponentTemplateDescriptor>
    <Owner>BackTesting</Owner>
    <Name>Component</Name>
    <Version>1</Version>
   </ComponentTemplateDescriptor>;
[Bindable]
        private var cm:ContextMenu;
public var xm1:XML;
public var loopparent:Array = new Array();
private var mouseTarget:DisplayObject;
private var xOff:Number;
private var yOff:Number;
private var designer:Designer = new Designer();
private var i:int;
private var j:int;
private function init():void
   designer.setDesignArea(designArea);
   var cmi1:ContextMenuItem = new ContextMenuItem("Properties", true);
            cmi1.addEventListener(ContextMenuEvent.MENU_ITEM_SELECT, contextMenuItem_propertiesSelect);
   var cmi2:ContextMenuItem = new ContextMenuItem("View XML", true);
   cmi2.addEventListener(ContextMenuEvent.MENU_ITEM_SELECT, contextMenuItem_viewXMLSelect);
   var cmi3:ContextMenuItem = new ContextMenuItem("Saved Components", true);
   cmi3.addEventListener(ContextMenuEvent.MENU_ITEM_SELECT, contextMenuItem_savedListSelect);
   cm = new ContextMenu();
   cm.hideBuiltInItems();
   cm.customItems = [cmi1, cmi2, cmi3];
   cm.addEventListener(ContextMenuEvent.MENU_SELECT, contextMenu_menuSelect);
private function contextMenu_menuSelect(evt:ContextMenuEvent):void {
private function contextMenuItem_propertiesSelect(evt:ContextMenuEvent):void {
    accrCon2.label = "Two Way Split - Properties";
    accrWin.selectedIndex = 1;
private function contextMenuItem_viewXMLSelect(evt:ContextMenuEvent):void {
    viewstack1.selectedIndex = 1;
private function contextMenuItem_savedListSelect(evt:ContextMenuEvent):void {
    accrWin.selectedIndex = 0;
[Bindable]
private var propValue:String = "Component";
        private function itemClickEvent(event:ListEvent):void {
   var propKey:String = dgProp.selectedItem.@key;
   if (propKey == "name") {
    propValue = dgProp.selectedItem.propvalue;
[Bindable]
private var sourceXML:XML =
<order>
   
   <?PROC_INSTR sample ?>
   <item id='1'>
    <menuName>burger</menuName>
    <price>3.95</price>
   </item>
   <item id='2'>
    <menuName>fries</menuName>
    <price>1.45</price>
   </item>
</order>;
[Bindable]
private var savedComp:Array=['ComponentTemplate',
'iv85341.EquityCash.v1',
'ra92724.ThreeWaySplit.EU.US.OTHERS.v1',
'ra92724.TwoWaySplit.EU.OTHERS.v1',
'ra92724.TwoWaySplit.US.OTHERS.v1',
'iv85341.VanillaNode.v1',
'iv85341.ReadGmrFs.v1'
     [Bindable]
     private var propData:XML =
      <properties>
       <prop key="name">
        <propvalue>Component</propvalue>
     <itemRenderer>mx.controls.NumericStepper</itemRenderer>
       </prop>
       <prop key="Version">
        <propvalue>1.0</propvalue>
     <itemRenderer>mx.controls.NumericStepper</itemRenderer>
       </prop>
       <prop key="Owner">
        <propvalue>iv85341</propvalue>
     <itemRenderer>mx.controls.NumericStepper</itemRenderer>
       </prop>
       <prop key="width">
        <propvalue>250</propvalue>
     <itemRenderer>mx.controls.NumericStepper</itemRenderer>
       </prop>
       <prop key="height">
        <propvalue>300</propvalue>
     <itemRenderer>mx.controls.NumericStepper</itemRenderer>
       </prop>
       <prop key="X-Pos">
        <propvalue>40</propvalue>
     <itemRenderer>mx.controls.NumericStepper</itemRenderer>
       </prop>
       <prop key="Y-Pos">
        <propvalue>20</propvalue>
     <itemRenderer>mx.controls.NumericStepper</itemRenderer>
       </prop>
      </properties>;
   private function rightClick(event:MouseEvent):void
    Alert.show("Properties ..." + event.currentTarget, "Open");
   // Draging Code Starts Here
   private var curDate:Date = new Date();
   private var dateList:XMLList = null;
   public function pictureDragDrop(event:DragEvent):void {
    //Alert.show (" com = " + event.dragSource.dataForFormat("key"));
    var nodeName:String = event.dragSource.dataForFormat("key").toString(); //txtInput1.text;
    var nodeValue:String = "";
    if (nodeValue == "")
     if (xm == <AbstractComponentTemplate></AbstractComponentTemplate>)
      xm.appendChild(compType);
      dateList = new XMLList("<DateCreated>" + curDate + "</DateCreated>");
      xm.appendChild(dateList);
      dateList = new XMLList("<DateModified>" + curDate + "</DateModified>");
      xm.appendChild(dateList);
      xm1 = XML("<" + nodeName + "></" + nodeName + ">");
      xm.appendChild(xm1);
     else
      i++;
      xm1 = XML("<" + nodeName + "></" + nodeName + ">");
      xm.appendChild(xm1);
      //loopparent.push(xmlarray:xm1);
      loopparent[i] = xm1;
    else
     var xmlList:XMLList = new XMLList("<" + nodeName + ">" + nodeValue + "</" + nodeName + ">");
     if (xm1 == null)
      xm.appendChild(xmlList);
     else
      for (j = i; j>0; j--)
      (loopparent[j]).appendChild(xmlList);
      //Alert.show("alert");
    var x:int = event.currentTarget.mouseX - xOff;
    var y:int = event.currentTarget.mouseY - yOff;
    if(event.dragSource.dataForFormat("key") == "box")
     designer.addBox(x, y);
    else if(event.dragSource.dataForFormat("key") == "circle")
     designer.addCircle(x, y);
    else
     designer.addRectangle(x, y);
    //txtInput1.text = "";
    //txtInput2.text = "";
   // this method gets x and y coordinate of template box image
   private function myoffset(img:Image):void {
    xOff = img.mouseX;
    yOff = img.mouseY;
   // this method does acceptable draging box image
   public function pictureDragEnter(event:DragEvent):void{
    DragManager.acceptDragDrop(Canvas(event.target));
   // this method supply drag box when mouse move on the design area
   private function dragPicture1(event:MouseEvent, img1:Image,format:String):void{
    var dragInitiator:Image=Image(event.currentTarget);
    var ds:DragSource = new DragSource();
    var imageProxy:Image = new Image();
    imageProxy.source = img1.source;
    imageProxy.height= 150;
    imageProxy.width= 150;
    ds.addData(format,"key");
    DragManager.doDrag(dragInitiator, ds, event,imageProxy, 0, 0, 1.00);
   // this method works when click on the line button
   // it is make enable to draw line
   public function doDrawEnable():void {
    designer.setIsDrawEnable(true);
   private var fileRef:FileReference;
   public function createXML():void {
    var fileName:String = "component.xml";
                fileRef = new FileReference();
    fileRef.browse();
   // Draging code ends here
]]>
</mx:Script>
<mx:Fade id="theEffect"/>
<mx:HDividedBox width="100%" height="100%">
<mx:VDividedBox height="100%" width="20%">
    <mx:Panel title="Drawing Components" width="100%" height="100%" layout="vertical" >
        <mx:Panel title="Nodes" width="100%" height="100%" layout="vertical">
         <mx:Image id="box" toolTip="TwoWay Split" useHandCursor="true" buttonMode="true" source="@Embed(source='images2/box.png')" mouseMove="dragPicture1(event, box, 'box');myoffset(box);" width="28" height="28" x="84" y="6"></mx:Image>
         <mx:Image id="rectangle" toolTip="MultiWay Split" useHandCursor="true" buttonMode="true" source="@Embed(source='images2/rectangle.png')" mouseMove="dragPicture1(event, rectangle, 'rectangle');myoffset(rectangle);" width="28" height="28" x="160" y="10"></mx:Image>
         <mx:Image id="circle" toolTip="Reader" useHandCursor="true" buttonMode="true" source="@Embed(source='images2/circle.png')" mouseMove="dragPicture1(event, circle, 'circle');myoffset(circle);" width="28" height="28" x="120" y="8"></mx:Image>
         <mx:Image id="line" toolTip="Line" useHandCursor="true" buttonMode="true" source="@Embed(source='images2/line.png')" click="doDrawEnable()" width="28" height="28" x="279" y="10"></mx:Image>
         
        </mx:Panel>
    </mx:Panel>
</mx:VDividedBox>
<mx:VDividedBox height="100%" width="60%">
    <mx:HDividedBox width="100%" height="100%">
     <mx:Canvas width="100%" height="100%" >
      <mx:TabBar x="0" y="10" dataProvider="viewstack1" />
      <mx:ViewStack id="viewstack1" width="100%" height="100%" y="32">
       <mx:Canvas backgroundColor="#ffffff" borderColor="0xB7BABC" borderStyle="solid" borderThickness="7" label="{propValue}" id="designArea" contextMenu="{cm}" dragEnter="pictureDragEnter(event)" dragDrop="pictureDragDrop(event)" width="100%" height="100%" >
       </mx:Canvas>
       <mx:Panel id="pnlXML" label="XML" width="100%" height="100%" showEffect="{theEffect}" >
        <mx:ControlBar width="100%" barColor="#FF22CC">
         <mx:Spacer width="100%"/>
         <mx:Button id="btnSave" label="Save" useHandCursor="true" buttonMode="true" mouseChildren="false" click="createXML()" />
        </mx:ControlBar>
        <mx:TextArea fontSize="12" wordWrap="false" textIndent="8" id="txtAreaXML" text="{xm}" width="100%" height="100%" editable="false" />
       </mx:Panel>
      </mx:ViewStack>
     </mx:Canvas>
    </mx:HDividedBox>
</mx:VDividedBox>
<mx:VDividedBox height="100%" width="20%">
   <mx:Panel title="Saved Components and Properties" width="100%" height="100%" layout="vertical" >
    <mx:Accordion id="accrWin" x="51" y="35" width="100%" height="100%">
        <mx:Canvas label="Saved Components" width="100%" height="100%">
         <mx:List height="100%" width="100%" dataProvider="{savedComp}" />
        </mx:Canvas>
        <mx:Canvas id="accrCon2" label="Properties" width="100%" height="100%">
         <mx:DataGrid id="dgProp" dataProvider="{propData.prop}" height="100%" width="100%" editable="true" itemClick="itemClickEvent(event);">
          <mx:columns>
           <mx:DataGridColumn dataField="@key" headerText="Property" editable="false" />
           <mx:DataGridColumn dataField="propvalue" headerText="Value" editable="true" />
          </mx:columns>
         </mx:DataGrid>
        </mx:Canvas>
     </mx:Accordion>
   </mx:Panel>
</mx:VDividedBox>
</mx:HDividedBox>
<mx:ApplicationControlBar dock="true">
<mx:Image source="images/Openfile.gif" toolTip="Open" useHandCursor="true" buttonMode="true" mouseChildren="false" click="createXML()" />
<mx:Image source="images/Savefile.gif" toolTip="Save" useHandCursor="true" buttonMode="true" mouseChildren="false" click="createXML()" />
<mx:Image source="images/Undo.gif" toolTip="Undo" useHandCursor="true" buttonMode="true" mouseChildren="false" />
<mx:Image source="images/Redo.gif" toolTip="Redo" useHandCursor="true" buttonMode="true" mouseChildren="false" />
<mx:Image source="images/Delete.gif" toolTip="Delete" useHandCursor="true" buttonMode="true" mouseChildren="false" />
<mx:Image source="images/Print.gif" toolTip="Print" useHandCursor="true" buttonMode="true" mouseChildren="false" />
<mx:Spacer width="100%" />
<mx:Label text="BackTesting" fontWeight="bold" fontSize="16" />
</mx:ApplicationControlBar>
</mx:Application>
Plz change my code according to the requirement.
Thanks

Could you give us the full source code?
Thanks!!

How to Preloading a swf file in one application

hello friends,
How to preload a swf file in one application??
i have two panel in one panel i given login screen and In second panel there is one module i have to show this panel which is visible="false" when user logged in but i have to preload this module in second panel when the user is doing logi. and when user logged in that time i have to show the second panel hiding the first panel.
so how to do this i m not getting can anyone help me??
Thanking you,
Gajanan

i have created a jar file.Now i want to reuse this
jar file in another java program.Could anyone please
guide me with the steps of how to reuse a jar fileput your jar file in class path and import the class which u want to reuse in your code so that u can access all the methods in that class in ur code.

[svn:fx-trunk] 5019: ASDoc updates to indicate that some Halo containers do not work with the Spark equiv (ControlBar does not work with Spark Panel/ AppControlBar does not work with Spark Application), and indicate that Canvas, Box, Tile, Panel have Spa

Revision: 5019
Author: [email protected]
Date: 2009-02-19 13:17:21 -0800 (Thu, 19 Feb 2009)
Log Message:
ASDoc updates to indicate that some Halo containers do not work with the Spark equiv (ControlBar does not work with Spark Panel/AppControlBar does not work with Spark Application), and indicate that Canvas, Box, Tile, Panel have Spark equivs
QE Notes: None
Doc Notes: None
Bugs: -
Modified Paths:
flex/sdk/trunk/frameworks/projects/framework/src/mx/containers/Accordion.as
flex/sdk/trunk/frameworks/projects/framework/src/mx/containers/ApplicationControlBar.as
flex/sdk/trunk/frameworks/projects/framework/src/mx/containers/Box.as
flex/sdk/trunk/frameworks/projects/framework/src/mx/containers/Canvas.as
flex/sdk/trunk/frameworks/projects/framework/src/mx/containers/ControlBar.as
flex/sdk/trunk/frameworks/projects/framework/src/mx/containers/HBox.as
flex/sdk/trunk/frameworks/projects/framework/src/mx/containers/Panel.as
flex/sdk/trunk/frameworks/projects/framework/src/mx/containers/TabNavigator.as
flex/sdk/trunk/frameworks/projects/framework/src/mx/containers/Tile.as
flex/sdk/trunk/frameworks/projects/framework/src/mx/containers/VBox.as
flex/sdk/trunk/frameworks/projects/framework/src/mx/containers/ViewStack.as

Hi DST
This is a great effort and gesture. thank you on behalf of all the newbies.
PJ

Spry Sliding Panels not working in IE

I've been working for about 12 hours straight on getting this
working correctly - my Sliding Panels just aren't working at all in
IE. The panels load properly - for example, you can see only the
first loaded panel, not all of them - but when I click a link to
switch to the next, nothing happens. Firebug is reporting no
errors, and neither is IE. Here is the relevant code:
<head><script type="text/javascript"
src="SpryAssets/SprySlidingPanels.js"></script>
<link type="text/css" rel="stylesheet"
href="SpryAssets/SprySlidingPanels.css"></head>
<div id="mainContent">
<div id="panelwidget" class="SlidingPanels">
<div class="SlidingPanelsContentGroup">
<div class="SlidingPanelsContent" id="main">Main
Content<br /><a href="images/news.png" rel="lytebox"
title="Omgtest!"><img src="images/news.png"
/></a><br /> <a href="javascript:void(0);"
onclick="sp1.showPanel('series');">TEST</a></div>
<div class="SlidingPanelsContent" id="series">Series
and Models</div>
<div class="SlidingPanelsContent" id="about">About and
Bio</div>
</div>
</div>
<script type="text/javascript">var sp1 = new
Spry.Widget.SlidingPanels("panelwidget");</script>
</div>
The following might be somewhat related: I am using the
Lytebox javascript library, which is a Lightbox clone (that doesn't
use prototype), as well as a preloader for my mouseover nav bar,
with this code:
<script type="text/javascript">
function init() {
MM_preloadImages('images/menu/main_click-trans.png','images/menu/main_hover-trans.png','i mages/menu/series_click-trans.png',
'images/menu/series_hover-trans.png','images/menu/about_click-trans.png','images/menu/abo ut_hover-trans.png');}
</script>
My nav bar links to the panels like this:
onclick="MM_nbGroup('down','group1','Main','images/menu/main_click-trans.png',1);
sp1.showPanel('main'); return false"
However, a plaintext link inside of the first panel - "<a
href="javascript:void(0);"
onclick="sp1.showPanel('series');">TEST</a>" - does not
work either.
Just for fun I thought I would try adding min-height:0; zoom:
1; to the CSS classes for slidingpanels.... no dice there as well.
URL is
www.goldensealdrums.com/wip
Any ideas? I am at a complete loss. Thanks.

Thanks for your help :] I ended up realizing that a huge
bloated js navbar wasn't all that great of an idea anyway, so I
scrapped it and used a CSS-based one instead...much cleaner and
works better (no preloading! woohoo.) It looks like the problem was
probably an amalgamation of many things, but it's resolved now.
quote:
IE doesn't seem to like the PNG images you are using
understatement of the decade.

Flash CS5 AS3 Preloader Issues

Hi.
I'm a complete novice with Flash and at risk at looking like 'Dumbest Poster of the Year', I'm requesting help/advic over a couple of issues.
My first concern is with a very simple preloader I've made for a movie. Here is the code (posted in first frame of movie; nothing else is in the frame except for the preloader itself):
import flash.events.Event;
stop();
addEventListener(Event.ENTER_FRAME, loaderF);
function loaderF(e:Event):void{
var toLoad:Number = loaderInfo.bytesTotal;
var loaded:Number = loaderInfo.bytesLoaded;
var total:Number = loaded/toLoad;
if(loaded == toLoad) {
removeEventListener(Event.ENTER_FRAME, loaderF);
gotoAndPlay(2);
} else {
PreLoader.PreLoaderFill.scaleX = total;
PreLoader.PercentLoaded.text = Math.floor(total*100) + "%";
When I simulate a download, the preloader works fine in all the settings except for 'T1'. On this setting, the movie loads to about 20% then the preloader stops, the movie begins and I receive the following error message in the output panel:
TypeError: Error #1009: Cannot access a property or method of a null object reference.
at FlashFront1_fla::MainTimeline/loaderF() .
The movie itself plays fine on all settings, including 'T1'. Debug doesn't report any issues on preloader or movie.
Can anybody give me any idea what the source of the issue is? Should I even be concerned about it givne that the movie plays without a problem?
My second question relates to the 'Simulate Download' pre-settings in Flash. I know their are people out there still on 56K dial-up, or with 'broadband' running at 500 KBS (in the UK at least), but nevertheless, the download simulation settings seem like they are all geared to internet as it was in 1997 and are hardly reflective of the capacity of modern connections. Why is this?
My movie is not large (about 320KB). Should I even be bothering with a preloader or am I wasting my time for a small minority audience (much like the web designers who still produce sites for the 12 people in the world still browsing in 800 x 600 res)?
Thanks for any help/advice.

Flash movies stream down and finish "loading" when the first frame and content that loads on the first frame is available, though frame 1001 might not be downloaded yet. You would think you'd be kinda safe with frame 2 on a T1, but I think the issue is things aren't updating in the right order rather than things not really being downloaded. Heck, it could even just be the T1 simulation that's causing problems.
Debug Movie probably isn't showing issues because it slows the timing enough to make everything ok. You could try trace statements too to see how far the code gets.
Also, you might try a full scale AS3 loader like this one http://www.republicofcode.com/tutorials/flash/as3loader/
I've found the Event.COMPLETE listener for the loader like this:
my_loader.contentLoaderInfo.addEventListener(Event.COMPLETE, finishLoading);
to be pretty accurate so far in regards to content truly being loaded where as previous methods gave false positives for loading.

Issue with preloading audio & responsive scaling

2 things that I have noted with the new 3.0 version of Edge Animate:
1. Preloading audio caused my page never to load when using mp3 & ogg files. After turning off this stage option the page loaded fine. Also noted on my mobile android device when using the preloading option (where preloading isn't allowed) the same page - that gave my pc fits - loaded okay further convincing me that there is some issue I can easily avoid by not preloading audio.
2. When using the scaling option & centering the stage when maximizing the screen the original fonts became grainy - I must not have made my original stage large enough so type is being scaled up - I used Pinyon Script & Verdana which both came with Edge Animate. I had used the stage default size of 550 x 400 pixels. my pc's screen resolution is set at 1600 x 900. my mobile device looks fine, its screen resolution is 1280 x 720 hd.
To Adobe Support, Is video going to be added like audio was, other wise I will just use edgehero so I can get After Effects effects to work.
In Sara Hunt's video she references a Greensock Animation that she used, Could she please post her example somewhere or otherwise tell me where it is downloadable from? I would be very interested in how she got the Greensock script to stop & restart inside Edge Animate - something I could not get to work previously. Thank you.
Bob

Hi, Bob-
Regarding your second question, we don't do anything special (like changing the font size in the CSS) for the scaling; we apply a scale transform to the font and let the browser handle the rest. You might want to try applying that manually to see if it's a problem with the browser.
Regarding your third question: we're looking at video for a future release, but you shouldn't expect it immediately. If you're looking at a project in the next little while, you might want to rely on external libraries like edgehero.
And your last question: Paul Trani has a great tutorial on how to use Greensock within Edge Animate. Simply integrate Greensock using the + next to the Scripts section in the Library Panel, and then follow along starting at around 3:15:
http://www.youtube.com/watch?v=dvRj-ZQvpFE
Thanks,
-Elaine

Viewstack and centering objects

Hi all,
I have a viewstack that is within a Canvas (I also had it
within a HBox). One of the objects within the viewstack is a panel.
For the life of me I can't get the panel to center.
I've tried horizontalCenter="0" on all the objects in the
hierarchy with no luck. I've also tried horizontalAlign="center" on
the panel. Nothing seems to center the panel.
Any help appreciated.
Jim

"jim1234" <[email protected]> wrote in
message
news:g6vnlp$gjk$[email protected]..
> Hi all,
>
> I have a viewstack that is within a Canvas (I also had
it within a HBox).
> One
> of the objects within the viewstack is a panel. For the
life of me I
> can't get
> the panel to center.
>
> I've tried horizontalCenter="0" on all the objects in
the hierarchy with
> no
> luck. I've also tried horizontalAlign="center" on the
panel. Nothing
> seems to
> center the panel.
Use constraint based layout.

How to switch to a complete different dialog/panel?

Assume I need for a Flex app two completely different dialog panels:
1.) Panel A with a couple of buttons, entry fields, checkboxes,...
2.) Panel B with a big listbox and a few buttons at the bottom.
So when the user clicks in Panel A on a certain button some cumputations were made and the result presented in Panel B.
First question: How do I design a second Panel in Flex Builder? Is a new (different) mxml file required?
I found no "create new panel" or similar menu.
Second question: How can I switch fron the display of Panel A to the display of Panel B?
Peter

You could use a ViewStack and create separate files or keep them in
the same file, or use viewStates and have them at the same file
Sincerely,
Michael
El 22/04/2009, a las 14:50, pxstein <[email protected]> escribió:
>
Assume I need for a Flex app two completely different dialog panels:
>
1.) Panel A with a couple of buttons, entry fields, checkboxes,...
2.) Panel B with a big listbox and a few buttons at the bottom.
>
So when the user clicks in Panel A on a certain button some
cumputations were made and the result presented in Panel B.
>
First question: How do I design a second Panel in Flex Builder? Is a
new (different) mxml file required?
I found no "create new panel" or similar menu.
>
Second question: How can I switch fron the display of Panel A to
the display of Panel B?
>
Peter
>

Preloading a ViewStack panel

Similar Messages

Maybe you are looking for