New Enhancement Released for iOS7+Android Native Look & Feel and Xcode 5 Support
By Joe Huang-Oracle on Jan 30, 2014
It has been a while since a blog article was published last. While the bloggers took a little time off during the holidays, the product development team has been hard at work to release a new ADF Mobile "Patch" (Patch 5) that adds some significant new functionality, in addition to numerous bug fixes. You can find the release note for the new patch here.
To download, you would simply need to start JDeveloper 126.96.36.199, and select menu item Help->Check For Updates->Official Oracle Extension and Updates, and select ADF Mobile. It should have version number 188.8.131.52.39.64.62.
For any customers who have received one off patch through the BLR process, please note that one-off patches obtained through the BLR process are not automatically rolled into this overall patch. Therefore, please work with your Oracle Support representative to request a new BLR patch for this latest patch.
We will focus on two specific enhancements in this article:
- New iOS7 and Android Native Look and Feel (mobileAlta Skin)
- Xcode 5 support
mobileAlta Skin for Native iOS 7 and Android Look and Feel
With iOS7, Apple introduced a new look and feel that gives the iOS user interface a cleaner and more stream-lined look and feel Gone are a lot of the three-dimensional and gradient effect in the user interface and icons, and replaced by simple and modern "skins" to complement the iOS device hardware. With the latest ADF Mobile patch, we introduced a new mobileAlta skin that, when running on iOS devices, would closely match the standard look and feel of the iOS7 look and feel.
Here is what the HR application looks like with the old (mobileFusionFX) skin:
The updated skin on the iPhone now looks like:
As for Android, as many of you noticed, the look and feel of the ADF Mobile skin has always more resembled that of the iOS than Android. Android did not introduce a more formal UI standard until Android 4.x, and is still evolving. Nevertheless, it has evolved to a look and feel that's very distinctive from the iOS UI. Many of you have reported this issue to us, and we listened. When rendered on Android devices, mobileAlta skin would also introduce a more Android look and feel.
Here is the new Android native look-and-feel:
How to Apply the New Look and Feel
To apply the new look and feel, you simply need to edit the adfmf-config.xml file, and change the skin family as follows:
That's it. If you have over-written out of box ADF Mobile CSS styles or added your own CSS classes, please test the application thoroughly and ensure the new style is compatible with the customized classes. Color, coordinates, and icon references may have changed, and thorough UI testing is needed to ensure there is no unexpected side-effects.
Xcode 5 support
With the latest patch, you will need to use Xcode5 to deploy the iOS version of the ADF Mobile application. Only Xcode 5 is supported. This complies with the latest Apple guideline due to take effect on February 1, 2014, where all apps submitted to the AppStore must be compiled with Xcode5 and optimized for iOS 7.
Update to the latest Xcode requires downloading and installing Xcode 5, and then configure the location of the Xcode 5 in JDeveloper - Tools - Preferences - ADF Mobile.
While JDeveloper's integration with Xcode 5 did not change, Xcode 5 itself introduced a number of changes. The most prominent change is around how Provisioning Profiles and Developer Accounts are managed. Previously Provisioning Profiles and Developer Accounts are accessed and managed through the Organizer utility that's accessed through menu item Windows - Organizer. Now it is managed through the Xcode Preferences dialog box accessed with menu item Xcode - Preferences, and then select the "Accounts" tab. You will then see your Apple Developer account information displayed. When you click on the "View Details..." button, you will then see the list of certificates and provisioning profiles assigned to you. Therefore, when you need to verify the Provisioning Profiles, you will need to access this dialog box. You can still double click on the .mobileprovision file to install the Provisioning Profiles, but must use this functionality to see it.
Please consult Apple documentation for details of how to use this new functionality.
There had been some blog article published that references the old "Organizer" functionality. These blog articles would be updated over time.
ADF Mobile Product Management Team