Click here to Skip to main content
15,867,921 members
Articles / Mobile Apps / iOS
Article

How to port an app using Multi-OS Engine, a Beta feature of Intel® INDE

1 Oct 2015CPOL4 min read 17.5K  
This article will provide you details on how to port an existing android apps to iOS using the Multi-OS Engine.

This article is in the Product Showcase section for our sponsors at CodeProject. These articles are intended to provide you with information on products and services that we consider useful and of value to developers.

Intel® Developer Zone offers tools and how-to information for cross-platform app development, platform and technology information, code samples, and peer expertise to help developers innovate and succeed. Join our communities for Android, Internet of Things, Intel® RealSense™ Technology and Windows to download tools, access dev kits, share ideas with like-minded developers, and participate in hackathon’s, contests, roadshows, and local events.

Overview

Do you have an existing Android* app? Thinking of porting it to iOS* platforms as well? But you have no iOS development experience. Well, you don’t need to! Multi-OS Engine will address your problem. Please refer to this if you are not already familiar with Multi-OS Engine. To get a technical overview of Multi-OS Engine, please refer to this article.

Multi-OS Engine SDK provides the below resources for app development from IDE integration to application deployment.

Image 1

This article will provide you details on how to port an existing android apps to iOS using the Multi-OS Engine. In this tutorial we will be using a local MAC machine for application development. For remote development, please refer to the remote build getting started guide.

The process for porting an existing android app to Multi-OS Engine can be broken into a step by step process.

Image 2

Let us start by creating a project in Android Studio. Please refer to the quick start guide for local build on instructions on creating and Android Project and Multi-OS Engine module

Assuming that the project and the Multi-OS Engine module have been created, we will go through each step briefly with code snippets for better understanding.

Identify business logic and separate the UI

With the Multi-OS Engine you can reuse java code to create Android and iOS apps. The Multi-OS Engine allows you to code in Java with common business functionality which can be shared between Android and iOS.

Design of UI using Multi-OS Engine

Next, design your iOS UI using one of the two ways mentioned below:

1. Xcode storyboard designer

  • To use Xcode designer, you can open your module in the Xcode. Right click on your Multi-OS Engine module, and open project in Xcode.

Image 3

  • The module opens up in Xcode. Click on storyboard under the resources folder.

Image 4

  • Once, your UI design is ready, you can copy the storyboard to your project under resources folder in Android Studio.

2. Multi-OS Engine Designer

  • The designer is similar to Android. The format of designer is ixml file. More information of using Multi-OS Engine can be found here.

Image 5

Bind UI in Java

Open your controller class under <modulename> --> java --> <package_name> --> ui --> AppViewController. In this class, you can associate the bindings to the Xcode UI Layout.

  • Add class variables to all the views used in your design in your controller file.

Image 6

  • Once the class variables are added, associate the getters and setters for IBActions or IBoutlets (Please note this step is only needed if you are using Xcode designer to design your interface). However, the @Property annotation is only for people who do NOT use Xcode designer. If people use Xcode designer and have native stubs they should NOT use @Property annotation.

Image 7

Event Handling

If you have an event handling associated with any component, you can create instances of the event based classes that need to be assigned an action in order to respond to some event.

Image 8

Implementation of business logic

We then create a separate module for the business logic which will be in java.

  • To create the module, right click on your project in the Project Explorer and create a new module. Choose the New module as “Java Library”.

Image 9

Image 10

  • Once the module is created, it has to be accessed by both the Android module and iOS module. For this, right click on the project, open module settings and add dependencies for the iOS module and the android module.

Image 11

Image 12

Image 13

  • The business logic module is compiled using the Java compiler. We need to update gradle settings to build the module. Under Gradle scripts – choose build.gradle(Module:businesslogic)
  • Add the following script at the end-
 compileJava {

    targetCompatibility = 1.7

    sourceCompatibility = 1.7

}

This covers your app porting! Hope you found this article useful. In the end I would suggest sharing of your code as much as possible between the two apps. If you have any questions please feel free to post in on our Multi-OS Engine Forum.

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)


Written By
United States United States
Intel is inside more and more Android devices, and we have tools and resources to make your app development faster and easier.


Comments and Discussions

 
-- There are no messages in this forum --