Adobe Air integrate Flex Components - actionscript-3

I'm currently developing an Adobe Air application, using Adobe Flash CC 2005, Flash Builder 4.7, and ActionScript 3.
I notice that the UI Components like the List Component don't scroll up or down with finger on mobile devices.
If I'm understanding right, the Flex Framework has components like a List that support mobile.
Is it possible to integrate Flex Components to the existing Adobe Air project? If so, how?

Use feathers instead.. it's similar to flex.
http://feathersui.com/

I don't think so. You can wrap Flash Classes for use in Flex, but Flex components depend on the Flex Framework, which is contradictory with the timeline and the way Flash gets used in Flash. I believe that Air will generate those events when you publish your project for Air, so you should be able to add the functionality by listening for the events yourself and updating the scroll position. Good luck--the Flash component code isn't the easiest in the world to work with. You might be better off writing your own implementation so you know what's in it.

To give a little more insights on top of the answers already given. Yes it's possible but it's probably not worth the trouble because of the hacky way this must be done and the potential troubles this will bring. As said to one answer you should probably create your own specific components or try to find some in a custom library like MadComponents or others.
2 possible ways:
You can include all relevant Flex .swc in your project and then try for each component needed to instantiate yourself those components and follow strictly the Flex object instantiation workflow. This can be easy (Button) to very difficult depending on the component.
Create the needed component in a Flex project. Export the resulting .swf. Load that .swf in your AIR project (can be difficult in Ios). Access objects within the loaded .swf and create clones or use those objects directly in your app. This is a hack and results can be deceiving. The loading app will have to listen to the relevant Flex Event in order to determine if the components are ready to be used.

In a nutshell: it's possible to use Flex for creating Adobe AIR applications. Here are few articles from the official Adobe website:
Creating your first desktop AIR application with the Flex SDK
Creating your first desktop Flex AIR application in Flash Builder
Also, please, pay attention, that Flex-based applications require a different version of Flex SDK, than regular AS3-based applications.
http://www.adobe.com/devnet/air/air-sdk-download.html - here at the bottom you may find links to the AIR SDK for the Flex-based applications and text:
Note: Flex users will need to download the original AIR SDK without
the new compiler.

Related

Combining XAML/C# with html and WinJS

I want to build a UWP app with html and winJS, because with html you can use any open source library for brilliant UI like Bootstrap and Material Design, but I need to use some controls which are only present in XAML/C# format, for example media element of xaml, because video element of html5 doesn't support much formats.
So my question is how can I combine these two in one app? what is most clean and performant way to do this?
So my question is how can I combine these two in one app? what is most clean and performant way to do this?
The better way of combining these two in one app is using WebView within "XAML/C#" uwp project. But the web context could not invoke method in the local context. The only way for communication between WebView and local context is to use invokescript and window.external.notify method.

Flex to HTML5 - what for presentation layer (canvas, div, ???)

My question is about migration from Flex3 to HTML5. I want do migrate myself not application actually. The question is, what direction is the best and most similar to flex knowledge. Maybe I will reimplement some custom components I already have in my flex library. I think that some of useful flex components I will have to implement myself in HTML5 - e.g. AdvancedDataGrid or Tree.
Now I can see 2 possibilities:
assume page (or big DIV) as application master class, and implement
other components based on extending DIV functionality - and placing
DIV in DIV in DIV - like AS3 uses UIComponent. It gives me supported
by browser environment event handling or DIV movement and redrawing
etc.
assume one CANVAS component as application master class. Build own
classes tree with owner drawing control etc. I think i will need to
implement event handling & dispatching for my internal visual
components. Also all UI actions (like moving, redrawing) I need to
implement myself.
I assume, that I will start to build my own class/component library for long-term future use. Question is what is better for knowledge and work investing?
It will be good to know wide opinion on this problem.
Can you give yours here?
From experience, we can say that writing a DataGrid component is a VERY large undertaking. We've been working on our DataGrid components for 3 years now, and we're STILL adding features. Instead of writing your own ADG like component, you should consider JS frameworks. Below are some:
DOJO (Excellent framework for RIA Enterprise App Development, and
Free!)
Sencha (Pretty good, but commercial)
JQuery (Very popular, but highly fragmented).
Each of these come with their own grid component. Senchas grid is pretty good, but so are some jquery grids. See this for example: Best dynamic JavaScript/JQuery Grid
Bottom line, dont reinvent the wheel. There are many excellent paid and free versions out there, pick one that works for you and run with it.
Disclaimer: I am author of Web Atoms JS
Web Atoms JS was built to bring all concepts of Flex, Silverlight and XUL. And each of these technologies used more of XML markup for very high level UI controls. Screens become complex and visualizing them becomes painful when it keeps on changing.
With Web Atoms you will write for less code then any of other frameworks. Web Atoms comes with all basic flex Components & more are coming.
This is a Sample of what all things are possible in Web Atoms JS.
Here is link to documentation.
http://webatomsjs.neurospeech.com/docs

FlashDevelop ? Do i still need Flash CS

I am fairly new to Flash and AS3.
My questions is do I actually still need to use Flash CS6 to setup the stage and library files.
Or can it all be done from FlashDevelop ?
Thanks
Flash CS6 is an application similar to Photoshop, you generally use it for creating/structuring/positioning graphical resources and then makes it possible to animate these (from keyframe to keyframe) and then access the graphical content from code.
So, the answer is no, you can create a SWF file without Flash, you can embed content to use in AS3-code without flash and you can use flex-components and position them without flash.
But creating any bigger project like that would be pretty unnecessary since you just as well could use some other language or tools for doing that kind of stuff. Tools and languages that were designed to do this specific thing.
Few months ago I switched completely to FD and since today I successfully built everything only in FD. The reason was that I had huge project to publish, and I couldn't compile it in Flash because of memory shortage for JVM compiler. With FD that was not a problem.
So in short, no, you don't need flash any more.
Though maybe there can be some things that you can create quicker and easier way in Flash than in FD (for example: some timeline animation and then publish to SWC to use with FD).
I still have Flash installed, just in case for quick animation jobs.
You need it if you want to create graphic objects to use them later in your code. The alternative is to create everything by code
It depends. If you need to use vector graphics, drawn in Flash, then the easiest way to incorporate them in your project is to use the IDE-based project (http://www.flashdevelop.org/wikidocs/index.php?title=Projects#AS3_Flash_IDE_Project). This isn't the only way, but it's easier than packaging them up and using libraries. In this case you are effectively using FD just as an external AS editor (and it's worth doing it just for this, since it is a much better editor than the one built in to Flash Pro.
If, on the other hand, you are working with objects drawn in code, with text, or with external bitmaps, then no, there's no real need to use CS* at all.
The advantage to OOP is having an environment like Flash for layout. It's been pretty crucial for me as a designer and when implemented correctly with a proper class structure, becomes extremely powerful. It really depends on what you are using as3 for. I find the Flash architecture to be most advantageous in the context of interface design, but for things like games or "static" interactives, sometimes its much more efficient to do everything in code and compile outside of Flash.

converting Flex application to HTML5

I have a flex application to work on an iPad. What is the best way to convert this application?
Your subject line is a separate question from your post LizaM, but I'm assuming you specifically want to convert a Flex application into HTML5 and not something natively iOS.
If the Flex application is complex and you need to convert to markup that you can work with for further development then you might not have any options other than to get your hands dirty and start from scratch. Good ol AJAX/HTML (or call it HTML5 - whatever sexy words you want to use for the markup you're using to run on Safari).
There are tools out there (e.g. Swiffy and SoThink SWF Decompiler), but I don't think they'll help much if you're trying to convert rich Flex library classes. I could be wrong about this, but that seems to be the state of affairs at the moment.
J
If you want to convert a Flex application to the iPad, you should consider porting it to a Native App. There are plenty of tools and documentation for doing that.
If you create a Flash Builder Mobile Project, you'll have an output option for iOS devices.
Flex 4.5 can compile your air applications for IOS. Simply use the compile for IOS options.
You can also compile for Android, RIM/Blackberry etc...

Importing a program from ActionScript 3 to Adobe AIR

I have made an application that is coded only in ActionScript 3.0, and uses HTML and JavaScript for the display.
I would like to have the same result, but using Adobe AIR. I do not know Adobe AIR at all, so I was wondering if you could direct to some good tutorials that will teach me how I can move my .html/.js/.as files to Adobe AIR please. I am using Adobe Flash Builder 4.
Thank you very much,
Rudy
Are you using HTML and JavaScript for anything other than embedding the SWF? If not, you can create a Flex project from Flash Builder (at least that was the way in Flex Builder 3 - I don't know if they've changed it) and mark output format as AIR to start with. The easiest way would be to add the main Sprite of your AS project as a child to the rawChildren of the WindowedApplication class of the AIR from the creationComplete event handler.
It is hard to say more without knowing what type of project you're talking about.
You could still do this, but you would have to embed your own browser. Look at HTMLLoader:
At the very simplest, your air app would create an html display, where you would then embed your swf into an html page. (almost exactly like what you're doing now). However, AIR's webkit seems fairly old, and they didn't import everything, so some css stuff like corner-radius, etc, will not display as you would in any other browser.
However, this will only get you so far, as you won't have AIR capabilities yet. You would have to extend HTMLHost to create an API for the javascript container to access desktop'y capabilities, when you when then again have to use ExternalInterface again. This is probably where things will get a lot more tricky.