2015-07-26 18 views
23

Ich benutze Electron (früher Atom Shell) für eine Desktop-Anwendung. Es macht viel Spaß zu verwenden und ereignisgesteuerte Programmierung hat ihre Vorzüge.Native UI-Komponenten für Electron-Anwendung

Ich habe alle HTML, CSS & JS Macht in meinen Händen, weil es eine der neueren Chromium-Builds verwendet. Ich würde gerne UI-Elemente verwenden, die den nativen ähnlich sind (in meinem Fall von OS X).

Gibt es eine UI-Bibliothek, die das Aussehen und die Funktionalität der nativen UI-Elemente oder anderer Elemente nachahmt, die in eine solche Desktop-Anwendung passen?

+0

@MikeChamberlain Video wurde entfernt. –

Antwort

19

Nachdem ich ein bisschen im Internet gesucht habe, habe ich ein Bootstrap-Theme namens Maverix gefunden. Ich denke nicht, dass es perfekt zu OSX passt, aber es sieht verdammt nah aus. Es ist Open Source unter MIT, also sollten Sie es nach Ihrem Willen biegen können. Nach dem Scannen durch dort demo page nennt es sogar aus Electron (Atom-Shell) als guten Anwendungsfall:

Es ist perfekt für Anwendungen verwendet werden, die Container wie auf HTML App basieren: MacGap Node-Webkit Github Atom Shell Adobe Brackets Shell

Dies scheint, wie es genau tun würde, was Sie suchen.

45

Photon ist ein neues Projekt, aber es ist wahrscheinlich, was Sie wollen. Im Moment ist die Benutzeroberfläche nur wie OSX.

UI-Toolkit zum Erstellen von Desktop-Anwendungen mit Electron.

-Link: http://photonkit.com/

+7

Dies ist eine dieser Fragen, die die Schwächen von SO aufdecken. Beide Antworten sind gut und gültig, aber ich kann nur einen als den richtigen markieren. Ich gehe mit Shawn hier hin, weil er ein bisschen schneller war und ich möchte ihn ermutigen, hier weiter zu antworten. Entschuldigung, Fab. – Hedge

+0

@Hedge - "Fragen, die uns bitten, ein Buch, ein Tool, eine Softwarebibliothek, ein Lernprogramm oder eine andere Offsite-Ressource zu empfehlen oder zu finden, sind für Stack Overflow off-topic, da sie eher zu eigensinnigen Antworten und Spam neigen. Stattdessen beschreiben Sie das Problem und was wurde bisher getan, um es zu lösen. " – Fraser

18

Eine weitere Option, obwohl es ziemlich jung scheint, würde React Desktop sein. Momentan gibt es eine teilweise Unterstützung für OS X El Capitan und Windows 10, aber hoffentlich wird die Anzahl der verfügbaren Komponenten und Systeme wachsen.

Diese Bibliothek wurde erstellt, um ein natives Desktop-Erlebnis ins Web zu bringen. Es funktioniert sehr gut mit Tools wie Node-Webkit oder Electron.js!

3

https://xel-toolkit.org

Andere Antworten bieten einen Rahmen und einige Komponenten, bieten Xel mehr Komponenten. Xel baut auf Web-Komponenten auf, ist Framework-agnostisch.

Verwandte Themen