V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
yfang
V2EX  ›  问与答

有没有 desktop native look 风格的前端 UI 组建?

  •  
  •   yfang · 2023-09-03 16:34:51 +08:00 · 1021 次点击
    这是一个创建于 447 天前的主题,其中的信息可能已经有所发展或是发生改变。
    在考察 Tauri ,似乎需要搭配某个 js 的 UI 库才行,希望看着敢感觉像 desktop native 的

    前端 ui 库或者组件(应该怎么称呼?)
    好像可以是其它前端框架的一部分,也可以不是
    我不清楚需要哪些东西才足够

    现阶段并不想身深入太多前端的世界
    有没什么简单的东西来组合?
    - 不偏离 js 太多
    - 不碰 css 太多
    - desktop native feel and look

    thx
    10 条回复    2023-09-04 09:27:53 +08:00
    zxCoder
        1
    zxCoder  
       2023-09-03 16:54:03 +08:00
    c#那一套
    loading
        2
    loading  
       2023-09-03 17:28:42 +08:00
    这不就是 css 的问题?你是要哪个 desktop ,每个系统差异都挺大,win7 和 win10 的风格都天差地别了。
    haha512
        3
    haha512  
       2023-09-03 18:00:24 +08:00
    https://docs.nodegui.org/

    nodeGUI 应该可以吧,QT 的 nongjs 实现
    forvvvv123
        4
    forvvvv123  
       2023-09-03 18:03:35 +08:00   ❤️ 1
    这种前端库都有的,你先看看库 demo 的预览效果符不符合你预期

    https://khang-nd.github.io/7.css/

    然后 tauri 用的是系统 webview ,不是 chrome 那一套,所以你还得看看这些前端库在 webview 上的表现。

    其实如果很追求用户体验的话,tauri 是很不合适的,因为是 webview ,会有很多前端的细节适配问题。tauri 是为 rust 提供了开发桌面应用的能力更适合不太要求用户体验的工具类应用。

    要追求用户的 UI 体验,Web 风格就得上 Electron ,native 风格就得 C#或者 swift 调用系统 API 。
    Jirajine
        5
    Jirajine  
       2023-09-03 18:55:07 +08:00 via Android
    如果你要三个平台都 native ,那你只能真的用 native ,或者 native 封装的方式。
    如果是用 web 模仿 native 样式的话,你只能选一个平台的模仿,除非你给多个平台写多套 ui 。
    参考 https://github.com/virtualvivek/react-windows-ui
    yfang
        6
    yfang  
    OP
       2023-09-03 21:28:27 +08:00
    @haha512 之所以在考察 tauri ,是因为最近在浅浅的把玩 rust 。nodeGUI…既然有 node.js ,是不是也四舍五入带个浏览器了🤔?

    @loading 当代的前端 UI 库/组件都只是 CSS 本身的组合/库吗?我想要的是桌面风格,Web 风格的感觉很 loose/松散。

    @forvvvv123 Great ,THX 。放了几个“控件”,挺符合预期的。只是还不知道怎么和 JS 代码联动起来😂。
    tauri 的状态我有耳闻,本次的主要目的还是把玩 rust ,UI 可以显示暂时就 OK 了。
    有 7.css ,是不是还有 10.css ,11.css ,甚至 Gnome/KDE.css 呢🤔

    @Jirajine [点头]
    haha512
        7
    haha512  
       2023-09-04 01:56:29 +08:00
    @yfang 不是说了吗,这个是 QT 的 nodejs 绑定,类似 pyqt , 并不带 chromium ,文档地址都发了,好歹看下哈,别想当然哦

    https://docs.nodegui.org/
    haha512
        8
    haha512  
       2023-09-04 01:58:01 +08:00
    QT 总知道吧,c++跨端 UI 框架。python 的绑定 pyqt ,这个 nodegui 就是个 nodejs 版的 QT 绑定
    yfang
        9
    yfang  
    OP
       2023-09-04 08:07:50 +08:00 via Android
    nodejs 不是带个 chromium v8 的引擎吗
    forvvvv123
        10
    forvvvv123  
       2023-09-04 09:27:53 +08:00
    @yfang xp 98 有的

    https://botoxparty.github.io/XP.css/
    https://jdan.github.io/98.css/

    win10 的纯 css 库找了一圈没看到特别好的,op 得自己上网仔细翻翻了
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2662 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 26ms · UTC 11:24 · PVG 19:24 · LAX 03:24 · JFK 06:24
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.