Die besten Frameworks für plattformübergreifende Desktop-App-Entwicklung

Haben Sie schon einmal bemerkt, dass die meisten professionellen Softwareprodukte und Spiele für alle gängigen Plattformen verfügbar sind? Das ist normal, denn wenn man eine Anwendung erstellt, möchte man, dass sie so vielen Kunden wie möglich zur Verfügung steht. Ein größeres Publikum bedeutet mehr Interesse an Ihrem Produkt, aber auch mehr potenzielle Gewinne, die Sie daraus erzielen können. Daher lohnt es sich, Ihre App auf mehreren verschiedenen Plattformen zu veröffentlichen – aber wie macht man das? Egal, ob Sie ein Startup oder ein etabliertes Unternehmen sind, die plattformübergreifende Entwicklung verschafft Ihnen einen strategischen Vorteil, indem Sie mit weniger Ressourcen mehr Benutzer erreichen.

Als ein Team, das sich auf plattformübergreifende Qt-Entwicklung – von Desktop-Software bis zu Embedded-Systemen – spezialisiert hat, helfen wir Unternehmen, Apps zu erstellen, die auf allen wichtigen Plattformen effizient laufen. Wenn Sie eine Multiplattform-Veröffentlichung planen und Expertenunterstützung benötigen oder einfach nur Ihre Idee validieren möchten, kontaktieren Sie uns gerne für eine kostenlose Beratung.

 

Plattformübergreifende Entwicklung vs. native Entwicklung: Welche Option sollte man wählen?

Bei der Entwicklung einer Anwendung ist eine der wichtigsten Entscheidungen, die Sie treffen müssen, die Wahl des richtigen Plattformansatzes. Es gibt zwei Hauptoptionen: native Entwicklung und plattformübergreifende Entwicklung. Worin unterscheiden sie sich also?

Die erste basiert auf nativen Programmiersprachen. Kurz gesagt beinhaltet sie die Verwendung von Sprachen und Toolkits, die einer bestimmten Plattform gewidmet sind – zum Beispiel Java mit Android Studio für Android und Swift zusammen mit XCode IDE für iOS. Der native Ansatz hat seine Vorteile, aber auch Nachteile. Der wichtigste Vorteil ist zweifellos die erreichbare optimierte Leistung – in nativer Sprache geschriebener Code läuft am schnellsten und bietet Zugang zu den integrierten, plattformspezifischen Funktionen des Systems.

Der Nachteil besteht natürlich in der Schwierigkeit, dem hohen Zeitaufwand und den Kosten der Implementierung – wenn Sie eine Anwendung für drei verschiedene Systeme veröffentlichen möchten, müssen Sie drei unabhängige Programmierteams einstellen. Die Verwaltung separater Codebasen für mehrere Betriebssysteme führt oft zu höheren Kosten und längeren Lieferzeiten. Solche Teams arbeiten getrennt, was sich erheblich auf das Veröffentlichungsdatum der Anwendung auswirkt.

Darüber hinaus muss diese Anwendung auch gewartet werden, was mit den ständigen Zahlungen an diese Teams verbunden ist. Wenn Sie sich fragen, wie Sie die Projektkosten senken können oder wissen möchten, was ein Technologie-Stack ist, werfen Sie einen Blick auf unseren Artikel: Niedriger Technologie-Stack mit Qt: Geld gespart.

 
 

Wie kann man also hohe Kosten mit nur geringem Leistungsverlust vermeiden? Die Antwort liegt in plattformübergreifenden App-Frameworks, die es Teams ermöglichen, den Anwendungscode einmal zu schreiben und in vielen Umgebungen bereitzustellen. Verwenden Sie ein plattformübergreifendes Framework. Diese Art von Frameworks ermöglicht die Entwicklung von Software für mehrere verschiedene Plattformen mit demselben Quellcode – es ist nicht notwendig, Ihre Anwendung neu zu schreiben, wenn Sie neue Funktionen hinzufügen oder Unterstützung für eine neue Zielplattform bereitstellen müssen. Natürlich bieten plattformübergreifende Anwendungen keinen so einfachen Zugriff auf alle nativen Komponenten, dafür aber eine schnellere, kostengünstigere und effizientere Softwareproduktion.

Welches plattformübergreifende App-Entwicklungsframework ist also das beste? Nun, das hängt davon ab, für welche Zielplattformen Sie sich interessieren – es gibt viele verschiedene Frameworks, und es ist unmöglich, alle in einem einzigen Beitrag aufzulisten. Daher konzentrieren wir uns heute auf 6 der besten plattformübergreifenden Desktop-Frameworks.

 

JavaFX, eine in Java erstellte GUI

 

 

Beginnen wir unseren Überblick mit JavaFX, einem plattformübergreifenden Framework, das auf reinem Java basiert. Ursprünglich war dieses Framework in den JDK-Versionen 8–10 enthalten und war die Haupt-GUI-Umgebung für Java, die das zuvor verwendete Swing ersetzte. Ab JDK 11 war es jedoch nur als externes Tool verfügbar, das in OpenJDK als Teil des OpenJFX-Projekts enthalten ist.

JavaFX ermöglicht die Softwareentwicklung für Plattformen wie Windows, macOS und Linux oder Android, iOS (mobile Entwicklung) und Webbrowser. Anfangs wurden auch Embedded-Systeme unterstützt, aber diese Unterstützung wurde mit JDK 8u33 für ARM eingestellt. JavaFX-Anwendungen können sowohl mit reinem Java als auch mit verfügbaren Bibliotheken entwickelt werden – wir sprechen hier auch über den beliebten Maven-Paketmanager, der in JavaFX integriert werden kann. JavaFX enthält selbstverständlich eine Reihe fertiger Bibliotheken, und Entwickler können ihre Anwendungen auch mit verschiedenen Drittanbieterbibliotheken aus dem Java-Ökosystem erweitern.

JavaFX verwendet FXML (eine auf XML basierende Sprache) zur Erstellung des Fensteraussehens. Jedes Tag repräsentiert ein separates Objekt in der Anwendung, dem wir entsprechende Eigenschaften, Position und verschachtelte Komponenten zuweisen können. Die Basiskomponente ist ein einzelner Container, in den wir andere Objekte einfügen. Eine solche Komponente muss dann nur noch im Java-Code geladen werden. Denken Sie daran, dass der verwendete Typ mit dem im FXML-Datei deklarierten übereinstimmen sollte. Wir können auch eine CSS-Datei verwenden, um ausgewählte Komponenten zu gestalten.

Um die Arbeit mit FXML-Dateien zu erleichtern, gibt es ein Tool namens Scene Builder. Es ist ein Editor, der es ermöglicht, das Erscheinungsbild Ihrer Anwendung einfach zu erstellen. Um eine Komponente hinzuzufügen, ziehen Sie sie einfach in den Arbeitsbereich und passen anschließend ihre Eigenschaften im Seitenfenster an. Wenn wir AnchorPane als Basiskomponente gewählt haben, ist das Positionieren von Komponenten noch einfacher, da sie an einem unsichtbaren Raster „haften“, das unsere Anwendung in gleiche Teile unterteilt.

 

 

Scene Builder in Aktion

Leider ist JavaFX nicht ohne Nachteile. Wie die meisten von Ihnen wahrscheinlich wissen, laufen in Java erstellte Programme in einer virtuellen Maschine, was zu einem höheren RAM-Verbrauch und einer erheblichen CPU-Auslastung führt. Das Ergebnis ist, dass JavaFX-Programme auf einigen schwächeren Geräten merklich langsam laufen können. Darüber hinaus werden sowohl JavaFX als auch JavaSwing immer weniger genutzt – diese Lösungen werden nach und nach durch Technologien wie Qt, JSF, Flutter oder Electron ersetzt. Zudem sind benutzerdefinierte Zeichnungen und Animationen nicht so einfach umzusetzen – zumindest nicht so einfach wie in QML.

 

JavaFX – Beispielprogramm

Nachfolgend finden Sie ein Beispiel für ein mit Scene Builder generiertes Anwendungsdesign (siehe Screenshot oben):

 

<? xml version="1.0" encoding="UTF-8"?>
...
</AnchorPane>.

So sieht das Programm nach dem Start aus:

 

 

JavaFX – Vorteile

• Scene Builder Tool
• Möglichkeit, vorhandene Java-Bibliotheken zu verwenden

JavaFX – Nachteile

• Abnehmende Beliebtheit und damit weniger Community-Support
• Geringe Leistung
• Schwierige benutzerdefinierte Zeichnungen und Animationen

 

Qt-Framework für die Desktop-Entwicklung

 

 

Qt ist ein Framework, auf das wir spezialisiert sind, das aber auch von vielen globalen Unternehmen geschätzt wird. Dieses Framework hat seinen Ursprung im Jahr 1995 und wird seitdem kontinuierlich weiterentwickelt. Qt basiert im Kern auf der reinen C++-Sprache, wodurch es eine nativenähnliche Leistung bietet und die Erstellung reaktionsfähiger Benutzeroberflächen selbst für komplexe Geschäftsanwendungen ermöglicht. Ursprünglich war Qt ein Framework, das vollständig für Desktop-Plattformen entwickelt wurde, was zu einer tiefgehenden Entwicklung des dedizierten Desktop-Moduls Qt Widgets führte. Mit der Veröffentlichung der 5. Version von Qt wurde die Unterstützung für die meisten mobilen Plattformen sowie für Embedded-Systeme eingeführt.

Die Entwicklung von Desktop-Anwendungen in Qt erfordert Kenntnisse in C++ (oder Python, wenn Sie PyQt verwenden) – tatsächlich reicht hier grundlegendes Wissen aus, da Qt viele einfach zu verwendende Module enthält, die zusätzlich in der Dokumentation ausführlich und verständlich beschrieben sind. Ein bemerkenswertes Modul ist Qt Quick, das die Erstellung von Anwendungen mit der deklarativen Sprache QML ermöglicht. Es handelt sich um ein einfaches Tool, das wie eine Kombination aus JSON, CSS und JavaScript aussieht. Die letztgenannte Sprache ist Teil von QML, sodass wir zuvor vorbereitete js-Skripte direkt verwenden können. Es ist jedoch allgemein anerkannt, dass die Anwendungslogik vollständig in C++ implementiert wird, während QML das Erscheinungsbild übernimmt. Diese Trennung von Logik und Darstellung ermöglicht es, nativenähnliche Leistung auf nicht-native Weise und eine sauberere Softwarearchitektur zu erreichen.

 

 

Qt wurde als Technologie von vielen globalen Marken gewählt. AMD, Intel, Mercedes-Benz, Bosch, LG, Panasonic, Ubuntu – die Liste ist nahezu endlos. Das überrascht nicht, denn Qt ist eine stabile, ausgereifte Lösung. Die Aufmerksamkeit dieser Unternehmen wird sicherlich durch die oben erwähnten Qt Widgets angezogen, eines der am weitesten entwickelten und fortschrittlichsten Module, mit dem sich eine effiziente Desktop-Anwendung mit wenig Aufwand erstellen lässt, wodurch Qt zu einem der besten plattformübergreifenden Desktop-Frameworks wird. Erwähnenswert ist auch, dass das Qt-Framework neben den bereits erwähnten Qt Widgets- und Qt Quick-Modulen viele weitere Module enthält, mit denen sich native Funktionen einfach aufrufen lassen, sodass 100 % des Potenzials des Zielgeräts genutzt werden können. Darüber hinaus enthält das Qt-Framework das Tool Qt Designer, mit dem Sie das Erscheinungsbild Ihrer Anwendung einfach erstellen können, ohne eine Programmiersprache kennen zu müssen – ähnlich wie beim bereits erwähnten Scene Builder.

Natürlich ist Qt, wie jedes andere Framework, kein Allheilmittel für jedes Projekt. Qt ist kein weit verbreitetes Framework, was die Suche nach einem Spezialisten für diese Technologie erschweren kann. Darüber hinaus spiegelt sich seine geringe Popularität auch in einer weniger umfangreichen Entwicklergemeinschaft wider.

 

Qt – Beispielanwendung

Nachfolgend finden Sie den Code eines einfachen Programms, das in QML erstellt wurde:

 

importing QtQuick 2.12
import QtQuick.Window 2.0

Window {
  id: root

  width: 640
  height: 640
  visible: true
  title: "Beispiel-Fenster"

  Text {
    id: text

    anchors {
      bottom: image.top
      bottomMargin: 25
      horizontalCenter: image.horizontalCenter
    }

    text: "Hallo Welt!"
  }

  Image {
    id: image

    width: 150
    height: 150
    anchors.centerIn: parent

    fillMode: Image.PreserveAspectFit
    source: "qrc:/assets/image.png"
  }
}

So sieht unser Beispielprogramm nach dem Start aus:

 

 

Qt – Vorteile

• Lange entwickelte Desktop-Module
• Unterstützt Desktop-Plattformen (einschließlich Windows, Linux und Mac), mobile Plattformen, Webbrowser und Embedded-Systeme
• Hohe Leistung
• Qt Designer Tool
• Schnelle und einfache Implementierung mit QML
• Einfacher Zugriff auf eine Vielzahl nativer, betriebssystemabhängiger Bibliotheken, die normalerweise in C oder Objective-C geschrieben sind
• Qt für Python

 

Qt – Nachteile

• Durchschnittliche Popularität
• Kleine Entwicklergemeinschaft

 

Electron – Desktopanwendung in HTML

 

 

Das nächste plattformübergreifende Desktop-Framework, das wir heute besprechen, ist Electron. Electron ist ein Open-Source-Framework, das von GitHub entwickelt wurde. Es wurde erstmals 2013 veröffentlicht, also ist es ein relativ junges Framework. Electron ist als Node.js-Paket verfügbar und kann einfach mit dem npm-Manager heruntergeladen werden.

Electron ermöglicht es, voll funktionsfähige Desktop-Anwendungen mit modernen Webtechnologien wie HTML, JavaScript und CSS zu erstellen, was es ideal für Webentwickler macht, die in den Desktopbereich einsteigen. Es verwendet eine Kombination aus der Chromium-Rendering-Engine und der Node.js-Umgebung, um das Erscheinungsbild der Anwendung darzustellen. Erwähnenswert ist, dass Electron selbst in C++ und Objective-C entwickelt wurde und alle integrierten Methoden und Funktionen in der von uns erstellten Anwendung aus JavaScript zugänglich sind.

 

Visual Studio Code als Web-App vs. Visual Studio Code als Electron-Desktop-App

Desktop-Apps, die in Electron erstellt werden, bestehen aus drei Hauptelementen: index.html, main.js und package.json. Die erste Datei enthält die Implementierung des Erscheinungsbilds der Anwendung, die wir mit HTML erstellen. Hier definieren und positionieren wir die Anwendungselemente und geben ihnen die entsprechenden Eigenschaften – ähnlich wie FXML in JavaFX. Die Datei main.js enthält die Implementierung der Anwendungslogik – hier sollten die komplexeren Skripte unseres Programms platziert werden. Die letzte dieser drei Dateien enthält Metadaten über unsere Anwendung, die von Node.js als Paketinformationen verwendet werden. In dieser Datei müssen wir Informationen wie Titel, Version sowie den Pfad zur Datei mit der Logikimplementierung (standardmäßig main.js) angeben.

Viele bekannte Anwendungen, die auf mehreren Plattformen verfügbar sind, basieren auf Electron, wie Discord, Skype, Visual Studio Code, WordPress Desktop, GitHub Desktop, Microsoft Teams und viele andere. Sie werden feststellen, dass jede von ihnen ihr Pendant auf der Webplattform hat. Mit einem fertigen Webdesign können Sie es recht einfach mit Electron auf eine Desktop-Anwendung portieren. Natürlich funktioniert es auch umgekehrt – durch die Erstellung einer einfachen Anwendung in Electron können wir später deren Quellcode verwenden, um eine Webanwendung zu erstellen.

Electron hat jedoch auch seine Nachteile. Erstens verwendet es, ähnlich wie JavaFX, sehr viele Systemressourcen, während es eine deutlich schlechtere Leistung als native Apps bietet. Electron ist auch ausschließlich auf Desktop-Plattformen ausgerichtet – es ist unmöglich, eine Anwendung direkt für Android, iOS oder Embedded-Systeme zu erstellen. Darüber hinaus fehlt ein dedizierter Designer für die von Ihnen erstellten Apps. Natürlich können Sie Lösungen wie WYSIWYG verwenden, aber solche Lösungen nutzen nicht die integrierten Funktionen, die Electron bietet.

 

Electron – Beispielprogramm

Unten finden Sie den HTML-Code einer Beispielanwendung, die in Electron erstellt wurde. Die Datei main.js blieb unverändert:

 

<! DOCTYPE html>
< html>.
  < head>
    < meta charset="UTF-8">
    <!-- https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP -->
    < meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self'; style-src 'self' 'unsafe-inline'">
    < link href="./styles.css" rel="stylesheet">
    < title> Beispiel-App</title>.
  </head>
  < body>
    < div style="text-align: center; margin-top: 25%;">
    < h1> Hallo Welt! </h1> 
    < br>
    < img src="ss.png" alt="electron">
  </div>.
    <!-- Sie können auch andere Dateien einbinden, die in diesem Prozess ausgeführt werden sollen -->
    < script src="./renderer.js"></script>
  </body>
</html>.

So sieht unsere Anwendung nach dem Start aus:

 

 

Electron – Vorteile

• Kann von einer bestehenden Website portiert werden
• Kleine Paketgröße
• Einfache, weit verbreitete Entwicklungstechnologie dank Webnutzung

Electron – Nachteile

• Geringe Leistung
• Kein dediziertes Designer-Tool
• Schwieriger Zugriff auf native Funktionen

 

Flutter

 

 

Flutter ist ein weiteres plattformübergreifendes Desktop-Framework für die Softwareentwicklung. Es handelt sich um ein Open-Source-Projekt, das im Mai 2017 von Google ins Leben gerufen wurde. Flutter richtete sich ursprünglich ausschließlich an mobile Plattformen. Die Unterstützung für Desktop-Plattformen wurde erst im Jahr 2020 eingeführt.

Die Programmierung von Anwendungen in Flutter erfordert Kenntnisse in Dart, Googles proprietärer Programmiersprache. Ursprünglich für die mobile App-Entwicklung konzipiert, unterstützt Flutter mittlerweile mehrere Formfaktoren, einschließlich Desktop und Web. Es ist eine universelle, streng typisierte objektorientierte Sprache. Für Anfänger kann sie etwas schwierig erscheinen, daher ist es wichtig, sie vor Beginn der App-Entwicklung zu erlernen. Die Programmierung in Flutter basiert hauptsächlich auf der Verwendung von Komponenten, die als Widgets bezeichnet werden. Widgets können zustandslos sein, was bedeutet, dass sie zur Laufzeit nicht geändert werden können, oder zustandsbehaftet, was bedeutet, dass wir ihr Erscheinungsbild zur Laufzeit ändern können. Es ist jedoch zu beachten, dass eine solche Änderung das Element vollständig neu rendert – dies kann sich auf die Leistung auswirken.

Ähnlich wie Qt ermöglicht Flutter die Integration unseres Codes mit nativen Funktionen des Zielsystems, wie Bluetooth, GPS usw. Im Gegensatz zu Qt müssen hierfür jedoch spezielle, von der Community erstellte Bibliotheken verwendet werden – im Qt-Framework sind die meisten davon bereits integriert.

Um ein Projekt in Flutter zu erstellen, führen Sie die Datei flutter_console.bat aus. Das Programm führt Sie dann durch den Prozess der Projekterstellung. Die Implementierung des Erscheinungsbildes und der Logik befindet sich in der Datei main.dart. Nach der Erstellung der Anwendung können wir sie sowohl für Web- als auch für mobile Plattformen erstellen. Im Falle von Desktop-Plattformen ist die Angelegenheit etwas komplizierter, da hier zunächst die entsprechenden Pakete heruntergeladen und das Projekt richtig konfiguriert werden muss, um für die Veröffentlichung auf Desktops bereit zu sein.

Einer der größten Nachteile von Flutter ist die relativ große Größe des finalen Pakets. Eine Anwendung, die beispielsweise in Flutter erstellt wurde und 2 MB groß ist, würde in anderen Technologien nur 200–400 KB Speicherplatz beanspruchen. Ein weiteres Problem ist die Jugend dieses Frameworks und die geringe Anzahl integrierter Bibliotheken. Außerdem legt Google als Eigentümer von Flutter mehr Wert auf Verbesserungen, die auf Android abzielen, als auf iOS.

 

Flutter – Beispielanwendung

Nachfolgend finden Sie Beispielcode für eine in Flutter erstellte Anwendung:

 

import 'package:flutter/material.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    
  Map<int, Color> color = {
50    :Color.fromRGBO(29,202,155,.1),
100    :Color.fromRGBO(29,202,155,.2),
200    :Color.fromRGBO(29,202,155,.3),
300    :Color.fromRGBO(29,202,155,.4),
400    :Color.fromRGBO(29,202,155,.5),
500    :Color.fromRGBO(29,202,155,.6),
600    :Color.fromRGBO(29,202,155,.7),
700    :Color.fromRGBO(29,202,155,.8),
800    :Color.fromRGBO(29,202,155,.9),
900    :Color.fromRGBO(29,202,155,1),
  };
  return MaterialApp(
      title: 'Scythe Demo',
      debugShowCheckedModeBanner: false,
      theme: ThemeData(
        primarySwatch: MaterialColor(0xff1dca9b, color)
      ),
      home: const HomePageClass(displayText: 'Hallo Welt'),
    );
  }
}

class HomePageClass extends StatefulWidget {
  const HomePageClass({Key? key, required this.displayText}) : super(key: key);

  final String displayText;

  @override
  State<HomePageClass> createState() => _HomePageClassState();
}

class _HomePageClassState extends State<HomePageClass> {

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            Text(widget.displayText),
            Image.asset('assets/images/ss.png'),
          ],
        ),
      )
    );
  }
}

So sieht es nach dem Start aus:

 

 

Flutter – Vorteile

• Hohe Leistung
• Fähigkeit, Anwendungen für Desktop-, Mobil- und Webplattformen zu erstellen
• Wachsende Popularität

 

Flutter – Nachteile

• Kein grafisches Tool zur Erstellung der UI
• Wenige Module in den Standard- Flutter-Bibliotheken enthalten
• Unterstützung für Desktops wurde erst kürzlich hinzugefügt (2019)
• Große Dateigröße

 

.NET MAUI – Microsofts Weiterentwicklung von Xamarin

 

 

Ein weiteres erwähnenswertes plattformübergreifendes Framework ist .NET MAUI – kurz für Multi-platform App UI. Es ist Microsofts moderne Nachfolgerlösung für Xamarin.Forms, die 2022 offiziell als Teil des .NET-6-Ökosystems veröffentlicht wurde. MAUI ermöglicht Entwicklern die Erstellung nativer Anwendungen für Windows, macOS, Android und iOS mit einer gemeinsamen C#- und XAML-Codebasis und ist daher eine solide Wahl für alle, die bereits mit Microsoft-Technologien vertraut sind.

Im Gegensatz zu älteren Microsoft-Technologien wie WPF oder UWP ist MAUI vollständig in das .NET-Ökosystem integriert und verwendet das .NET-6+-SDK. Besonders interessant für die Desktop-Entwicklung ist, dass MAUI-Anwendungen in nativen Code kompiliert werden und dank der zugrunde liegenden plattformspezifischen Renderer (bekannt als Handler) nahezu native Leistung und vollständigen Zugriff auf native APIs bieten.

Die Erstellung einer Anwendung in .NET MAUI erfordert Visual Studio 2022 oder neuer mit installiertem MAUI-Workload. MAUI verwendet XAML zur Gestaltung der Benutzeroberfläche und C# für die Logik – sehr ähnlich zu WPF oder Xamarin.Forms, sodass sich Entwickler mit Microsoft-Stack sofort zu Hause fühlen.

MAUI wird mit einer Vielzahl integrierter Steuerelemente und Layouts geliefert und unterstützt die MVU-Architektur (Model-View-Update) sowie MVVM (Model-View-ViewModel). Es bietet auch Entwicklungstools wie Live Reload und Hot Restart, die den Entwicklungsprozess und das Debuggen erheblich beschleunigen. Die Projektstruktur von MAUI ermöglicht es außerdem, Code über mehrere Plattformen hinweg zu teilen und gleichzeitig plattformspezifische Anpassungen durch bedingte Kompilierung oder Plattformordner vorzunehmen.

Das Framework ist jedoch noch relativ jung und weist einige Kinderkrankheiten auf. Es gibt weniger Open-Source-UI-Bibliotheken im Vergleich zu ausgereiften Frameworks wie Qt oder Flutter, und die Tools können manchmal instabil wirken. Außerdem ist trotz Microsofts Bemühungen die macOS-Unterstützung weniger ausgereift als unter Windows, und es gibt keine Pläne für die Unterstützung von Linux.

 

.NET MAUI – Beispielanwendung

Nachfolgend finden Sie ein Beispiel für eine einfache Desktop-App, die in .NET MAUI mit XAML erstellt wurde:

 

Und so sieht sie nach dem Start aus:

 

 

.NET MAUI – Vorteile

• Native Leistung durch Plattform-Renderer
• Gemeinsame C#-Codebasis für Desktop und Mobile
• Vertrauter XAML- + C#-Ansatz für WPF-/Xamarin-Entwickler
• Integrierte Unterstützung für MVVM und moderne Entwicklungs-Workflows

 

.NET MAUI – Nachteile

• Keine Linux-Unterstützung
• Relativ jung – gelegentliche Tooling-Probleme
• Wenige Open-Source-UI-Bibliotheken und Community-Module

 

React Native für Windows + macOS – React auf dem Desktop

 

 

Das letzte plattformübergreifende Framework in unserem heutigen Überblick ist React Native für Windows + macOS – eine offiziell von Microsoft unterstützte Erweiterung von React Native, das ursprünglich von Meta entwickelt wurde. Während React Native ursprünglich für mobile Plattformen (Android und iOS) entwickelt wurde, ist es dank dieser Erweiterung jetzt möglich, native Desktop-Anwendungen für Windows und macOS mit JavaScript und React zu erstellen.

Die Architektur von React Native bleibt unverändert – die Benutzeroberfläche der Anwendung wird mit React-Komponenten erstellt, und die Logik wird in JavaScript (oder TypeScript) implementiert. Unter der Haube verwendet React Native native Module und Ansichten, sodass das Endergebnis trotz des in JavaScript geschriebenen Codes eine native Anwendung und keine Web-Hülle ist. Dies ermöglicht es React Native, eine deutlich bessere Leistung als Lösungen wie Electron zu erzielen.

Um eine React-Native-Desktopanwendung zu erstellen, müssen zusätzliche Pakete installiert werden: react-native-windows oder react-native-macos, abhängig von der Zielplattform. Die Entwicklung erfolgt in der Regel mit Visual Studio Code und Node.js-Tools wie Metro-Bundler, npm und react-native CLI. Dank des React-Ökosystems haben Sie auch Zugriff auf eine große Auswahl an Open-Source-Bibliotheken, UI-Komponenten und eine aktive Community, die die Tools kontinuierlich verbessert.

React Native für Windows + macOS ist eine großartige Wahl, wenn Sie bereits mit React vertraut sind oder wenn Ihre Anwendung Code mit einer mobilen Version teilen muss. Die Desktop-Unterstützung befindet sich jedoch noch in aktiver Entwicklung – Linux wird nicht unterstützt, und selbst auf Windows/macOS können fehlende Komponenten, Fehler oder eine begrenzte Dokumentation auftreten. Außerdem erfordert die Integration mit Low-Level-System-APIs (wie Bluetooth oder Kamera) möglicherweise das manuelle Schreiben nativer C++- oder Objective-C-Module.

 

React Native – Beispielanwendung

Nachfolgend finden Sie den vereinfachten JSX-Code einer kleinen Desktop-App, die mit React Native für Windows erstellt wurde:

 

import React from 'react';
import { SafeAreaView, StatusBar, StyleSheet, Text, Image, View } from 'react-native';

function App(): React.JSX.Element {
  return (
    
      
      
        Hallo Welt!
        
      
    
  );
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center'
  },
  columnContainer: {
    flexDirection: 'column',
    justifyContent: 'center',
    alignItems: 'center',
    paddingVertical: 20,
  },
  helloText: {
    fontSize: 24,
    fontWeight: 'bold',
    marginBottom: 20,
  },
  image: {
    width: 200,
    height: 200,
    resizeMode: 'contain',
  },
});

export default App;

Und so sieht sie nach dem Start aus:

 

 

React Native – Vorteile

• Wiederverwendung von Web-/Mobil-React-Code
• Zugriff auf ein großes Ökosystem von Bibliotheken
• Native Leistung (keine Web-App)
• Funktioniert gut mit TypeScript
• Unterstützt durch Microsoft und Meta

 

React Native – Nachteile

• Noch in Entwicklung – Desktop-Support ist nicht so ausgereift wie Mobile
• Keine Linux-Unterstützung
• Begrenzter Zugriff auf Low-Level-System-APIs ohne nativen Code
• Einige fehlende Komponenten oder communitygetriebene Implementierungen

Die besten Frameworks für plattformübergreifende Desktop-Entwicklung – welches soll man wählen?

Funktion	Qt	Electron	Flutter	JavaFX	.NET MAUI	React Native für Windows/macOS
Erstveröffentlichung	1995	2013	2017	2008	2022	2020 (Windows), 2021 (macOS)
Schnelle Entwicklung	✅	✅	❌	❌	✅	✅
Hohe Leistung	✅	❌	✅	❌	✅	✅
Dedizierter UI-Designer	✅	❌	❌	✅	✅ (XAML + Live Preview)	❌
Viele integrierte Funktionen	✅	❌	❌	✅	❌ (viele über NuGet)	❌ (Community-basiert)
Große Community	❌	✅	✅	❌	❌ (wachsend)	✅ (React-Ökosystem)
Desktop	✅	✅	✅	✅	✅	✅
Mobile	✅	❌	✅	✅	✅	✅
Web	✅	✅	✅	✅	❌	✅
Embedded	✅	❌	✅	❌	❌	❌

 

Electron – Web und Desktop leicht gemacht

Wenn Sie möchten, dass Ihre Anwendung gleichzeitig in Webbrowsern und auf Desktop-Systemen verfügbar ist, ist Electron nach wie vor eine der besten Optionen. Es ermöglicht den Aufbau Ihrer App mit reinem HTML, CSS und JavaScript, wodurch es einfach ist, vorhandenen Webcode wiederzuverwenden oder Ihre Desktop-App zurück ins Web zu portieren. Ideal für Teams mit starkem Webentwicklungs-Hintergrund, auch wenn Sie den relativ hohen Ressourcenverbrauch und die fehlende native Leistung im Blick behalten sollten.

 

Flutter – eine Codebasis für Desktop und Mobile

Wenn Sie eine Anwendung entwickeln möchten, die sowohl Desktop- als auch mobile Plattformen anspricht, ist Flutter eine sehr leistungsfähige Option. Dank Googles Unterstützung verfügt es über ein schnell wachsendes Ökosystem und eine gute Community. Es erfordert jedoch die Vertrautheit mit Dart und erzeugt derzeit relativ große Binärdateien. Die Desktopunterstützung ist ebenfalls noch im Reifeprozess.

 

.NET MAUI – am besten für das Microsoft-Ökosystem

Eine Alternative zu Flutter ist .NET MAUI, besonders wenn Sie sich bereits im Microsoft-Ökosystem bewegen. Mit MAUI können Sie native Anwendungen für Windows, macOS, Android und iOS mit C# und XAML entwickeln. Es ist besonders attraktiv für Entwickler, die WPF oder Xamarin kennen. Während die Tools und die macOS-Unterstützung noch verfeinert werden müssen, entwickelt sich MAUI schnell zu einer leistungsstarken und zukunftssicheren Lösung für plattformübergreifende Geschäftsanwendungen.

 

React Native für Windows + macOS – freundlich für Webentwickler

Wenn Sie aus dem React- oder Web-Frontend-Bereich kommen, ist React Native für Windows + macOS ein starker Kandidat. Sie können große Teile Ihres vorhandenen React-Codes wiederverwenden und dank nativer Komponenten nahezu native Leistung erzielen. Beachten Sie, dass die Desktopunterstützung neuer als bei Mobile ist und Sie möglicherweise auf fehlende Komponenten stoßen oder native Module für erweiterte Integrationen schreiben müssen.

 

Qt – maximale Leistung und ausgereifte Tools

Wenn Sie maximale Leistung und ausgereifte Desktop-Tools priorisieren, ist Qt nach wie vor die beste Wahl. Es bietet native Geschwindigkeit, hervorragende Plattformunterstützung (einschließlich Embedded-Systeme) und eine modulare Architektur, die Ihnen vollen Zugriff auf die Gerätefunktionen ermöglicht. Qt ist ideal für komplexe plattformübergreifende Desktopanwendungen, die hohe Effizienz, native Integration oder breite Plattformabdeckung erfordern – sogar in industriellen und automobilen Umgebungen.

 

JavaFX – veraltet, aber noch im Einsatz

Und schließlich, obwohl JavaFX es immer noch ermöglicht, schnell Desktop-Apps mit Java und Tools wie Scene Builder zu erstellen, verliert es allmählich an Popularität und bietet nicht die Leistung oder Flexibilität neuerer Lösungen. Für die meisten neuen Projekte ist es keine empfohlene Wahl mehr.

 

Schlussgedanken

Das wäre alles. Wenn Sie an einem Service für plattformübergreifende Desktop-Anwendungsentwicklung interessiert sind, sehen Sie sich an, was wir für Sie tun können, oder buchen Sie gleich eine kostenlose Beratung.

Wenn Sie außerdem eine detailliertere Vergleichsanalyse wünschen, lesen Sie unbedingt unseren Beitrag „Der aktuelle Stand von Flutter vs. React Native vs. Qt vs. Lynx JS“, der diese Frameworks für Desktop-, Mobile-, Web- und Embedded-Geräte gründlich vergleicht.