Porting QML Plasmoids to Plasma 2

The Plasma Quick APIs have been ported to QtQuick2. This has been done with API compatibility in mind. Usually, it is pretty easy to get your QtQuick2 code running on top of QtQuick2 and Plasma2. This document guides you through the important changes in QtQuick2.

The following modules have been fully ported:

org.kde.plasma.core (PlasmaCore)

org.kde.plasma.components (PlasmaComponents)

org.kde.plasma.extras (PlasmaExtras)

org.kde.qtextracomponents (QtExtras)

org.kde.draganddrop

org.kde.runnermanager (work in progress)

API Changes

The API has been kept compatible to minimize the porting effort to Plasma2. With the following changes, you can get your code running on Plasma2:

Change import version numbers of all above components to 2.0

org.kde.locale is gone, use Qt.locale() or PlasmaCore.Format for localization.

PlasmaCore.MenuItem.icon now accepts icons as QString, as well as QIcon

Please note that the Plasma QtQuick 2 APIs are still subject to change. This document is work in progress.

Versioning of plugins

All plugin versions have been upped to 2.0. PlasmaComponents, PlasmaCore, PlasmaExtras, QtExtras, DragAndDrop, RunnerModel, etc. are now at version two. Locale was at 1.0, and is now also at 2.0. Change lines like:

import org.kde.plasma.components 0.1 as PlasmaComponents

to

import org.kde.plasma.components 2.0 as PlasmaComponents

Namespacing of enums

As we cannot export new types into the global namespace, enums have to be loaded into a namespace. In order to do this, make sure

you are importing the plugin in question using a namespace (import org.kde.foo 2.0 as MyFoo)

you change references to enums defined in a class with its full name, i.e. PlasmaCore.Dialog.Closed (not Dialog.Closed)

Configuration

Plasma2 doesn't use .ui files anymore. Instead, config pages has to be written in QML.
In order to populate the configuration dialog, put a config.qml file in the config/ directory of the plasmoid.

config/config.qml

The config.qml file must be an instance of the ConfigModel {} component, which can only contains ConfigCategory {} items.

Reading and writing the configuration from the plasmoid code

The plasmoid global object available in the implementation of the QML plasmoid has a new property available: plasmoid.configuration.

the configuration object is an Object that has a property for each configuration key in the config file, with the same name.
It is possible to use property bindings for those properties (so the plasmoid implementation doesn't have to worry about applying configuration values after the user configured something with the config dialog).
If a JavaScript piece assigns a value to one of the properties of configuration, the new value will be written on the configuration on disk.