Development/Tutorials/Plasma5: Difference between revisions

From KDE TechBase
(Created page with "== QML 2.0 == Plasmoids that use the QML 2.0 declarative language to describe their user interface while having the logic of the applet, in JavaScript. This is now the '''re...")
 
(Removed due to no new content provided.)
(9 intermediate revisions by 5 users not shown)
Line 1: Line 1:
== QML 2.0 ==
== Plasmoids ==
Plasmoids that use the QML 2.0  declarative language to describe their user interface while having the logic of the applet, in JavaScript.
Plasmoids that use the QML 2.0  declarative language to describe their user interface while having the logic of the applet, in JavaScript.


This is now the '''recommended''' method of creating plasmoids, where possible. The plasmoid, or applet serves as the visualization for the data which a Plasma::DataEngine contains.
It allows easily the declaring of an interface and to easily create things like ListViews with native Plasma theming. It is what Plasma is leaning the most towards, especially in the Mobile, MediaCenter shells.


It allows easily the declaring of an interface and to easily create things like ListViews with native Plasma theming. It is what Plasma is leaning the most towards, especially in the Mobile, MediaCenter shells.
;[[Development/Tutorials/Plasma5/QML2/Requirements|Requirements]]
:''What you'll need to get started with Plasmoid development''


;[[Development/Tutorials/Plasma2/QML2/GettingStarted|Getting Started]]
;[[Development/Tutorials/Plasma5/QML2/GettingStarted|Getting Started]]
:''Creating and running your first plasmoid in QML 2.0''
:''Creating and running your first plasmoid in QML 2.0''


;[[Development/Tutorials/Plasma2/QML2/Basic_ListView|Basic List Plasmoid]]
;[[Development/Tutorials/Plasma5/QML2/HelloWorld|Hello World Plasmoid]]
:''Make a QML 2.0 ListView which displays basic text objects as items. Utilizes native Plasma theming and animations.''
:''Create a basic Hello World plasmoid, adding features as the tutorial proceeds.''


;[[Development/Tutorials/Plasma2/QML2/API|API Reference]]
;[[Development/Tutorials/Plasma2/QML2/API|API Reference]]
:''The QML 2.0 Plasmoid API. Useful for referencing what is available in the runtime, what are the differences with the pure JavaScript ScriptEngine, the differences between pure Qt 5.2, QML 2.0 and Plasma 2, and as a study aid for the tutorials above.''
:''The QML 2.0 Plasmoid API. Useful for referencing what is available in the runtime, and in the provided Plasma imports.


== Applet provides ==
== Applet provides ==
applets can say in their metadata desktop file what features they provide: this is use to build an UI to switch an applet at runtime with other applet that provide the same feature.
Applets can say in their metadata desktop file what features they provide: this is use to build an UI to switch an applet at runtime with other applet that provide the same feature.
see [[Development/Tutorials/Plasma5/Provides|List of known Provides]]
see [[Development/Tutorials/Plasma5/Provides|List of known Provides]]


== Themes ==
== Themes ==


;[[Development/Tutorials/Plasma/Theme|Creating a Plasma Theme Quickstart]]
;[[Development/Tutorials/Plasma5/Theme|Creating a Plasma Theme Quickstart]]
:''A quick guide to creating your first Plasma theme''
:''A quick guide to creating your first Plasma theme''


;[[Development/Tutorials/Plasma5/ThemeDetails|The Plasma Theme Structure In Detail]]
;[[Development/Tutorials/Plasma5/ThemeDetails|The Plasma Theme Structure In Detail]]
:''A comprehensive guide to the contents of a Plasma SVG theme, including configuration options, wallpapers, on-disk layout, names of all standard SVG files and every element in them.''
:''A comprehensive guide to the contents of a Plasma SVG theme, including configuration options, on-disk layout, names of all standard SVG files and every element in them.''
 
;[[Development/Tutorials/Plasma5/ThemePortingToPlasma5|Porting an old Plasma Theme to Plasma 5]]
:''A overview of all the changes needed for old themes to properly work on latest Plasma 5."

Revision as of 01:41, 6 January 2020

Plasmoids

Plasmoids that use the QML 2.0 declarative language to describe their user interface while having the logic of the applet, in JavaScript.

It allows easily the declaring of an interface and to easily create things like ListViews with native Plasma theming. It is what Plasma is leaning the most towards, especially in the Mobile, MediaCenter shells.

Requirements
What you'll need to get started with Plasmoid development
Getting Started
Creating and running your first plasmoid in QML 2.0
Hello World Plasmoid
Create a basic Hello World plasmoid, adding features as the tutorial proceeds.
API Reference
The QML 2.0 Plasmoid API. Useful for referencing what is available in the runtime, and in the provided Plasma imports.

Applet provides

Applets can say in their metadata desktop file what features they provide: this is use to build an UI to switch an applet at runtime with other applet that provide the same feature. see List of known Provides

Themes

Creating a Plasma Theme Quickstart
A quick guide to creating your first Plasma theme
The Plasma Theme Structure In Detail
A comprehensive guide to the contents of a Plasma SVG theme, including configuration options, on-disk layout, names of all standard SVG files and every element in them.
Porting an old Plasma Theme to Plasma 5
A overview of all the changes needed for old themes to properly work on latest Plasma 5."