The Flex mobile ViewNavigatorApplication
and TabbedViewNavigatorApplication
contain a special control called the ActionBar
, which contains three editable child containers. We can define the contents of these child containers by modifying the MXML in our project documents.
Modify the document MXML to customize our ActionBar
contents. In this example, we will define some interactive image controls and provide a rich title image across our application ViewStack:
1. When we first configure a new Flex mobile project, our main MXML document will appear as follows:
<?xml version="1.0" encoding="utf-8"?> <s:ViewNavigatorApplication xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" firstView="views.CustomActionBarHomeView"> </s:ViewNavigatorApplication>
2. The
ActionBar
contains three distinct areas within which we can define additional controls, they are...