【问题标题】:Native looking UI components for Electron applicationElectron 应用程序的原生 UI 组件
【发布时间】:2015-10-16 23:14:01
【问题描述】:

我将 Electron(以前称为 Atom Shell)用于桌面应用程序。 使用起来非常有趣,事件驱动编程也有其优点。

我掌握了所有 HTML、CSS 和 JS 功能,因为它使用了最新的 Chromium 版本之一。 我想使用看起来与原生元素相似的 UI 元素(在我的例子中来自 OS X)。

是否有一个 UI 库可以模仿本机 UI 元素的外观和功能或其他非常适合此类桌面应用程序的元素?

【问题讨论】:

    标签: javascript html css chromium electron


    【解决方案1】:

    Photon 是一个最近的项目,但它可能是你想要的。目前,UI 仅类似于 OSX。

    使用 Electron 构建桌面应用的 UI 工具包。

    链接:http://photonkit.com/

    【讨论】:

    • 这是暴露 SO 弱点的问题之一。提供的两个答案都很好且有效,但我只能将一个标记为正确的。我和肖恩一起去,因为他的速度有点快,我想鼓励他继续在这里回答。对不起Fab。
    • @Hedge - “要求我们推荐或查找书籍、工具、软件库、教程或其他场外资源的问题对于 Stack Overflow 来说是无关紧要的,因为它们往往会吸引固执己见的答案和垃圾邮件. 相反,请描述问题以及迄今为止为解决该问题所做的工作。”
    • 不幸的是,Photon 的开发似乎在 2016 年落后于 2017 年的single lonely commit
    【解决方案2】:

    另一个选项,虽然看起来很年轻,但是是React Desktop。目前它部分支持 OS X El Capitan 和 Windows 10,但希望可用组件的数量和支持的系统数量会增加。

    创建此库的目的是为网络带来原生桌面体验。它与 node-webkit 或 Electron.js 等工具配合得非常好!

    【讨论】:

    • 这听起来不错,但我希望 Windows 常规 UI 不是 WPF 中使用的那种...
    【解决方案3】:

    在网上搜索了一下后,我发现了一个名为 Maverix 的引导主题。我不认为它与 OSX 完美匹配,但它看起来非常接近。它在 MIT 下是开源的,所以你应该能够按照你的意愿弯曲它。在demo page 扫描之后,它甚至将 Electron (Atom-Shell) 称为一个很好的用例:

    非常适合用于基于 HTML App 的应用程序 容器如:MacGap Node-Webkit Github Atom Shell Adob​​e 括号壳

    这似乎完全符合您的要求。

    【讨论】:

      【解决方案4】:

      https://xel-toolkit.org

      其他答案提供一帧和一些组件,Xel 提供更多组件。 Xel 基于 Web 组件构建,与框架无关。

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 2017-03-31
        • 2016-08-30
        • 1970-01-01
        • 2018-12-13
        • 1970-01-01
        • 2018-09-23
        • 2013-07-05
        相关资源
        最近更新 更多