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

2023-09-03 16:34:51 +08:00
 yfang
在考察 Tauri ,似乎需要搭配某个 js 的 UI 库才行,希望看着敢感觉像 desktop native 的

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

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

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

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

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

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

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

要追求用户的 UI 体验,Web 风格就得上 Electron ,native 风格就得 C#或者 swift 调用系统 API 。
Jirajine
2023-09-03 18:55:07 +08:00
如果你要三个平台都 native ,那你只能真的用 native ,或者 native 封装的方式。
如果是用 web 模仿 native 样式的话,你只能选一个平台的模仿,除非你给多个平台写多套 ui 。
参考 https://github.com/virtualvivek/react-windows-ui
yfang
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
2023-09-04 01:56:29 +08:00
@yfang 不是说了吗,这个是 QT 的 nodejs 绑定,类似 pyqt , 并不带 chromium ,文档地址都发了,好歹看下哈,别想当然哦

https://docs.nodegui.org/
haha512
2023-09-04 01:58:01 +08:00
QT 总知道吧,c++跨端 UI 框架。python 的绑定 pyqt ,这个 nodegui 就是个 nodejs 版的 QT 绑定
yfang
2023-09-04 08:07:50 +08:00
nodejs 不是带个 chromium v8 的引擎吗
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 得自己上网仔细翻翻了

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/970540

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX