Development/Tutorials/Plasma5: Difference between revisions

    From KDE TechBase
    (Removed due to no new content provided.)
    (6 intermediate revisions by 5 users not shown)
    Line 2: Line 2:
    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]]
    Line 21: Line 22:
    == 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."