Author: Yash Oswal
If you have reached this article, I presume you know what Intel Multi-OS Engine is capable of and its cool new features. If not, refer to these articles - Why Multi-OS Engine? and the Technical Overview of Multi-OS Engine.
This article specifically talks about the UI Builder. Multi-OS Engine(MOE) provides its own UI builder to build iOS apps which is similar to Android layout to build but has view objects similar to that of iOS. In this tutorial I am going to build a simple Quiz application for iOS using MOE and its UI builder.
Step 1: To build any MOE application first make a stock Android sample application like this:
Step 2: Then right click on the android project and select Intel MOE Module to create a new module.
Step 3: Then select stock Hello World Application as a starting point for making the app.
Step 4: Name your application and click finish
Step 5: These are the files that are created by MOE.
Step 6: Next click on the sample_design.ixml file to start editing your UI.
Step 7: As you can see some parameters are already set as default like initialViewController and its viewController. You can set parameters according to your own needs.
Step 8: After deleting the default label and button you can start adding your own view objects. Method of adding object is quite simple you just have to drag and drop just like android layout.
Step 9: You can set all the parameters related to your UI in the properties tab. The parameters here are quite similar to those seen on Xcode.
Step 10: Here add two labels and two buttons to make the UI of the app.
Step 11: Name the iboutlets for all the view objects that you place in your UI.
Step 12: And set up your IBActions for buttons under events.
Step 13: The MOE auto-generates all the IBOutlets and IBActions in the corresponding Java viewcontroller file.
Step 14: Now add the class variables corresponding to all the view objects in UI and assign them their corresponding IBOutlets in viewDidLoad method.
Step 15: Now create a QuizDataSet.java file which can work as a data source for the app and instantiate its object in the AppViewController class.
Step 16: Next set the texts of the Question and Answer Labels in the Action methods showQuestion and showAnswer.
Step 17: After this just run the app.
Voila! You have designed your first iOS app with the UI designer of the Multi-OS Engine.