• Home
• Felgo
• NativeObject

NativeObject

NativeObject represents a platform-native object. More...

• List of all members, including inherited members

Methods

• var callMethod(string methodName, var parameters, enumeration threadType, function resultHandler)
• NativeClass getClass()
• var getProperty(string propertyName)
• void setProperty(string propertyName, var value)

Detailed Description

This QML type allows you to interact with native objects on mobile platforms. NativeObject is currently supported on Android and iOS.

A NativeObject wraps an instance of a platform-native object. On Android, this is an instance of Object. On iOS, this is any Objective C id.

You can call methods of the underlying native object with callMethod(). You can also access fields/properties of the object with getProperty() and setProperty().

You can interact with native classes using the derived type NativeClass. It can call static methods and create new object instances. You can obtain a reference to the object's class with getClass(). Similarly, you can access any class by name with NativeObjectUtils::getClass().

NativeObject is intended for advanced usage. Most apps do not need to interact with native objects directly. The most common applications are available in NativeUtils.

This type allows you to directly call any native APIs. These APIs are platform-specific. So make sure to only call them on the correct platform. You can use the Qt global object to find out the currently running platform at runtime:

 if(Qt.platform.os === "android") {
   // android specific code
 }
 else if(Qt.platform.os === "ios") {
   // iOS specific code
 }

You can also safely call native APIs from within your NativeView platform binding implementations. Use the NativeView::androidBinding property for Android specific code and the NativeView::iosBinding for iOS specific code.

Usage Example

NativeObject is useful to add any native functionality to your apps or games that is not directly supported by Felgo. The following example shows how to get the current battery level on Android and iOS.

A public method handles the platform detection: It uses Qt.platform.os to find out the current platform. It then calls a platform-dependent private method.

The platform-dependent methods can use NativeObjectUtils::getClass() to access native classes. They can create new instances of these classes with NativeClass::newInstance(). They can then call methods of an object instance with callMethod(). Also they can access Java fields and Objective C properties with getProperty() and setProperty().

 import Felgo
 import QtQuick

 App {
   AppButton {
     anchors.centerIn: parent
     text: qsTr("Check Battery")
     onClicked: {
       var batteryPercent = Math.round(getBatteryLevel() * 100)
       text = "Battery: "+ batteryPercent + "%"
     }
   }

   // returns battery level between 0 and 1 on mobile platforms
   function getBatteryLevel() {
     // call platform-dependent implementation:
     if(Qt.platform.os === "android") {
       return _.getAndroidBatteryLevel()
     }
     else if(Qt.platform.os === "ios") {
       return _.getIosBatteryLevel()
     }
     else {
       return 0
     }
   }

   // private methods
   Item {
     id: _

     function getAndroidBatteryLevel() {
       // imports and constants:
       var Intent = NativeObjectUtils.getClass("android/content/Intent")
       var IntentFilter = NativeObjectUtils.getClass("android/content/IntentFilter")
       var BatteryManager = NativeObjectUtils.getClass("android/os/BatteryManager")

       var context = NativeObjectUtils.getContext()

       // Corresponding Java code (from https://developer.android.com/training/monitoring-device-state/battery-monitoring#CurrentLevel):
       // IntentFilter ifilter = new IntentFilter(Intent.ACTION_BATTERY_CHANGED);
       // Intent batteryStatus = context.registerReceiver(null, ifilter);
       // int level = batteryStatus.getIntExtra(BatteryManager.EXTRA_LEVEL, -1);
       // int scale = batteryStatus.getIntExtra(BatteryManager.EXTRA_SCALE, -1);
       // return level / (float)scale;

       var filter = IntentFilter.newInstance(Intent.getStaticProperty("ACTION_BATTERY_CHANGED"))
       var batteryStatus = context.callMethod("registerReceiver", [null, filter])

       var level = batteryStatus.callMethod("getIntExtra", [BatteryManager.getStaticProperty("EXTRA_LEVEL"), -1])
       var scale = batteryStatus.callMethod("getIntExtra", [BatteryManager.getStaticProperty("EXTRA_SCALE"), -1])

       return level / scale
     }

     function getIosBatteryLevel() {
       // imports:
       var UIDevice = NativeObjectUtils.getClass("UIDevice")

       // Corresponding Objective C code:
       // UIDevice *device = UIDevice.currentDevice;
       // device.batteryMonitoringEnabled = YES;
       // return device.batteryLevel;

       var device = UIDevice.getStaticProperty("currentDevice")
       device.setProperty("batteryMonitoringEnabled", true)
       return device.getProperty("batteryLevel")
     }
   }
 }

Data Type Conversions between QML and Native Code

The methods in NativeObject perform conversion between QML/JavaScript and native object types. They convert parameters, property values and return values automatically.

This table describes which type conversions they perform:

When you pass an object from QML to a native method/property, you can use it for any of the listed types. For example, a JavaScript array can be used to call a Java method with a java.util.List parameter. However it can also be used for a method that accepts a regular Java array.

When you retrieve an object from a native method/property, it is converted to the corresponding JavaScript type. Any object that is not directly supported by a QML type as listed in the table is returned as a new NativeObject instance.

Interfaces and Protocols

When you interact with native objects, it is often necessary to create objects conforming to Java interfaces and Objective C protocols.

On Android for example, to get a click event from a android.widget.Button, you need an OnClickListener implementation. The implementation needs to implement the onClick(View view) method.

You can do this by supplying a JavaScript function. For example, you can use this code to set the Button.onClickListener:

 view.callMethod("setOnClickListener", function(v) {
   // call QML signal:
   parent.clicked()
 })

You can also create a JavaScript object with keys mapping to functions in place of a Java interface. This is useful if you need to implement multiple interface methods. Each key in the supplied object corresponds to a method with that name in the interface. Example:

 view.callMethod("setOnClickListener", {
   "onClick": function(v) {
     // call QML signal:
     parent.clicked()
   }
   // could add additional interface methods here
 })

On iOS, you can use the same method to create objects conforming to Objective C protocols. You can use this to create delegate objects and to add target actions.

In Objective C, protocol methods have defined method signatures. When you add a method in such a protocol implementation, you can specify the method signature before the method name. You can omit the method signature if all parameters and the return value are of object type (id or pointer to NSObject types).

Example adding a UIScrollViewDelegate:

 scrollView.setProperty("delegate", {
   // method signature can be omitted - only object parameters and return type
   "scrollViewWillBeginDragging:": function(scrollView) {
     console.log("begin dragging")
   },
   // manual method signature required because of non-object parameter bool decelerate
   "v@:@B scrollViewDidEndDragging:willDecelerate:": function(scrollView, decelerate) {
     console.log("end dragging", decelerate)
   },
   "scrollViewDidEndDecelerating:": function(scrollView) {
     console.log("end decelerating")
   }
 })

Available QML Items

Method Documentation