查看完整版本: [-- Qt示例移植到Web的在线体验 --]

QTCN开发网 -> Qt 作品展 -> Qt示例移植到Web的在线体验 [打印本页] 登录 -> 注册 -> 回复主题 -> 发表主题

samhuilong 2021-02-18 19:52

Qt示例移植到Web的在线体验

链接地址：http://lan.iadiae.com:8866/ibestore2/uicoder/coder/main.html
增加了20多个example,其中绝大部分示例参考自Qt官方，用typescript仿写了下，效果很棒。
这些示例本来去年元旦期间就写好了，本来计划去年年底前写更多的示例，但是由于其他项目，这个任务搁置了。
年后才有空把这些示例集成到在线Coder这个应用里面去，让大家可以在线体验这些example。

1Animated Tiles
[attachment=22245]
2Wood Styles
[attachment=22244]
3Clocks
[attachment=22246]
4Cork Board
[attachment=22248]
5Blur Picker
[attachment=22247]

zqxwce007 2021-02-19 08:20
请问利用什么技术实现的呀

samhuilong 2021-02-19 08:46
zqxwce007:[表情] [表情] [表情] 请问利用什么技术实现的呀 (2021-02-19 08:20) 

基于typescript仿Qt风格写的一套前端框架

liulin188 2021-02-19 14:51
    

shawking 2021-02-19 15:54
是不是所有的Qml应用都能移植到这个前端框架下使用？

samhuilong 2021-02-19 16:18
shawking:是不是所有的Qml应用都能移植到这个前端框架下使用？ (2021-02-19 15:54)

应该没啥问题。qml的那套写UI的方式就是参考Web的。
不过我走的都是QWidget那套路线，所以需要把qml工程翻译成QWidget那套范式。
因为在开发复杂的工业级项目的时候，需要平衡UI的抽象度和复杂度可控性和可扩展性之间的关系，综合对比qml和QWidget，QWidget那套范式更能胜任复杂工业级项目的开发。

samhuilong 2021-02-19 16:24
shawking:是不是所有的Qml应用都能移植到这个前端框架下使用？ (2021-02-19 15:54)

比如图中第三个示例Clocks
你可以对比typescript代码和Qt官方Clocks的qml源代码，你会发现其实关键的代码都是一样的，主要就是构建UI的范式不同
这个示例关键点就是计算各个区域时间
1 typescript代码
[attachment=22254]
2 qml的js代码
[attachment=22255]

UI部分，比如时针的qml代码如下图
[attachment=22256]
我把他改成widget的形式，然后其他的参数拷贝下用css配置下就行
[attachment=22258]
[attachment=22257]

lzh280 2021-02-19 17:38
    

uidab 2021-02-19 21:32
samhuilong:比如图中第三个示例Clocks
你可以对比typescript代码和Qt官方Clocks的qml源代码，你会发现其实关键的代码都是一样的，主要就是构建UI的范式不同
这个示例关键点就是计算各个区域时间
1 typescript代码
....... (2021-02-19 16:24) 

这种对比很有意义！！！！

shawking 2021-02-20 13:38
这么说，那Qt自带的所有Widget例子也都能移植到这个前端框架下了？

samhuilong 2021-02-20 13:48
shawking:这么说，那Qt自带的所有Widget例子也都能移植到这个前端框架下了？ (2021-02-20 13:38)

我不敢说“所有”，但基本应该没啥问题。
目前的示例还是太少，我后面会把这些示例丰富起来，以及加上3D渲染模块

liudianwu 2021-02-20 19:47
龙龙还是一如既往的牛逼

samhuilong 2021-02-20 20:04
liudianwu:龙龙还是一如既往的牛逼 (2021-02-20 19:47)

我们一直都是跟在刘大师后面学习的

shawking 2021-02-22 09:36
这套前端ts框架，还得有后端支持才能使用吧？

samhuilong 2021-02-22 09:41
shawking:这套前端ts框架，还得有后端支持才能使用吧？ (2021-02-22 09:36)

基于前端框架写代码， 然后编译工程，启动一个http-server就行了。
要做单机应用也可以，本地启动一个服务就行了。


查看完整版本: [-- Qt示例移植到Web的在线体验 --] [-- top --]



Powered by phpwind v8.7 Code ©2003-2011 phpwind
Gzip disabled