2015-07-26 19 views
23

Utilizzo Electron (precedentemente Atom Shell) per un'applicazione desktop. È molto divertente da usare e la programmazione basata sugli eventi ha i suoi meriti.Componenti UI dall'aspetto nativo per l'applicazione di elettroni

Ho tutto il codice HTML, CSS & JS potere tra le mie mani perché utilizza una delle build Chromium più recenti. Mi piacerebbe utilizzare elementi dell'interfaccia utente che sembrano simili a quelli nativi (da OS X nel mio caso).

Esiste una libreria UI che imita l'aspetto e la funzionalità degli elementi dell'interfaccia utente nativi o di altri che si adattano perfettamente a un'applicazione desktop di questo tipo?

+0

@MikeChamberlain Video è stato rimosso. –

risposta

19

Dopo aver cercato un po 'sul web ho trovato un tema di bootstrap chiamato Maverix. Non penso che corrisponda perfettamente a OSX, ma sembra dannatamente vicino. È open source sotto il MIT, quindi dovresti essere in grado di piegarlo alla tua volontà. Dopo la scansione attraverso là demo page chiama anche fuori Electron (Atom-Shell) come un buon caso d'uso:

E 'perfetto per essere usato per le applicazioni che si basano su HTML App contenitori quali: MacGap Node-Webkit Github Atom Shell Adobe Staffe Shell

Questo sembra che avrebbe fatto esattamente quello che stai cercando.

45

Photon è un progetto recente ma probabilmente è quello che desideri. Per ora l'interfaccia utente è come OSX.

UI toolkit per la creazione di applicazioni desktop con Electron.

Link: http://photonkit.com/

+7

Questa è una di quelle domande che espongono le debolezze di SO. Entrambe le risposte fornite sono valide e valide, ma posso contrassegnarne solo una corretta. Vado con Shawn qui perché era un po 'più veloce e vorrei incoraggiarlo a continuare a rispondere qui. Mi dispiace, Fab. – Hedge

+0

@Hedge - "Le domande che ci chiedono di consigliare o trovare un libro, uno strumento, una libreria di software, un'esercitazione o altre risorse fuori sede sono off-topic per Stack Overflow in quanto tendono ad attirare risposte e spam considerati. cosa è stato fatto finora per risolverlo. " – Fraser

18

Un'altra opzione, anche se sembra piuttosto giovane, sarebbe React Desktop. Per ora ha un supporto parziale per OS X El Capitan e Windows 10, ma si spera che il numero di componenti disponibili e sistemi supportati crescerà.

Questa libreria è stata creata per portare sul web un'esperienza desktop nativa. Funziona molto bene con strumenti come node-webkit o Electron.js!

3

https://xel-toolkit.org

Altre risposte forniscono un fotogramma e alcuni componenti, Xel forniscono più componenti. Xel build su Web Components, è indipendente dal framework.

Problemi correlati