How content dynamically updated in flex

Question

Hi,

i need your help about below purposes.

problem-1:In php we can easily move one page to another and easily use different type of function from those pages.In flex3 how i can use different type of .mxml pages like php. Please guide me with tutorials.It will really helpful for me.

problem-2: In same page some content dynamically updated its resource by done one task.How can i do that please guide me.

Answer 1

Rather than treating your Flex application as a series of pages, you may want to consider an all-in-one SWF instead. This greatly reduces navigation time, at the cost of a longer initial download. You can switch among different views using tab pages or view stacks. As far as keeping your functions for each page separate, you can do this by implementing each logical "page" as a separate MXML component. Your top-level application MXML would look something like this:

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" 
    xmlns:my="com.mycompany.myapp"
>
    <mx:ViewStack id="pageViewStack" width="100%" height="100%">
        <my:MyComponent1 width="100%" height="100%"/>
        <my:MyComponent2 width="100%" height="100%"/>
    </mx:ViewStack>
</mx:Application>

Answer 2

For your second problem I have 2 files

imageResize.mxml

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" viewSourceURL="srcview/index.html">
    <mx:Script>

     <![CDATA[
      import mx.collections.ArrayCollection;
      private var _imageHolderWidth:Number = 500;
      private var _imageHolderHeight:Number = 500;
      [Bindable]
      private var imageArrayCollection:ArrayCollection = new ArrayCollection();

      private function changeSize():void{
       this.imageHolder.width = this._imageHolderWidth *(this.widthSlider.value * 0.01);
       this.imageHolder.height = this.imageHolder.width;

      }

      private function addToTileList():void{

       var bitmapData : BitmapData = new BitmapData(this.imageHolder.width, this.imageHolder.height );
          var m : Matrix = new Matrix();
          bitmapData.draw( this.imageHolder, m );
          this.imageArrayCollection.addItem({bitmapData: bitmapData, width: this.imageHolder.width, height: this.imageHolder.height});
      }

     ]]>
    </mx:Script>

    <mx:Image id="imageHolder" source="@Embed('fx.png')" />

    <mx:HSlider id="widthSlider" width="400" y="520" maximum="100" value="100" minimum="1" labels="[1%, 50%, 100%]" snapInterval="1" change="{changeSize();}" liveDragging="true" />
    <mx:Button label="add to tile" click="{this.addToTileList();}"/>
    <mx:TileList x="520" dataProvider="{this.imageArrayCollection}" itemRenderer="TileListRenderer" />
</mx:Application>

second file TileListRenderer.mxml:

<?xml version="1.0" encoding="utf-8"?>
<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml" width="100" height="140">
    <mx:Script>
     <![CDATA[
      import mx.utils.ObjectUtil;
      override public function set data(value:Object):void
            {
                super.data = value; 
            }
     ]]>
    </mx:Script>
    <mx:VBox horizontalAlign="center">
     <mx:Image id="thumbHolder" source="{new Bitmap(data.bitmapData)}" maxWidth="100" maxHeight="100" />
     <mx:Label text="{data.width}x{data.height}" />
    </mx:VBox>


</mx:Canvas>

Because it is easier to see it with working source (right mouse button to see the source):

blog.arnomanders.nl/upload/imageResize/imageResize.html