This is an automated email from the ASF dual-hosted git repository. joshtynjala pushed a commit to branch flexdoc in repository https://gitbox.apache.org/repos/asf/flex-site.git
commit b33daad9d6e4a9b93bb4cf0d241fb9ce854243ff Author: Josh Tynjala <[email protected]> AuthorDate: Tue Sep 16 13:55:44 2025 -0700 using: new intro to Apache Flex to replace the old Flex 4.6 intro --- content/doc/flex/using/flx_intro_int.html | 232 +++++++++++------------------- content/doc/flex/using/index.html | 2 +- 2 files changed, 84 insertions(+), 150 deletions(-) diff --git a/content/doc/flex/using/flx_intro_int.html b/content/doc/flex/using/flx_intro_int.html index 507922ab7..ec99fc6bc 100644 --- a/content/doc/flex/using/flx_intro_int.html +++ b/content/doc/flex/using/flx_intro_int.html @@ -20,163 +20,97 @@ <html lang="en-us" xml:lang="en-us"> <head> <meta name="DC.Type" content="topic"/> -<meta name="DC.Title" content="Introduction to Flex 4.6"/> +<meta name="DC.Title" content="Introduction to Apache Flex"/> <meta name="DC.Format" content="XHTML"/> <meta name="DC.Identifier" content="WS6aa5ec234ff3f2851d96da0f125b7687eb5-8000_verapache"/> -<title>Introduction to Flex 4.6</title> +<title>Introduction to Apache Flex</title> </head> <body id="WS6aa5ec234ff3f2851d96da0f125b7687eb5-8000_verapache"><a name="WS6aa5ec234ff3f2851d96da0f125b7687eb5-8000_verapache"><!-- --></a> <div> - <p>Flex 4.6 introduces new features -and continues to build upon the major architectural changes in Flex -4.</p> - - <p>If you are a new Flex developer, and have not previously developed -applications in Flex, you can use the many available resources to -learn more about Flex. For more information on the resources available -for new Flex developers, see <a href="flx_intro_int.html#WSe0363cf428f0b465-73924175125ffffa502-8000_verapache">Getting started -with Flex 4.5</a> and <a href="http://www.adobe.com/go/learn_flex_whatsnew46_en"; target="_blank">What's new in Flex 4.6 SDK</a>.</p> - - <p>If you are an existing Flex developer, you can use the information -in <a href="flx_intro_int.html#WSc86a71867f5b4fa8351045f125dffc40d0-7fff_verapache">Migration</a> to decide -how best to upgrade your applications to the newest SDK. </p> - - </div> - - <div class="nested1" id="WSe0363cf428f0b465-73924175125ffffa502-8000_verapache"><a name="WSe0363cf428f0b465-73924175125ffffa502-8000_verapache"><!-- --></a> - <h2 class="topictitle2">Getting started with Flex 4.6</h2> - + <p>Flex is a powerful, open source, front-end application framework that + allows developers to easily create apps for both desktop and mobile + using the same programming model, tools, and codebase. Developers may + use Flex to build natively installed apps targeting iOS™, Android™, and + BlackBerry® Tablet OS devices on mobile, or they can deploy traditional + desktop applications on Windows®, macOS®, and Linux.</p> - <div> - <p>The Flex developer community provides -many resources that you can use to get started with Flex development. -These resources are helpful for new users, and for experienced users -seeking to increase their knowledge of Flex. </p> - - </div> - - <div class="nested2" id="WS376f918417fc6a59-3dc82309133375e5252-8000_verapache"><a name="WS376f918417fc6a59-3dc82309133375e5252-8000_verapache"><!-- --></a> - <h3 class="topictitle3">Features new for Flex 4.6</h3> - - - <div> - <p>Flex 4.6 contains several new features, including: </p> - - <div class="p"> - <ul> - <li> - <p>More Spark mobile components, including: SplitViewNavigator, -CalloutButton, Callout, SpinnerList, DateSpinner, and ToggleSwitch</p> - - </li> - - <li> - <p>Better performance</p> - - </li> - - <li> - <p>Updated platform support</p> - - </li> - - <li> - <p>Text enhancements</p> - - </li> - - </ul> - - </div> - - <p>For more information on additional features, see <a href="http://www.adobe.com/go/learn_flex_whatsnew46_en"; target="_blank">What's new in the Flex 4.6 SDK</a>. </p> - - </div> - - </div> - - <div class="nested2" id="WSa122979b461972566d16c457125b7d3d121-8000_verapache"><a name="WSa122979b461972566d16c457125b7d3d121-8000_verapache"><!-- --></a> - <h3 class="topictitle3">Features new for Flex 4.5</h3> - - - <div> - <p>Flex 4.5 contains several new features, including: </p> - - <div class="p"> - <ul> - <li> - <p>Support for mobile applications</p> - - </li> - - <li> - <p>More Spark UI components, including: Image, DataGrid, and -Form</p> - - </li> - - <li> - <p>Integration with Flash Player's globalization classes</p> - - </li> - - <li> - <p>RSL enhancements</p> - - </li> - - <li> - <p>TLF 2.0</p> - - </li> - - <li> - <p>OSMF 1.0 integration</p> - - </li> - - <li> - <p>Spark validators and formatters</p> - - </li> - - </ul> - - </div> - - <p>This list is a subset of the new features in the Flex 4.5 SDK. For -more information on additional features, see <a href="http://www.adobe.com/go/learn_flex_whatsnew_en"; target="_blank">What's New in the Flex 4.5 SDK</a>.</p> - - </div> - - </div> - - </div> - - <div class="nested1" id="WSc86a71867f5b4fa8351045f125dffc40d0-7fff_verapache"><a name="WSc86a71867f5b4fa8351045f125dffc40d0-7fff_verapache"><!-- --></a> - <h2 class="topictitle2">Migration</h2> - + <p>In the past, Flex applications were also deployed to web browsers using + Adobe Flash Player. While browser deployment is no longer possible with + Flex because Adobe discontinued its browser plugin in 2020, developers + may continue to package Flex applications as native apps using the AIR + SDK. Adobe has officially licensed the AIR SDK to HARMAN for continued + development, and it is frequently updated to remain compatible with the + latest operating system changes.</p> - <div> - <p>If you are an existing Flex user, you can migrate -your existing applications from Flex 4 to Flex 4.6, or even from -Flex 3. </p> - - <p>For Flex 4 users, migrating to Flex 4.6 is relatively simple. -The differences are largely cosmetic and are summarized in <a href="http://www.adobe.com/go/learn_flex_backcomp_en"; target="_blank">Flex Backwards Compatibility</a>.</p> - - <p>For Flex 3 users, before starting the migration process, you -should be aware of all new Flex 4 and 4.6 features, and be familiar -with changes to existing features. The greatest differences are -from Flex 3 to Flex 4. For information on migrating applications -from Flex 3 to Flex 4, see the <em> - <em>Flex 4 Features and Migration Guide</em> - </em> at <a href="http://www.adobe.com/go/learn_flex4_featuremigrate_en"; target="_blank">http://www.adobe.com/go/learn_flex4_featuremigrate_en</a>.</p> - - </div> - - <p>Adobe and Adobe Flash Player are either registered trademarks or trademarks of Adobe Systems Incorporated in the United States and/or other countries and are used by permission from Adobe. No other license to the Adobe trademarks are granted.</p> + <p>Developers build Flex applications using ActionScript and MXML. + ActionScript is an object-oriented programming language that was + created as superset of the ECMAScript standard (more widely known as + JavaScript), with a stronger focus on classes, interfaces, and strong + typing. MXML is a declarative markup language for laying out + custom user interface components with powerful built-in features, like + state management and data binding. Together, ActionScript and MXML + provide developers with increased productivity and reduced cognitive + load by separating concerns and eliminating redundant boilerplate.</p> + + <p>Dozens of built-in user interface components (from buttons, sliders, + lists, grids, drop-downs, and a variety of layout containers) make it + easy to create many types of forms, dashboards, and visualizations. + Developers can create high-level components with MXML to set properties + and styles, listen for events, configure layouts, bind to data sources + to automatically update views when the data changes, and use states to + dynamically hide and show content. Flex also provides hooks into its + lower-level component lifecycle that may be accessed from ActionScript + to build completely new components that go beyond what Flex's built-in + libraries provide out of the box, allowing developers to take full + advantage of every graphical capability provided by Flash Player and + AIR.</p> + + <p>Flex offers a variety of visual customization options for its UI + components, including styling with CSS or replacing their default + appearance with completely custom skins created by a designer. Styles + include fonts (both from those installed on the user's device and by + embedding custom fonts), colors, borders, paddings, gaps, and other + spacing. Skins may be created from both bitmap and vector graphics, + imported from a variety of design tools. Similarly, developers may use + built-in animations and transitions to delight users and guide them + through complex navigations within the app. All motion is fully + configurable, to allow it to be as flashy or understated as + desired.</p> + + <p>Usability features include data validation (to display helpful errors + for users and prevent forms from being submitted until the issues are + fixed), formatting numbers, currency, and other data strings, + localization to display different strings in the application based on + the user's language and region, displaying pop-up floating dialogs and + modals that prevent mouse, touch, and keyboard access below until + dismissed, drag-and-drop to move items within and between data-based + controls, and accessibility hooks for screen readers and other + assistive tooling.</p> + + <p>Flex supports a variety of build, testing, and deployment tools. The + Flex SDK includes powerful command line compilers, and a variety of + editors and integrated development environments (IDEs) either include + built-in Flex projects or well-supported third-party plugins for + Flex that can build Flex applications directly in the editor. FlexUnit + provides unit and integration testing, and Flex also supports powerful + enterprise automation tools for functional testing of user + interactions. For deployment, Flex apps can be distributed as native + apps in platform-specific app stores, or using downloadable installers.</p> + + <p>This manual brings together all of the features mentioned above into a + single guide, to teach developers how to develop applications with + Flex. Start by learning the ActionScript and MXML languages. Then, gain + an understanding how to of compose the built-in UI components with + layouts, states, and data binding to create powerful forms, dashboards, + or data visualizations. Style and skin your Flex app to customize its + appearance to match your brand's guidelines, integrating your workflow + with a designer. Enhance usability with powerful features like + validation, formatting, and drag-and-drop. Finally, create a release + build, run tests, and deploy your app to your users.</p> + </div> + <div> + <p>Adobe and Adobe Flash are either registered trademarks or trademarks of Adobe Systems Incorporated in the United States and/or other countries and are used by permission from Adobe. No other license to the Adobe trademarks are granted.</p> </div> diff --git a/content/doc/flex/using/index.html b/content/doc/flex/using/index.html index 6fdfb83a8..45f700684 100644 --- a/content/doc/flex/using/index.html +++ b/content/doc/flex/using/index.html @@ -23,7 +23,7 @@ </head> <body> <ul> -<li><a href="flx_intro_int.html">Introduction to Flex 4.6</a></li> +<li><a href="flx_intro_int.html">Introduction to Apache Flex</a></li> <li><a href="flx_p1_gettingstarted.html">Getting started</a></li> <li><a href="flx_p2_app_architecture.html">Application architecture</a></li> <li><a href="flx_p3_building_ui.html">Building the user interface</a></li>
