Architecture of larger Flex applications
Hello,
I'm new to Flash and Flex development, having been a .NET developer for many years. I am now putting together a Flash application for the web and I suspect that I'll be using Flex and Flash Builder as my primary development tools.
I had a question about overall architecture of a larger scale application. Specifically, how should a Flex app be structured or architected to group UI elements and load and unload those elements as particular portions of the application are navigated to. The best analogy I can make would be pages in a web application, or Forms in a windows application. It seems pretty clear that the "state" structure from Flash Catalyst is not the right way to do this. And I don't know if multiple "stages" from Flash Pro can be created, saved, and loaded as needed by Flex.
Thanks in advance for your help, and guidance for a very new developer to these tools!
-Ben
Thanks for the fast reply Darrell!
That seems to be the right path, sometimes it's just a matter of vocabulary and knowing what words to Google search for
-Ben
Similar Messages
-
Architecture of Flex application
Are there any tutorials for decomposition of a large flex
application into smaller components that are easier to handle?
Integration of the components?"Johnking08" <[email protected]> wrote in
message
news:gegn85$plf$[email protected]..
> Are there any tutorials for decomposition of a large
flex application into
> smaller components that are easier to handle?
> Integration of the components?
If the Flex 3 Help isn't enough, I highly recommend Flex 3
Training from the
Source.
HTH;
Amy -
Flex Application architecture with web and air interface both using common components.
We have a flex based e-learning application. It uses HTTP REST service and webservice to communicate with ASP.Net application to fetch and store data.
We now want to develop an adobe air version of the user interface, which the students can download on their desktop as well as mobiles (Android, others).
What would be a good architecture for such an application which has both web and windows interface. I can see that we can reuse almost 80% of the code of our web version. But I do not want to copy and create a new windows app from the flex web app. I would want to have both co-exist.
Let me know a good article that I can read on this.I dug deeper and found the concept of Shared Common Library. I am trying to implement that.
-
Is it possible to export of the stage of a Flex application in vector format?
Is it possible to export of the stage of a Flex application in vector format?
Right now our only option is to render our graphs to a (large, off-screen) bitmap and export that bitmap, which is a real shame because every
component in Wondergraphs is 100% vector based. Anyone at Adobe know more about this?Hi.
Try start->search for pen and touch--> then uncheck "Use your finger as an input device" in the Touch tab. -
Embedding Fonts in a Flex application -- Legal issues?
I am currently building a Flex application for a Client. The Style guide they have provided shows Univers 55, Univers 65, and Univers 45 as the main fonts for the site and the app.
Page 1567 of Using Flex 4.5 states
Note:
Check your font licenses before embedding any font files in your applications. Fonts might have licensing restrictions that preclude them from being stored as vector information.
The fonts they are using in the AI file for the design document appear to be older version Adobe 1.0 TrueType fonts dated 30th June 1997.
I can not find the original license for these fonts, but such licenses may pre-date embedding technology, so are we allowed to embed them?
As an alternative could we safely use the OTF Univers LT Std family and are there any differences?
Message was edited by: lingoguruAs far as i see it, it's mainly just for convenience.
Embedding an image into application removes the need for you to store it elsewhere on the server, as it becomes part of the .swf file.
From personal experience it's very handy with small images, as it doesn't increase the size of the .swf file too much, and it means you don't have to keep track of them when distributing your release build.
you don't have to embed anything, you can simply reference it by location instead, but you'll experience a slight delay as it's loaded into the application on request.
The need for using this feature depends entirely on what you're trying to accomplish.
If you're making something like a large image gallery, it'll completely remove the need for wait for pictures to load when you're scrolling through them. However i wouldn't recommend it as you'll send your application size will go through the roof, and the waiting time for the whole application to load would be fairly extensive.
If you have an application with like 40 small ~3kb images using for navigation icons or something, you might as well, it's just convenient and won't impact the loading time by too much. -
Trying to make a flex application scalable in its display size by using a "Host-swf" - Problem
We created a flex application using Flex 3. What we are
trying to do is to make this application scalable in its display
size. That means we want the application to scale itself to exactly
fit the size of the browser window without using a scrollbar like
normal Flash-swfs do. Sadly flex application don't scale like a
normal flash swf.
To get a workaround for this we created a so called
"Host-swf" with flash CS3. This Host-swf loads the flex application
and adds it as a child. And voila: When calling the Host-swf our
application can scale.
We used this code to achive this:
var oUrlRequest:URLRequest = new
URLRequest("Flex-Application.swf");
var oURLLoader:Loader = new Loader();
oURLLoader.load(oUrlRequest);
addChild(oURLLoader);
This works perfectly as long the browser window is larger
then the resolution of the host-swf (900*600) when calling the url
for the application:
Picture showing the
scaling
But it doesnt't work out when the browser window is smaller
than 900*600. The application is then shown with a scrollbar, and
when resizing the browser window the scrollbar is still there:
Picture showing the
application with scrollbar
Maybe anyone already tried to achive the same thing and has a
different solution for us?
Thank you in advance!"noby_95" <[email protected]> wrote in
message
news:gpsue6$rhh$[email protected]..
> We created a flex application using Flex 3. What we are
trying to do is to
> make
> this application scalable in its display size. That
means we want the
> application to scale itself to exactly fit the size of
the browser window
> without using a scrollbar like normal Flash-swfs do.
Sadly flex
> application
> don't scale like a normal flash swf.
>
> To get a workaround for this we created a so called
"Host-swf" with flash
> CS3.
> This Host-swf loads the flex application and adds it as
a child. And
> voila:
> When calling the Host-swf our application can scale.
>
> We used this code to achive this:
>
>
> --------------------------
> var oUrlRequest:URLRequest = new
URLRequest("Flex-Application.swf");
> var oURLLoader:Loader = new Loader();
> oURLLoader.load(oUrlRequest);
> addChild(oURLLoader);
>
>
> -------------------------
>
> This works perfectly as long the browser window is
larger then the
> resolution
> of the host-swf (900*600) when calling the url for the
application:
>
http://www.gansl-online.de/Bild1.jpg
>
> But it doesnt't work out when the browser window is
smaller than 900*600.
> The
> application is then shown with a scrollbar, and when
resizing the browser
> window the scrollbar is still there:
>
http://www.gansl-online.de/Bild2.jpg
>
> Maybe anyone already tried to achive the same thing and
has a different
> solution for us?
When I set the Application width and height to a percentage
number, it will
change its size based on the size of the window. -
Is Flex Builder necessary to edit a flex application?
Hi, I made an swf application with Flex 3 Builder using mxml files. Now i've got to deliver the application to a designer in my division so I would like to know, if he wants to modify the application, does he have to use Flex Builder as well? Adobe CS3 wouldn't be enough?
I'm asking if he can modify the design as you do in flex builder in the design tab (drag drop component ...)
ThanksWell, to answer your subject question, Flex Builder is not needed to edit the MXML or ActionScript code that makes up a Flex Application.
You can use notepad--or any text editor, and re-compile it against the command line SDK. There are also alternatives, FDT comes to mind as one. There is also a few Visual Studio plugins.
None of that addresses your real concern. As far as I know, there are no tools in CS3 [or 4] that will give you "Designer-style" access to a Flex Builder project.
It sounds like you want Flash Catalyst; however it is still in beta, and has limited support for the Flex 3 component architecture. -
How large an application can grow
Environment:
Windows XP / 7 / Linux / Solaris
Browsers: IE 7/8, FF latest, Chrome latest.
Flash 10.x.
Is it possible to find how much RAM Flash is able to use, other words how large an application can grow?
Say, I am running my Flex app in Chrome on Windows XP.
Phisical memory available to Windows: 3 Gig.
Using Chrome Task Manager I see that sometimes FP crashes somewhere around 1/4 of total
RAM, sometimes it goes above.
Thanks in advance,
IlyaMost email providers limit the size a message can be, and the most significant determinant of message size is the attachments. I do not believe your ISP understood your question, or you misunderstood their answer, because no email provider would support a message the size you report. MobileMe, for example once only supported messages of 10 MB or less, but now supports 20 MB see:
http://support.apple.com/kb/HT2069
For the size limits for such providers as Gmail, see:
http://email.about.com/od/gmailtips/qt/et083105.htm
Others support perhaps upwards of the 20 MB. Regardless, if your provider were to support such huge messages, the providers of many recipients would not.
My own cable provider might support the video file you tried to send, but not certain. With such files, I always FTP them to a gallery of some sort, and let people access them. There is not similar limits on what can be downloaded via your browser.
Ernie
Message was edited by: Ernie Stamper -
Flex application running under AIR takes a long, long time to start.
I have a flex application which runs on a desktop under AIR. The application has an assets folder with 3,500 mp3 soundclips totalling about 50MB. The problem is, the application takes around 90 seconds to load. I'm sure that AIR is scanning the application folder and doing something with the contents because if I delete the assets folder it loads in about 5 seconds. Does anyone know why AIR/Flex would do this, and why it doesn't exhibit the same problem if I run or debug in Flexbuilder on eclipse? It's making my killer app unusable!
Thanks
PauloWell, I've spent a bit longer looking at this now, and the problem appears to lie with my encrypted local store. The first thing that happens is for the app to read the product key from the ELS. But, it fails (for some unknown reason). So, the app seems to hang there for 90 seconds until it eventually renders the welcome screen. If I remove the assets folder it still fails to read from the ELS, but only takes a couple of seconds to start the welcome screen. This is where the scanning of the application folder seems to come into play, because if I remove the code which reads from the ELS the app starts within 2 seconds whether the asset folder is there or not.
I think the slow startup and the scanning of the assets folder are just symptoms of a different problem, i.e. a problem with the ELS. I don't have the same problem with my development environment though - it's only when I test deploy the application.
Thanks for your help on this problem EgorKDie. I think I should be able to resolve it once I can sort out why the ELS is being awkward. -
How to show double byte data in a Flex application
Hi
I am looking for a way to show UTF-8 formatted data in a Flex
application. I have a Java app in the backend that generates an xml
file. Some attributes in the file are encoded in UTF-8 (when data
is Japanese or Chinese...). My Flex app is showing box characters.
I have XSLT app that generates html based off this xml file. The
browser i showing the Japanese characters fine.
I am wondering what the trick is to get Flex app show this
data.
Thanks
VideoguyIt turned out to be my XP that didn't have the the right lang
sets installed. I have two PCs. On one everything showed up fine. I
was able to view arabic, chinese data from xml just fine. On the
other one, same swf didn't show them. There is MS knowledgebase
article on how to enable east asian languages etc. I didn't give it
a try. I am using other pc for my dev now. -
What to look for in a web hosting company for Flex applications
Hello,
I am trying to figure out what I need to look for in a web
hosting company if I want to deploy my own Flex applications? I
don't anticipate having any special requirements other than the
ability to interact with databases and XML files. Can someone help
me figure out what the server-side requirements are?
Thanks in advance!
Mattthen almost 99.9% hosting will work.
if you want a Flexx app with compiler then oo thats different
but as you say "I don't anticipate having any special requirements
other than the ability to interact with databases and XML files"
then you can go with pretty much any hosting, as long as they have
apache, Database serve and I think thats it. -
How to Call a AIR application from Flex Application
Hi,
I have Used AIR (Desktop application) in Flex Builder to Upload a File from a local path and save it it a server path.
I need to Call this AIR(Desktop application) from my Flex Application.... i.e
I am using a link button to send a event using Script and Forward that Desktop application from Flex Screen
But it doesnot load that (Desktop application) in Screen. Only Balnk screen is loaded from path
Here is the code
AIR(Desktop application)
<?xml version="1.0" encoding="utf-8"?><mx:WindowedApplication
xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="openBrowseWindow();">
<mx:HTTPService id="urlpath" showBusyCursor="true" useProxy="false" method="
POST" url="http://localhost:8080/nat/FlexAction.do?method=UrlPath"result="pathresult(event)"
fault="faultHandler(event)"
>
</mx:HTTPService>
<mx:Script>
<![CDATA[
import mx.events.FileEvent;
import mx.rpc.events.ResultEvent;
import mx.rpc.events.FaultEvent;
import mx.utils.ObjectUtil;
import mx.controls.Alert;
private
var openFile:File = new File()
private
function openBrowseWindow():void{openFile.addEventListener(Event.SELECT, onOpenFileComplete);
openFile.addEventListener(Event.OPEN, load);
openFile.browse();
private
function load():void{Alert.show(
"load");
var imageTypes:FileFilter = new FileFilter("Images (*.jpg, *.jpeg, *.gif, *.png)", "*.jpg; *.jpeg; *.gif; *.png");
//var textTypes:FileFilter = new FileFilter("Text Files (*.txt, *.rtf)", "*.txt; *.rtf");
var allTypes:Array = new Array(imageTypes);openFile.browse(allTypes);
private
function faultHandler(event:FaultEvent):void {
//Alert.show("Fault")Alert.show(ObjectUtil.toString(event.fault));
private
function pathresult(event:ResultEvent):void{Alert.show(
"res")
//Alert.show(ObjectUtil.toString(event.result));}private
function onOpenFileComplete(event:Event):void{
//mx.controls.Alert.show("event: "+event.target.nativePath +"UR!!!");
var pPath = event.target.nativePath;
var parameters:Object = {FlexActionType:"PATH",path:pPath};
// Alert.show("Image Selected from Path : "+pPath); urlpath.send(parameters);
//Alert.show("Passed.."+parameters);}
]]>
</mx:Script>
<mx:Button click="openBrowseWindow();onOpenFileComplete(event)" name="Upload" label="Upload" x="120.5" y="10"/>
Here is Mxml Code for Flex Application
<?xml version="1.0" encoding="utf-8"?><mx:Application
xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" xmlns="http://ns.adobe.com/air/application/1.0.M4" >
<mx:Script>
<![CDATA[
import mx.controls.Alert;
private function Upload():void{
// CursorManager.setBusyCursor();
//var url:String = "HomeAction.do?method=onLoad";
//var url:String = "assets/Air.swf";
var url1:URLRequest = new URLRequest("assets/Air.swf");navigateToURL(url1,
"_self");
// CursorManager.removeBusyCursor(); }
]]>
</mx:Script>
<mx:LinkButton id="up" click="Upload()" x="295" y="215" label="UpLoad"/>
In this code i forward using s url to Open tat Desktop application but a blank screen appears with out the proper output...
Please Help me in this to forward AIR from Flex Screen..
Thanks in Advance
With Regards
Gopinath.A
Software Developer
First Internet Systems Pvt. Ltd.,
Chennaitry this
http://www.leonardofranca.com/index.php/2009/09/17/launching-an-installed-air-application- from-the-browser/
regards
Leonardo França
Adobe Certified Expert Flex 3 with AIR
Adobe Certified Expert Rich Internet Application Specialist v1.0
Adobe Certified Expert Flash CS3 Professional
Certified Professional Adobe Flex 2 Developer
Adobe Certified Professional Flash MX 2004 Developer
http://www.leonardofranca.com
http://twitter/leofederal
Manager AUGDF - Adobe User Group do Distrito Federal
http://www.augdf.com.br
http://twitter/augdf -
Hi All,i am currently working on a flex application that will allow the user to change the language within the application from english to Japanese and vice versa. And everything works fine.
I am using flex 4.5
We allow the user to save records with english or japanese texts.
problem
When the user manually enters Japanese text and tries to save it the record defaults back to the default name (which is in english). But if you copy the entered text and paste it and then save it.It works fine.
Any idea , why this is happening?
Please let me know if the question is not clear.
Looks like there was already a bug
https://issues.apache.org/jira/browse/FLEX-28894?page=com.atlassian.jira.plugin.system.iss uetabpanels:all-tabpanel
Not sure why does it say , Resolved .
-KB
Message was edited by: bKartik.bBy Payal integration , you mean paypal button html ? or payment gateway setup etc ? If its a gateway configuration for your site domain then single page for all layout will work , but if you are using button code for all renditions then you would need to create separate pages for all.
Thanks,
Sanjit -
Flex application not working when deployed run from Server
Hi,
I have Flex application which takes a parameter from user, makes a web-service call and returns the message.
This application is running perfectly when I launch from IDE.
But when I copy the files from bin-release to server and launch it, it gives me no result.
In the crossdomain file on the server which hosts web-service, I have added the my host IP in the
allow-access-from domain tag.
In the initialization method of the application I load crossdomain using following code:
Security.allowDomain("remoteservername");
Security.loadPolicyFile("http://remoteservername/crossdomain.xml");
var request:URLRequest = new URLRequest("http://remoteservername/crossdomain.xml");
var loader:URLLoader = new URLLoader();
loader.load(request);
Is there a way I can debug application when running from server?
Please give me some pointer to solve this problem.
Thank you.
ChintanAlex thanks for reply
The URL for the app is http://<some_IP>/flex_app
<some_IP> is added in crossdomain.
Also we have outbound IP's and of these are also added in the crossdomain file.
This is the current content of crossdomain file:
<cross-domain-policy>
<site-control permitted-cross-domain-policies="master-only"/>
<allow-access-from domain="<some_IP>"/>
<allow-access-from domain="<outbound_IP1>"/>
<allow-access-from domain="<outbound_IP2>"/>
<allow-access-from domain="<outbound_IP3>"/>
<allow-http-request-headers-from domain="<outbound_IP1>" headers="SOAPAction"/>
<allow-http-request-headers-from domain="<outbound_IP2>" headers="SOAPAction"/>
<allow-http-request-headers-from domain="<outbound_IP3>" headers="SOAPAction"/>
</cross-domain-policy>
App runs perfectly fine when launched from Flex Builder. -
Flex Application does not work outside of the default dir
Hi,
I have developed a flex application which calls a http
service and displays the contents in a text area.
This works fine when I execute it from the flex builder or
from the directory where the flex builder stores it.
If I copy the files to any other dir or the server, after
making http call no result is displayed in the text area.
Is there any thing else i need to do other building
application in flex builder for deployment.
Please help,
Thanks in advance,
Chintan"rtalton" <[email protected]> wrote in
message
news:gjlmvm$hrv$[email protected]..
> Stubborn, aren't we? Ok, let me try again:
> You only use "loadPolicyFile" to load a non-default
policy file. remove
> that
> line from your code.
> Also you do not need this line:
> flash.system.Security.allowDomain("*");
> ...in your code. Remove it. This is used when you have
two SWFs on two
> different servers. You do not.
>
> Again, read this page:
>
>
http://livedocs.adobe.com/flex/3/html/help.html?content=deployingoverview_12.htm
> l
>
> Your answer is there.
> Hint: all you need is to *properly* deploy a
cross-domain policy file.
> Really.
> I'm being very honest here. Have I ever lied to you
before? No, I haven't.
> So
> you're buying the first round tonight after work, ok?
Some people will do anything for a date ;-)
Maybe you are looking for
-
How to get useful data from request?
Hello. I am looking for creating a management tool for a web site. All I want is that is there any ready to use API or package or open source project for retrieving user�s information? I just mean that is there any easy to use way in java to get usef
-
ok so ive tried everything except for complete reset where i lose all my data and stuff... i reset my settings and i tried the privacy then facebook and disable there is no disable button... i am fedup i cant acces any of my games because its registe
-
Share by email is not working in pages 09
Recently got a Mac Mini for my wife. We have drifted into the Apple world by way of iPhones and iPads and are making the switch from Windows. In any case my wife wrote a document in pages today and wanted to send it to a friend who is still in the wi
-
Best Practice for where to apply ACL's on a router
I have a 1760 router with a 4 port ethernet card. It has the Vlan1 int on it for f0/0 in the IOS. I need to apply an ACL to that interface/subnet with the phyical cable in f0/0 and ip range of vlan1. When appling the ACL should I apply it to the phys
-
I was wondering if we delete statistics on a table is it possible to restore those old statistics back to the table?? Thank you in advance.