网页版QML

数智逐梦
• 阅读 2025
在网页上边写QML代码边显示效果。(文末项目地址)

  该项目旨在将QML的功能引入到Web浏览器。以下是QML外观示例:

网页版QML

上手体验

  边写边看到效果挺不错的,渲染速度还可以,但是只有部分的代码高亮和不支持自动补全代码的功能。支持常用的控件如Rectangle,Item,Text,TextInput等控件,也支持部分Controls 1.0和2.0版本的控件的部分功能,如Button,CheckBox,ComboBox等控件。

网页版QML

项目地址:

https://github.com/qmlweb/qmlweb

体验地址:

https://qmlweb.github.io/

更多有趣好玩的项目请关注公众号「Qt君」。

点赞
收藏
评论区
推荐文章
Karen110 Karen110
4年前
一篇文章教会你使用JS+CSS实现一个简单加载进度条的效果
大家好,我是前端进阶者,今天给大家来做个小项目,一起来看看吧一、前言我们经常在网页上,游戏界面加载时会看到加载进度条的效果,我们往往会以为这些加载进度条的效果,很难实现。今天教大家JSCSS结合做简单一个加载进度条的效果。二、项目准备软件:HBuilderX。三、项目实现1\.body创建2个div,外部div添加id"progress"属
想天浏览器 想天浏览器
3年前
正式版丨想天浏览器3.0版本更新
Hi大家好,本期给大家带来的是想天浏览器3.0版本更新,主要新增了在线等级显示、支持网页另存为pdf、应用的授权登录等功能。想天浏览器3.0版本更新想天浏览器3.0功能详情:1.【应用】新增dootask团队看板协作工具。2.【功能】在线等级显示。3.【功能】支持网页另存为pdf。4.【功能】菜单提供一键安装开发者调试
Wesley13 Wesley13
4年前
Ubuntu SDK开发工具链的安装和使用
    Ubuntu系列现在已经发展为云、服务器、桌面、平板、手机通吃的全功能OS了,这里介绍了UbuntuSDK如何为其全面的应用开发提供支持,包括UbuntuSDK的安装以及Scope、QML和JavaScript集成应用等基本概念。   大家都知道Ubuntu是目前最好用的桌面Linux发行版(之一?),而且UbuntuServer也与Op
Wesley13 Wesley13
4年前
qml+opencv(一)
前言突然想起opencv,一直想做人脸识别,可是理论基础太水,只能慢慢来,去年学习了一会,然后公司让我去搞app和网络,就一直搁着,现在学习qml,突然想能不能在qml里面使用opencv,所以就有了这篇文章。QQuickItem和QObject在QML中,可视化的基础组件是Item,不可视化的就是QtObject,它们对应C
Stella981 Stella981
4年前
Qt Design Studio简介及源码下载
1、简介QtDesignStudio是一款UI设计和开发工具,它让设计师和开发者可以迅速设计原型,并且开发复杂的可伸缩的UI。简单概括其功能就是让UI设计转换为qml,为工程师所用。!(https://imgblog.csdnimg.cn/20200430180720553.png?xossprocessimage/water
Easter79 Easter79
4年前
TextField实用大全
介绍TextField是QtQuickComponents中用于输入和显示单行文本的控件,通过对其属性的设置,可以实现一些特定的功能,如对输入文本的限制,拼写检查等。下文将具体介绍一些特定功能的实现。特定功能的具体实现TextField实现密码输入需要设置其echoMode属性和inputMethodHints属性,具体QML代码如
Stella981 Stella981
4年前
Linux在软件测试中的应用2
  from:https://blog.csdn.net/yiqin3399/article/details/79825863  1、在SecureCRT中设置不超时退出  输入TMOUT  2、tail命令,常用于边发请求边查看  tailffilename显示文件尾部10行,动态刷新显示在屏幕上  tailn20fi
Stella981 Stella981
4年前
QML之TabWidget
转自:http://blog.csdn.net/liuhongwei123888/article/details/6174839\javascript\ viewplain(https://www.oschina.net/action/GoToLink?urlhttp%3A%2F%2Fblog.csdn.net%2Fliuho
Wesley13 Wesley13
4年前
QML入门教程(一)
QML是什么?QML是一种描述性的脚本语言,文件格式以.qml结尾。语法格式非常像CSS(参考后文具体例子),但又支持javacript形式的编程控制。它结合了QtDesignerUI和QtScript的优点。QtDesigner可以设计出.ui界面文件,但是不支持和Qt原生C代码的交互。QtScript可以和Qt原生代码进行交互,但是有一个缺
Wesley13 Wesley13
4年前
HTML5 & CSS3初学者指南(1) – 编写第一行代码
介绍网络时代已经到来。现在对人们来说,每天上网冲浪已经成为一种最为常见的行为。在网页浏览器中输入一段文本地址,就像http://www.codeproject.com,等待一下,网页就加载到浏览器窗口中。一个典型的网页是由文本、图像和链接组成的。除去内容上的差异,不同网站的网页也具有不同的外观和感受,以实现在网络上建立自己的身份品牌的目的。