
qml
文章平均质量分 65
Qt Quick
十年之少
一点点学习,一点点积累
展开
-
粒子系统——QML
前言粒子系统用于模拟一些特定的模糊效果,如爆炸、烟火、雪花、水流等。使用传统的渲染技术实现粒子效果比较困难,但是使用QML粒子系统能十分方便的实现各种粒子效果,使你的界面更加炫酷,动感。QML中的粒子系统QML粒子系统的核心是ParticleSystem,用于控制共享时间线。一个场景可以有多个粒子系统,每一个都有自己独立的时间线。粒子由粒子发射器(Emitter)元素发射,使用粒子画笔(ParticlePainter)进行可视化显示,它可以是一张图片、一个QML项或者一个着色器程序。Emitte转载 2021-12-30 14:59:55 · 1721 阅读 · 0 评论 -
自定义标题栏和拖拽边框调整大小——qml
QtWidgets开发实现这两个功能网上有很多,qml却有很少,但是要想用qml去做好看的桌面端,这些工作就必不可少。原创 2021-12-21 14:48:01 · 4120 阅读 · 5 评论 -
设置鼠标形状——qml & QtWidgets
前言程序开发中不仅需要设计好功能模块,还需要完善小细节,比如鼠标悬浮在按钮上,鼠标形状变成小手。这篇博客我就介绍一下鼠标的形状是怎么设置的。鼠标形状设置以下是我在Qt帮助上截取的枚举所对应的鼠标形状,调用时qml用Qt.ArrowCursor,c++用Qt::ArrowCursor。具体的代码是qml:一般是在鼠标事件里设置鼠标形状的(属性cursorShape) MouseArea{ anchors.fill: parent; //小.原创 2021-12-21 13:37:36 · 2743 阅读 · 0 评论 -
qml 应用程序图标设置和打包——qml
前言之前用qml开发ios,打包和设置图标的方式与桌面端开发不太一样,所以在这里记录一下。设置图标设置窗口图标比较简单,和QtWidgets开发设置窗口图标一样,当然,我在QtWidgets开发时,习惯每个窗口设置图标。 QGuiApplication app(argc, argv); app.setWindowIcon(QIcon(":/res/box.png"));设置 exe文件的图标,与QtWidgets的也一样,在pro文件中添加一句话,同时图标文件.ico与p原创 2021-12-21 10:58:21 · 3798 阅读 · 0 评论 -
ListView的使用——qml
前言之前有一阵子一直写qml,现在隔了半年,已经忘得差不多了。如果不是看着以前的代码能回想起一些东西,我恐怕以为之前只是幻想罢了。最近终于有点时间可以琢磨东西,或者说有时间选择用什么语言写,写成什么样的。正好现在有一个简单的界面,所以就拿来练手,用qml写一个稍微好看一点的界面。这个项目里面有一个列表展示,所以就用到了今天我想说的ListView了:ListView我觉得是最常用的了吧,特别他的一些基本东西,如model、delegate都是很多控件(GridView PathView)都需要配置的原创 2021-12-17 13:13:50 · 5623 阅读 · 0 评论 -
qml Text显示富文本——Qt for IOS
前言感觉经常会用到富文本,比如在一句话中有两种颜色时,懒得用两个Text拼,就可以用富文本实现(Qt很多地方是支持富文本的)。不过这次不是我自己进行简单的编辑(设置一个 style),是文章的详情通过接收富文本字符串显示。我刚开始只是通过一个简单的Text进行接收显示,但是在真机上显示时不尽人意,所以后面进行了一下几种方式的尝试。显示富文本的几种方式若是以富文本字符串来决定界面内容,这是一种能动性很大的显示方式,当然界面内容比较简单,这样才合理。Text显示富文本Text本身就支持.原创 2021-05-19 17:03:37 · 2246 阅读 · 2 评论 -
qml 多界面切换——qml
前言无论用什么语言开发,稍微复杂点的界面,都会涉及到多界面切换。之前用QtWidgets开发时,我曾写过一篇博客,现在我用qml开发移动端,觉得也有必要记录一下多界面切换这个知识点。界面切换的几种方式多界面切换根据不同的场合,可用不同的切换方式,当然,你非要只用一种方式也是可以的,这个都没规矩,你怎么方便怎么来。下面我列举我切换界面的方式和场合:StackView push/popComponent我感觉最常用的就是此类了,StackView像一个队列似的,将界面压(push)进去.原创 2021-04-19 10:07:42 · 7897 阅读 · 2 评论 -
qml MediaPlayer播放视频——qml
前言无论是手机端还是电脑端,很多时候我们需要展示视频,但是功能性又不用那么强大,达不到专门使用第三方的插件,这个时候就是官方播放器出场了。我现在是用qml开发ios,当然效果一般是在mac os上预览了,所以这是用就用到Qt 的多媒体库(QtMultimedia)了。效果图说明和代码视频播放器的功能性,就是普通的视频播放具有的功能,比如微博中的视频,一般包括进度条、开始暂停和静音。之前我犯了一个致命错误,就是我忘记在pro文件里加多媒体的库了,神奇的是他可以在电脑端播放视频.原创 2021-04-14 17:49:28 · 8222 阅读 · 6 评论 -
倒计时的实现——Qt for IOS
前言现在要做一个倒计时,类似淘宝秒杀倒计时的功能。qml只适合实现界面部分,逻辑部分由谁实现呢?c++还是js?想了想还是js简单些,不用考虑跨语言的通讯。虽然我不大会js,但是我相信网上有代码,这个确实有,所以以下可能涉及网上大佬的代码,多多体谅。效果图我现在习惯放效果图,方便我以后抄代码……说明和代码后台提供我一截止日期,格式为"2021-01-12 12:00:00",然后我弄一定时器不停地进行一下操作:将此字符串转为日期Date,然后将当前时间和截止日期的时间数相减,若.原创 2021-03-18 13:54:04 · 448 阅读 · 0 评论 -
关于QML中非NOTIFYable属性的警告——QML
转自http://www.voidcn.com/article/p-rgsuymog-bst.html我有一个基于QML的应用程序在Qt在运行时生成一些警告:QDeclarativeExpression: Expression “(function $text() { return pinyin})” depends on non-NOTIFYable properties:hanzi::DictionaryEntry::pinyin我相信它指的是这个类有一些属性没有通知程序(因为不需.转载 2020-12-09 13:58:12 · 1484 阅读 · 0 评论 -
仿安卓日历的效果(Flickable的使用)——QML
Flickable里面的项不能用id来anchor,而用parent代替,这个一定要注意,不然你可以看到布局并不是你想要的。原创 2020-11-04 14:33:06 · 779 阅读 · 0 评论 -
Calendar风格样式自定义——QML
前言QML的日历只有Controls 1有,Controls 2里暂时还没有(说个题外话,2里的控件明显比1里简单好用多了),属性也就那么几个,比较简单,但是有些功能就有点欠缺。我这次是日历有用到两个一个大的一个小的,为了复用,我就都写一块了,看着可能乱些。效果图上传的动图好像有点地方字体不清晰,这个可能是csdn问题吧,界面部分是没这个的。代码和说明通过自带的帮助可以看到Calendar的属性就那么几个(如下),就根据 自己的需求进行设置就行了。dayOfWeekForma原创 2020-08-26 16:27:49 · 2235 阅读 · 12 评论 -
QML中的组件——QML
转自:https://blog.csdn.net/douzhq/article/details/81046681本篇文章介绍一下QML中的组件,Component1. 使用Component在QML中嵌入组件 2. 在文件中定义组件 3. 使用Loader加载/删除组件 4. 使用JavaScript中的语句加载/删除组件1. 使用Component在QML中嵌入组件Component是Qt框架或者开发者封装好的、只暴露必要接口的QML类型,可以重复使用。要再QML中嵌入Co..转载 2020-08-25 10:35:47 · 1806 阅读 · 1 评论 -
qml自定义菜单-QML
效果摘要这段时间在写树的时候需要用到右键菜单,但是原生的不太好看,且用起来有点僵硬(不太熟悉),于是抱着手艺人的素养,就自己鼓捣了一个出来,虽然不一定非常通用,但是自己做出来的使用比较方便,后期的改动也会比较方便。原理为了更方便的调用下级节点,第一级菜单使用的是Repeater,第二级使用的是listview,通过它们自身的动态创建,来实现多级菜单,而为了更方便的使用,菜单的model使用Jason来传入,所以基本思路就是解析传入的model,根据model来动态创建节点,以实现菜单的.转载 2020-08-06 16:58:33 · 1891 阅读 · 0 评论 -
日期时间编辑器(模拟QDateTimeEdit的自定义控件)——QML
前言现在比较闲,我就把手上的项目写了两个版本:一版QtWidgets c++实现的;另一版 qml 加少量c++实现的(当然还没写完)。可能我用QtWidgets用习惯了,感觉qml少很多控件,然后很多东西需要自己写:我发现qml没有时间日期编辑器/选择器,所以我模仿了QDateTimeEdit,根据思路的不同写了两个版本。代码和说明QDateTimeEdit可以通过两种方式修改:一则是直接编辑修改;二呢,是通过按钮上下调。为了直接修改,时间数据不会错,所以我加了验证器(validat.原创 2020-08-06 10:56:17 · 3650 阅读 · 2 评论 -
QML和C++混合编程之QML调用c++
前言说实话,想学QML很久了,而且也发起了好几次进攻,然后就不了了之了。这次我希望我可以学会这门语言,移动端也可以耍耍了。我是跟着书《Qt+Quick核心编程》一点点学的,书的前面章节都比较简单,就是介绍一些控件的用法、布局的使用、事件的用法等,都比较简单,唯一觉得不好的是:没有了按F1的快捷帮助,而且在写ECMAScript时,有写方法没有补全的功能,纯手打很难受。所以就想能用自己顺手的QWidgets和QML结合起来吗?答案是肯定的,毕竟都是Qt出品,自己的东西肯定要支持。不过这里,先简单调原创 2020-06-24 11:19:32 · 967 阅读 · 0 评论 -
QML学习之浅谈Window
转自http://blog.csdn.net/kanchuan1905 在Qt Quick的世界里,Window对象用于创建一个与操作系统相关的顶层窗口,包含了如Text, Rectangle, Image等元素。Window还有一个派生类,即大名鼎鼎的ApplicationWindow,也可以作为QML文档的根对象。上一篇文章,我们提到的使用QQuickView加载QML的方式,顶...转载 2018-02-26 09:52:36 · 1579 阅读 · 0 评论