作者: 狐狸家的鱼 Github: 八至 1.首先得在qml文件夹下建立字体文件,将font-awesome放入进去 2.然后在main.cpp中注册字体 引入中一定要写上 引用字体 引用字体得路径一定要根据个人的文件目录写对,不然打印台就会输出以下信息 3.在界面中使用 需要在font-awesome.css中查看编码 然后在字体中使用时必须写上字体为fontawesom \ufoo4就是就是字符编码f004 官网可查看编码:https://fontawesome.com/cheatsheet

具体方法: https://www.cnblogs.com/judes/p/11359243.html qml: import QtQuick 2.0 import QtQuick 2.9 import QtQuick.Window 2.2 import QtQuick.Controls 2.3 import QtQuick.Controls 1.4 import QtQuick.Controls.Styles 1.4 import QtQuick 2.7 Item { signal click

新的需求出来啦,需要自动更新功能,不怕程序升级了. 自动更新,QML不好写,需要c++来辅助,这里就涉及QML中调用c++功能(这里就不写了,百度一下,很多). 思路:获取版本>下载程序>安装程序 第一步,获取版本信息,可以通过XMLHttpRequest获取最新版本. 第二步,下载程序,通过Qt c++的QtNetwork: 头文件: #ifndef ZRDOWNLOAD_H #define ZRDOWNLOAD_H #include <QObject> #include <

随着项目深入,需要移植到安卓上,问题来了,QML安卓适配! 幸好PC端程序和手机屏幕长宽比例相似.虽然单位像素,尺寸不同,通过比例缩放,可以实现组件PC和安卓通用代码. 第一步:定义全局的转换函数(300,500是你的PC端设计尺寸) property var x_scale:mainWindow.width/300 property var y_scale:mainWindow.height/500 function get_x(x) { return x*x_scale; } functio

小公司,没办法,什么都得自己亲自来. 服务端是MVC,现在需要可PC客户端和移动APP. 考虑到网页应用有很多界面框架,可以做出很漂亮的界面来,就尝试着使用nwjs来实现,可是在使用了2天的nwjs后,鄙人能力有限,而且文档资料有限,被迫放弃,转而使用Qt来开发,想着反正都不熟悉,就用QML来开发,好在熟悉起来很快,文档也很多,中间很多坑,下面就记录这些过程. 1.子控件可以直接调用父控件的方法 2.ScrollView默认的滚动条太丑,可以通过style: ScrollViewStyle自定义

1.QML编写可视化元素,运行后程序窗口上无显示.检查电脑的显卡是否支持OpenGL,如果支持请更新显卡驱动. 2.加载图片显示QML Image: Cannot open.解决在qml.qrc右击添加文件目录,把图片的文件夹添加进去.图片就能正常显示. Image{ id:image width: parent.width height: parent.height source: "images/background.png" } 3.组件,一个文件就是一个基础组件,一个以文件为基

视频地址:http://v.qq.com/page/m/8/c/m0150izlt8c.html 大家好,欢迎来到[三石jQuery视频教程],我是您的老朋友 - 三生石上. 今天,我们要通过基本的HTML.CSS.jQuery以及字体库FontAwesome来实现复选框和单选框,先来看下最终的产品: 需要特别注意的是,在这个例子中,我们可以通过 TAB键来使复选框或者单选框获取焦点,并将其颜色改为绿色. Step1:网站目录 网站目录非常简单,包含三部分:lesson2.html文件.lib目

QML弹出窗口组件,灯箱效果.动画效果,可拖拽 核心思路:一个mask层,一个最顶层,都用rectangle,禁止事件穿透 使用 Popup { id: popup width: 200; height: 300 x: 200; y:100 z: 101 opacity: 0.8 visible: false; radius: 5 ... } popup.showMask = chk.checked; popup.animationType = 'size'; popup.show(); 注意

Qt qml 单例模式,没什么好说的,看代码吧.单例模式很适合做全局的配置文件. [示例下载] http://download.csdn.net/detail/surfsky/8539313 [以下是核心代码] Global.qml pragma Singleton import QtQuick 2.0 QtObject { property color bgColor: 'lightblue'; property property color textColor: "green" }

Qt qml listview下拉刷新和上拉分页主要根据contentY来判断.但要加上顶部下拉指示器.滚动条,并封装成可简单调用的组件,着实花了我不少精力:) [先看效果]    [功能] 下拉刷新和上拉分页逻辑 /下拉刷新 /上拉更多 /滚动栏 /工具栏半拉显隐 Author: surfsky.cnblogs.com Lisence: MIT 请保留此文档声明 History: init. surfsky.cnblogs.com, 2015-01 add initPosition prope

qml并没有提供树控件,只能自己写了.model仍然用ListModel对象,弄成层级的就行.delegate必须用loader动态的增加子控件,如此而已. [先看效果] [下载] http://download.csdn.net/detail/surfsky/8406181 [核心代码] import QtQuick 2.1 import QtQuick.Controls 1.0 /** 树控件 作者:surfsky.cnblogs.com 2014-10 协议:MIT 请保留本文档说明 功能

qt qml qchart 图表组件 * Author: Julien Wintz * Created: Thu Feb 13 23:41:59 2014 (+0100) 这玩意是从chart.js迁移到qml的,简单易用好看 [先看效果] [下载] http://download.csdn.net/detail/surfsky/8426601 [调用代码示例] 先 import "QChart.js" as Charts 好了,展示你的图表 // 折线图 Chart { id: ch

毛玻璃效果,用qml来写代码真是简短,大爱qml:) [下载地址]http://download.csdn.net/detail/surfsky/8426641 [核心代码] Rectangle{ clip: true // 属性 property Item target // 模糊源 // 毛玻璃效果 FastBlur { id: blur source: parent.target width: source.width; height: source.height radius: 64 }

[功能] /目录.文件 /文件过滤 /递归 /事件 /高亮当前行 /当前选项 /目录切换动画 /限制根目录 [下载]:http://download.csdn.net/detail/surfsky/8311503 [核心代码] import QtQuick 2.0 import Qt.labs.folderlistmodel 2.1 /** QML目录导航列表 /目录文件 /文件过滤 /递归 /事件 /高亮当前行 /当前选项 /目录切换动画 /限制根目录 usage: FolderListVie

依赖ajax.js类库,以下代码很简单的实现了获取天气json数据并展示的任务 [TestAjax.qml] import QtQuick 2.0 import "ajax.js" as Ajax /** 测试用ajax 获取 json 数据 更复杂的ajax调用请查看 qml/network/ 相关示例 */ Grid{ width: 600 height: 400 spacing: 10 columns: 2 Text {text: 'city:'} Text {id:city;

直接在 CSS 中引用 FONTAWESOME 图标(附码表) 因此我们如果不想用 Fontawesome 提供的类,只想在 css 里面引用图标的话,可以这样子,请自行脑补: .icon:before { content: '\f006'; font-family: FontAwesome; } 同时附上图标类对应的字符编码表: NAME CODE NAME CODE .fa-glass \f000 .fa-github-alt \f113 .fa-music \f001 .fa-folder

main.cpp QString tmploc = QStandardPaths::writableLocation(QStandardPaths::GenericDataLocation); QDir tmpdir(tmploc + "/my_little_project"); QDirIterator it(":", QDirIterator::Subdirectories); bool isHtml = false; while (it.hasNext())

初次遇到这个问题真有点摸不着头脑,于是乎百度一下咯,但是百度一向没有什么用,该有的没有,没用的回答倒是有特么一大堆. 自己解决: 我的解决方法很简答: 第一步:把图片放到当前路径下,也就是和.pro一个路径: 第二步:点击有main.qml的那个qrc用editor打开,然后添加这个图片文件: 第三步:右击新添加的图片copy the url .然后呢,source:"qrc:/001.png".出来了.

最开始想出的标题是<Declarative C++ GUI库>,但太标题党了.只写了两行代码,连Demo都算不上,怎么能叫库呢……后来想换掉“库”这个字,但始终找不到合适词来替换.最后还是起了个low一点的名字,贱名好养活啊! 这篇文章的目的是介绍如何只用C++写出带有Declarative风格的代码.有一些GUI库需要额外的预处理过程(比如qt),还有一些也支持XML格式的GUI声明,但需要运行时Parse那个XML(比如wxWidgets).能不能只用一个C++编译器.不要运行时Parse

原文链接:Lars Knoll – Evolution of the QML engine, part 1 QML作为一项技术对于Qt的成功变得越来越重要.它允许创建流畅的动画界面,与现今的市场预期相符.有三个主要的特性使得它更适合创建用户界面.首先是声明式语法,使得它非常容易创建用户界面,并且开发者和UI设计者工作在相同的代码基础上.其次,这项技术使原生代码集成变得相对容易,它承担了更多的程序逻辑以及C++所负的重任.最后,选择JavaScript作为QML语言不可分割的一部分,这样使得创建原