• 700阅读
  • 9回复

Qt自带示例的移植展示 [复制链接]

上一主题 下一主题
在线samhuilong
 

在完全基于typescript编写的Web框架发布前,计划编写100个左右的参考示例, 这些示例的源代码也会一起发布, 目前已经完成20多个示例,其中19个取自Qt官方demo,19个Qt示例中有12个示例取自QWidget,7个示例取自qml, 这里不得不说下,qml的应用移植到web端是真的方便,不少的js逻辑代码直接拷贝,然后加上typescript的类型就行了。
但是本人认为qml做虽然做UI特效的能力很强悍, 但是对复杂度的控制能力相对于QWidget那套范式降低很多。希望下一步qml能早日增加类型标注和编译的过程,不然的话,对于复杂的工业级项目,qml这块始终是个缺陷。
给大家带来下截图对比,左边是基于自己的Web框架写的,右边是Qt运行的示例,由于我的电脑是用的苹果的,所以分辨率是普通电脑的两倍,Qt有些示例出来的界面缩小了一半。
1 Wood Styles



2 Animated Tiles



3 Cork Board



4 Blur Picker



5 Config Dialog














12条评分好评度+3贡献值+3金钱+1威望+3
巫添良 好评度 +1 优秀文章,支持!n神马都是浮云 01-07
巫添良 贡献值 +1 优秀文章,支持!n神马都是浮云 01-07
巫添良 威望 +1 优秀文章,支持!n神马都是浮云 01-07
巫添良 金钱 -10 优秀文章,支持!n神马都是浮云 01-07
lukai_q_t 好评度 +1 01-04
lukai_q_t 贡献值 +1 01-04
lukai_q_t 威望 +1 01-04
lukai_q_t 金钱 +1 01-04
20091001753 好评度 +1 - 01-02
20091001753 贡献值 +1 - 01-02
12
在线samhuilong

只看该作者 1楼 发表于: 01-01
6 Basic Layouts



7 Calculator


8 Pad Navigator


9 Quick Game Pad


10 Flipable



在线samhuilong

只看该作者 2楼 发表于: 01-01
11 Clocks


12 Color Editor


13 Dial Control


14 App Chooser


15 Canvas


在线samhuilong

只看该作者 3楼 发表于: 01-01
16 Traffic Light


17 Calculator Form


18 2D Painting


19 Analog Clock




离线z278930050

只看该作者 4楼 发表于: 01-02
离线shawking

只看该作者 5楼 发表于: 01-09
太牛逼了,佩服得五体投地!
离线liudianwu

只看该作者 6楼 发表于: 01-09
龙龙,现在有qt for webassembly构建套件,一行代码不用改直接编译就可以跑浏览器。
https://feiyangqingyun.gitee.io/qwidgetdemo/





专业各种自定义控件编写+UI定制+输入法定制+视频监控+工业控制+仪器仪表+嵌入式linux+各种串口网络通信,童叟无欺,量大从优,欢迎咨询购买定制!你正好需要,我正好专业!QQ:517216493 微信:feiyangqingyun Email:feiyangqingyun@163.com
群号:853086607(Qt交流大会,雨田哥群,不定期上传作品,解答作品中相关问题!) 312125701(QtQML多多指教群) 46679801(Qt开发技术交流群-5000人大群)
在线samhuilong

只看该作者 7楼 发表于: 01-09
回 liudianwu 的帖子
liudianwu:龙龙,现在有qt for webassembly构建套件,一行代码不用改直接编译就可以跑浏览器。
https://feiyangqingyun.gitee.io/qwidgetdemo/
[图片]
[图片]
[图片]
....... (2021-01-09 17:08)

Qt for web继续优化下去,很赞。同时也验证了我这几年的观点,开发复杂的工业应用,QWidget这套编程范式是很优秀的一套范式。Web端需要这样的范式,而不是vue react那套MVVM。
离线liudianwu

只看该作者 8楼 发表于: 01-09
回 samhuilong 的帖子
samhuilong:[表情]Qt for web继续优化下去,很赞。同时也验证了我这几年的观点,开发复杂的工业应用,QWidget这套编程范式是很优秀的一套范式。Web端需要这样的范式,而不是vue react那套MVVM。 (2021-01-09 17:26) 

是的,Qt封装的非常优秀,接口规范,各种轮子一应俱全,很牛逼!
专业各种自定义控件编写+UI定制+输入法定制+视频监控+工业控制+仪器仪表+嵌入式linux+各种串口网络通信,童叟无欺,量大从优,欢迎咨询购买定制!你正好需要,我正好专业!QQ:517216493 微信:feiyangqingyun Email:feiyangqingyun@163.com
群号:853086607(Qt交流大会,雨田哥群,不定期上传作品,解答作品中相关问题!) 312125701(QtQML多多指教群) 46679801(Qt开发技术交流群-5000人大群)
离线chamsdoncon

只看该作者 9楼 发表于: 01-11
快速回复
限100 字节
 
上一个 下一个