| |
| <!DOCTYPE html> |
| <!-- |
| Generated by Apache Maven Doxia at 2016-10-27 |
| Rendered using Reflow Maven Skin 1.1.1 (http://andriusvelykis.github.io/reflow-maven-skin) |
| --> |
| <html xml:lang="en" lang="en"> |
| |
| <head> |
| <meta charset="UTF-8" /> |
| <title>Apache Flex® - About Apache Flex</title> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
| <meta name="description" content="" /> |
| <meta http-equiv="content-language" content="en" /> |
| |
| <link href="./css/bootstrap.min.css" rel="stylesheet" /> |
| <link href="./css/bootstrap-responsive.min.css" rel="stylesheet" /> |
| <link href="./css/docs.css" rel="stylesheet" /> |
| <link href="./css/reflow-skin.css" rel="stylesheet" /> |
| |
| <link href="http://yandex.st/highlightjs/7.5/styles/default.min.css" rel="stylesheet" /> |
| |
| <link href="./css/lightbox.css" rel="stylesheet" /> |
| |
| <link href="./css/site.css" rel="stylesheet" /> |
| <link href="./css/print.css" rel="stylesheet" media="print" /> |
| |
| <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements --> |
| <!--[if lt IE 9]> |
| <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> |
| <![endif]--> |
| |
| |
| |
| <link rel="icon" href="img/favicon.ico" type="image/x-icon"/> |
| <link rel="apple-touch-icon" href="img/apple-touch-icon-60.png"/> |
| <link sizes="76x76" rel="apple-touch-icon" href="img/apple-touch-icon-76.png"/> |
| <link sizes="120x120" rel="apple-touch-icon" href="img/apple-touch-icon-120.png"/> |
| <link sizes="152x152" rel="apple-touch-icon" href="img/apple-touch-icon-152.png"/> |
| </head> |
| |
| <body class="page-about-whatis project-flex-site" data-spy="scroll" data-offset="60" data-target="#toc-scroll-target"> |
| |
| <div class="navbar navbar-fixed-top"> |
| <div class="navbar-inner"> |
| <div class="container"> |
| <a class="btn btn-navbar" data-toggle="collapse" data-target="#top-nav-collapse"> |
| <span class="icon-bar"></span> |
| <span class="icon-bar"></span> |
| <span class="icon-bar"></span> |
| </a> |
| <div class="nav-collapse collapse" id="top-nav-collapse"> |
| <ul class="nav pull-right"> |
| <li ><a href="index.html" title="Home">Home</a></li> |
| <li class="dropdown active"> |
| <a href="#" class="dropdown-toggle" data-toggle="dropdown">About Flex <b class="caret"></b></a> |
| <ul class="dropdown-menu"> |
| <li class="active"><a href="" title="What is Flex?">What is Flex?</a></li> |
| <li ><a href="about-features.html" title="Features">Features</a></li> |
| <li ><a href=".html" title="Tour de Flex">Tour de Flex</a></li> |
| <li ><a href="about-licensing.html" title="License & Trademarks">License & Trademarks</a></li> |
| <li ><a href="about-people.html" title="The Team">The Team</a></li> |
| <li ><a href="about-history.html" title="Project History">Project History</a></li> |
| <li ><a href="about-assets.html" title="Logo and Assets">Logo and Assets</a></li> |
| </ul> |
| </li> |
| <li class="dropdown"> |
| <a href="#" class="dropdown-toggle" data-toggle="dropdown">Community <b class="caret"></b></a> |
| <ul class="dropdown-menu"> |
| <li ><a href="community-getinvolved.html" title="How to get involved">How to get involved</a></li> |
| <li ><a href="community-mailinglists.html" title="Mailing Lists">Mailing Lists</a></li> |
| <li ><a href="community-showcase.html" title="Flex Showcase">Flex Showcase</a></li> |
| <li ><a href="community-3rdparty.html" title="Third-Party">Third-Party</a></li> |
| <li ><a href="https://cwiki.apache.org/confluence/display/FLEX/Apache+Flex+Wiki" title="Wiki" class="externalLink">Wiki</a></li> |
| <li ><a href="http://blogs.apache.org/flex/" title="Blog" class="externalLink">Blog</a></li> |
| </ul> |
| </li> |
| <li class="dropdown"> |
| <a href="#" class="dropdown-toggle" data-toggle="dropdown">Development <b class="caret"></b></a> |
| <ul class="dropdown-menu"> |
| <li ><a href="dev-faq.html" title="Developer FAQ">Developer FAQ</a></li> |
| <li ><a href="dev-sourcecode.html" title="Source Code">Source Code</a></li> |
| <li ><a href="https://issues.apache.org/jira/browse/FLEX" title="Bug-Tracker" class="externalLink">Bug-Tracker</a></li> |
| </ul> |
| </li> |
| <li class="dropdown"> |
| <a href="#" class="dropdown-toggle" data-toggle="dropdown">Documentation <b class="caret"></b></a> |
| <ul class="dropdown-menu"> |
| <li ><a href="doc-getstarted.html" title="Getting Started">Getting Started</a></li> |
| <li ><a href="doc-videos.html" title="Videos">Videos</a></li> |
| <li ><a href=".html" title="Flex ASDocs">Flex ASDocs</a></li> |
| <li ><a href=".html" title="FlexJS ASDocs">FlexJS ASDocs</a></li> |
| <li ><a href="http://help.adobe.com/en_US/flex/using/index.html" title="Documentation Reference (Old)" class="externalLink">Documentation Reference (Old)</a></li> |
| <li ><a href=".html" title="FlexUnit Tutorials">FlexUnit Tutorials</a></li> |
| <li ><a href=".html" title="FlexUnit ASDocs">FlexUnit ASDocs</a></li> |
| <li ><a href="doc-website.html" title="Contributing to the Flex Website">Contributing to the Flex Website</a></li> |
| </ul> |
| </li> |
| <li class="dropdown"> |
| <a href="#" class="dropdown-toggle" data-toggle="dropdown">About Apache <b class="caret"></b></a> |
| <ul class="dropdown-menu"> |
| <li ><a href="http://www.apache.org" title="The Apache Software Foundation Website" class="externalLink">The Apache Software Foundation Website</a></li> |
| <li ><a href="http://www.apache.org/foundation/contributing.html" title="Donations" class="externalLink">Donations</a></li> |
| <li ><a href="http://www.apache.org/foundation/sponsorship.html" title="Sponsorship" class="externalLink">Sponsorship</a></li> |
| <li ><a href="http://www.apache.org/foundation/thanks.html" title="Thanks" class="externalLink">Thanks</a></li> |
| </ul> |
| </li> |
| <li class="dropdown"> |
| <a href="#" class="dropdown-toggle" data-toggle="dropdown">Download Flex <b class="caret"></b></a> |
| <ul class="dropdown-menu"> |
| <li ><a href="download-installer.html" title="SDK Installer (For Application Developers)">SDK Installer (For Application Developers)</a></li> |
| <li ><a href="download-source.html" title="SDK Source Code (For SDK Developers)">SDK Source Code (For SDK Developers)</a></li> |
| <li ><a href="download-binaries.html" title="SDK Binaries (For SDK Developers)">SDK Binaries (For SDK Developers)</a></li> |
| <li ><a href="download-flexjs.html" title="FlexJS 'beta' (For Application Developers)">FlexJS 'beta' (For Application Developers)</a></li> |
| <li ><a href="download-flexunit.html" title="FlexUnit (For Application Developers)">FlexUnit (For Application Developers)</a></li> |
| <li ><a href="download-blazeds.html" title="Blaze DS Source Code">Blaze DS Source Code</a></li> |
| <li ><a href="download-tourdeflex.html" title="Tour De Flex Source Code">Tour De Flex Source Code</a></li> |
| <li ><a href="download-squiggly.html" title="Squiggly Spell Checker">Squiggly Spell Checker</a></li> |
| <li ><a href="download-utilities.html" title="Flex Utilities">Flex Utilities</a></li> |
| <li ><a href="download-archive.html" title="Previous Versions">Previous Versions</a></li> |
| </ul> |
| </li> |
| </ul> |
| </div><!--/.nav-collapse --> |
| </div> |
| </div> |
| </div> |
| |
| <div class="container"> |
| |
| <!-- Masthead |
| ================================================== --> |
| |
| <header> |
| <div class="jumbotron subhead"> |
| <div class="row" id="banner"> |
| <div class="span12"> |
| <div class="pull-left"> |
| <a href="http://flex.apache.org/" id="bannerLeft"><img src="img/logo-flex.png" alt='"'Apache Flex'"' /></a> |
| </div> |
| <div class="pull-right"> |
| <a href="http://www.apache.org" id="bannerRight"><img src="img/logo-asf.png" alt='"'An Apache Project'"' /></a> |
| </div> |
| </div> |
| </div> |
| </div> |
| </header> |
| |
| <div class="main-body"> |
| <div class="row"> |
| <div class="span12"> |
| <div class="body-content"> |
| <!-- Licensed to the Apache Software Foundation (ASF) under one or more |
| contributor license agreements. See the NOTICE file distributed with |
| this work for additional information regarding copyright ownership. |
| The ASF licenses this file to You under the Apache License, Version 2.0 |
| (the "License"); you may not use this file except in compliance with |
| the License. You may obtain a copy of the License at |
| |
| http://www.apache.org/licenses/LICENSE-2.0 |
| |
| Unless required by applicable law or agreed to in writing, software |
| distributed under the License is distributed on an "AS IS" BASIS, |
| WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
| See the License for the specific language governing permissions and |
| limitations under the License. --> |
| <div class="page-header"> |
| <h1>About Apache Flex</h1> |
| </div> |
| <div class="row-fluid"> |
| <!-- Standard Structure --> |
| <div class="span8"> |
| <div class="headline"> |
| <div class="section"> |
| <div class="section"> |
| <div class="section"> |
| <h4 id="What_does_it_do">What does it do?</h4> |
| </div> Flex is a powerful, open source application framework that allows you to easily build mobile applications for iOS, Android™, and BlackBerry® Tablet OS devices, as well as traditional applications for browser and desktop using the same programming model, tool, and codebase. You can use the Flex SDK to create a wide range of highly interactive, expressive applications. For example, a data visualization application built in Flex can pull data from multiple back-end sources and display it visually. Business users can drill down into the data for deeper insight and even change the data and have it automatically updated on the back end. A product configuration application can help customers navigate the process of selecting or customizing products online. And a self-service application can guide customers through an address change or help employees complete an otherwise complicated multi-step benefits enrollment. |
| <div class="headline"></div> |
| <div class="section"> |
| <h4 id="Enterprise-class_programming_model">Enterprise-class programming model</h4> |
| </div> Use constructs like strong typing, inheritance, and interfaces to program more efficiently. Extensive mobile and traditional components help speed development. Flex applications can access device capabilities such as GPS, accelerometer, camera, and local database. Cross-platform and native experience Create applications that run consistently across Android, BlackBerry Tablet OS, and iOS devices, as well as inside the browser and on traditional desktop computers. Although cross platform, with Flex you get an uncompromised native experience on each platform. |
| <div class="headline"></div> |
| <div class="section"> |
| <h4 id="End-to-end_tooling">End-to-end tooling</h4> |
| </div> Build Flex applications more easily using Adobe Flash Builder, PowerFlasher FDT, Flash Develop or JetBrains IntelliJ IDEA. Productivity features in most IDEs include on-device debugging and mobile simulators for testing across screen sizes and resolutions. You can even use our command-line tooling with your favorite text editor! |
| <div class="headline"></div> |
| <div class="section"> |
| <h4 id="Server_integration">Server integration</h4> |
| </div> Integrate with all major back ends including Java™, Spring, Hibernate, PHP, Ruby, .NET, Adobe ColdFusion®, and SAP using industry standards such as REST, SOAP, JSON, JMS, and AMF. |
| </div> |
| <div class="span4"> |
| <div class="headline "></div> |
| <div class="section"> |
| <h4 id="Contribute_to_Apache_Flex">Contribute to Apache Flex!</h4> |
| </div> |
| <!-- Large Notice --> |
| <div class="well"> |
| </div> |
| </div> |
| </div> |
| <div class="section"> |
| <h2 id="We_need_you">We need you!</h2> |
| <p>Apache Flex is a project run by professionals and volunteers alike. If you would like to help the project including contributing code, documentation, training or marketing, we are always looking for help.</p> |
| <a href="community-getinvolved.html" class="btn btn-inverse">Find out more</a> |
| </div> |
| </div> |
| </div> |
| <!-- Standard Structure End --> |
| </div> |
| <div class="section"> |
| <h2 id="How_it_works">How it works</h2> |
| <p>Apache Flex is comprised of a few different components. One component is the compiler which combines MXML (layout) documents with ActionScript files to output a SWF application.</p> |
| <p><img src="images/howFlexWorks.png" class="span5" style="float: right" alt="" /></p> |
| <p>You can then either publish the SWF file as a stand-alone application to be presented by the Adobe Flash Player in the browser, OR you can compile it with Adobe AIR to make native applications on Windows, MacOSX, Android, iOS, or BlackBerry platforms.</p> |
| </div> |
| <div class="section"> |
| <h2 id="Flex_includes:">Flex includes:</h2> |
| <ul> |
| <li>a large set of skinnable user-interface components with a component lifecycle</li> |
| <li>a set of services (HTTPService, WebService, RemoteObject)</li> |
| <li>has Managers to handle: |
| <ul> |
| <li>Styling</li> |
| <li>Skinning</li> |
| <li>Layout</li> |
| <li>Localization</li> |
| <li>Animation</li> |
| <li>Module-loading</li> |
| <li>User interaction management</li> |
| </ul></li> |
| <li>has accessibility support</li> |
| <li>Flex has an Automation-Testing Framework</li> |
| <li>Flex SDK provides a compiler</li> |
| </ul> |
| </div> |
| <div class="section"> |
| <h2 id="Typical_Workflow">Typical Workflow</h2> |
| <ul> |
| <li>Define an application interface using a set of pre-defined components (forms, buttons, and so on)</li> |
| <li>Arrange components into a user interface design</li> |
| <li>Use styles and themes to define the visual design</li> |
| <li>Add dynamic behavior (one part of the application interacting with another, for example)</li> |
| <li>Define and connect to data services as needed</li> |
| </ul> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| |
| </div><!-- /container --> |
| |
| <!-- Footer |
| ================================================== --> |
| <footer class="well"> |
| <div class="container"> |
| <div class="row"> |
| <div class="span4 bottom-nav"> |
| <ul class="nav nav-list"> |
| <li class="nav-header">About Flex</li> |
| <li class="active"> |
| <a href="#" title="What is Flex?">What is Flex?</a> |
| </li> |
| <li > |
| <a href="about-features.html" title="Features">Features</a> |
| </li> |
| <li > |
| <a href=".html" title="Tour de Flex">Tour de Flex</a> |
| </li> |
| <li > |
| <a href="about-licensing.html" title="License & Trademarks">License & Trademarks</a> |
| </li> |
| <li > |
| <a href="about-people.html" title="The Team">The Team</a> |
| </li> |
| <li > |
| <a href="about-history.html" title="Project History">Project History</a> |
| </li> |
| <li > |
| <a href="about-assets.html" title="Logo and Assets">Logo and Assets</a> |
| </li> |
| <li class="nav-header">Community</li> |
| <li > |
| <a href="community-getinvolved.html" title="How to get involved">How to get involved</a> |
| </li> |
| <li > |
| <a href="community-mailinglists.html" title="Mailing Lists">Mailing Lists</a> |
| </li> |
| <li > |
| <a href="community-showcase.html" title="Flex Showcase">Flex Showcase</a> |
| </li> |
| <li > |
| <a href="community-3rdparty.html" title="Third-Party">Third-Party</a> |
| </li> |
| <li > |
| <a href="https://cwiki.apache.org/confluence/display/FLEX/Apache+Flex+Wiki" title="Wiki" class="externalLink">Wiki</a> |
| </li> |
| <li > |
| <a href="http://blogs.apache.org/flex/" title="Blog" class="externalLink">Blog</a> |
| </li> |
| </ul> |
| </div> |
| <div class="span4 bottom-nav"> |
| <ul class="nav nav-list"> |
| <li class="nav-header">Development</li> |
| <li > |
| <a href="dev-faq.html" title="Developer FAQ">Developer FAQ</a> |
| </li> |
| <li > |
| <a href="dev-sourcecode.html" title="Source Code">Source Code</a> |
| </li> |
| <li > |
| <a href="https://issues.apache.org/jira/browse/FLEX" title="Bug-Tracker" class="externalLink">Bug-Tracker</a> |
| </li> |
| <li class="nav-header">Documentation</li> |
| <li > |
| <a href="doc-getstarted.html" title="Getting Started">Getting Started</a> |
| </li> |
| <li > |
| <a href="doc-videos.html" title="Videos">Videos</a> |
| </li> |
| <li > |
| <a href=".html" title="Flex ASDocs">Flex ASDocs</a> |
| </li> |
| <li > |
| <a href=".html" title="FlexJS ASDocs">FlexJS ASDocs</a> |
| </li> |
| <li > |
| <a href="http://help.adobe.com/en_US/flex/using/index.html" title="Documentation Reference (Old)" class="externalLink">Documentation Reference (Old)</a> |
| </li> |
| <li > |
| <a href=".html" title="FlexUnit Tutorials">FlexUnit Tutorials</a> |
| </li> |
| <li > |
| <a href=".html" title="FlexUnit ASDocs">FlexUnit ASDocs</a> |
| </li> |
| <li > |
| <a href="doc-website.html" title="Contributing to the Flex Website">Contributing to the Flex Website</a> |
| </li> |
| </ul> |
| </div> |
| <div class="span4 bottom-nav"> |
| <ul class="nav nav-list"> |
| <li class="nav-header">About Apache</li> |
| <li > |
| <a href="http://www.apache.org" title="The Apache Software Foundation Website" class="externalLink">The Apache Software Foundation Website</a> |
| </li> |
| <li > |
| <a href="http://www.apache.org/foundation/contributing.html" title="Donations" class="externalLink">Donations</a> |
| </li> |
| <li > |
| <a href="http://www.apache.org/foundation/sponsorship.html" title="Sponsorship" class="externalLink">Sponsorship</a> |
| </li> |
| <li > |
| <a href="http://www.apache.org/foundation/thanks.html" title="Thanks" class="externalLink">Thanks</a> |
| </li> |
| <li class="nav-header">Download Flex</li> |
| <li > |
| <a href="download-installer.html" title="SDK Installer (For Application Developers)">SDK Installer (For Application Developers)</a> |
| </li> |
| <li > |
| <a href="download-source.html" title="SDK Source Code (For SDK Developers)">SDK Source Code (For SDK Developers)</a> |
| </li> |
| <li > |
| <a href="download-binaries.html" title="SDK Binaries (For SDK Developers)">SDK Binaries (For SDK Developers)</a> |
| </li> |
| <li > |
| <a href="download-flexjs.html" title="FlexJS 'beta' (For Application Developers)">FlexJS 'beta' (For Application Developers)</a> |
| </li> |
| <li > |
| <a href="download-flexunit.html" title="FlexUnit (For Application Developers)">FlexUnit (For Application Developers)</a> |
| </li> |
| <li > |
| <a href="download-blazeds.html" title="Blaze DS Source Code">Blaze DS Source Code</a> |
| </li> |
| <li > |
| <a href="download-tourdeflex.html" title="Tour De Flex Source Code">Tour De Flex Source Code</a> |
| </li> |
| <li > |
| <a href="download-squiggly.html" title="Squiggly Spell Checker">Squiggly Spell Checker</a> |
| </li> |
| <li > |
| <a href="download-utilities.html" title="Flex Utilities">Flex Utilities</a> |
| </li> |
| <li > |
| <a href="download-archive.html" title="Previous Versions">Previous Versions</a> |
| </li> |
| </ul> |
| </div> |
| </div> |
| </div> |
| </footer> |
| |
| <div class="container subfooter"> |
| <div class="row"> |
| <div class="span12"> |
| <p class="pull-right"><a href="#">Back to top</a></p> |
| <p class="copyright">Copyright ©2016 <a href="https://www.apache.org/">The Apache Software Foundation</a>. All Rights Reserved.</p> |
| <p><a href="http://github.com/andriusvelykis/reflow-maven-skin" title="Reflow Maven skin">Reflow Maven skin</a> by <a href="http://andrius.velykis.lt" target="_blank" title="Andrius Velykis">Andrius Velykis</a>.</p> |
| </div> |
| </div> |
| </div> |
| |
| <!-- Le javascript |
| ================================================== --> |
| <!-- Placed at the end of the document so the pages load faster --> |
| <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> |
| |
| <script src="./js/bootstrap.min.js"></script> |
| <script src="./js/lightbox.min.js"></script> |
| <script src="./js/reflow-scroll.js"></script> |
| <script src="http://yandex.st/highlightjs/7.5/highlight.min.js"></script> |
| |
| <script src="./js/reflow-skin.js"></script> |
| |
| </body> |
| </html> |
