使用QML进行UI开发,非常灵活方便,且动画效果容易实现,但因为灵活,为了美观需要使用很多自定义的组件。 这里列举了两种使用自定义组件的方式,主要是为了日后自己翻阅以下示例的开发环境ubuntu16.04Qt5.12.12ubuntu16.04自带的gcc编译器工程目录说明ImpCompDemo/ ├── CustomComponents │ ├── DeButton.qml │ └──
开篇在《QML | 创建可重用的组件》一文中,描述了创建自定义组件的第一种方法。本文将来描述第二种方法:使用Component创建自定义组件该种方法在实际使用中,可有两种方式:(1)在qml文件内创建自定义的组件(2)以qml文件的方式创建组件。在qml文件内创建自定义的组件组件通常由组件文件定义,也就是.qml文件。Component类型允许在一个QML文档内定义QML组件,而不用作为一个单独的
我们在使用QWidget编程时,如果你嫌弃QPushButton不够强大,那么你就可以继承它并写出一个子类来实现一个功能更强的按钮,如果你还不满意,你甚至可以继承QWidget来实现一个功能更强的按钮。那么这种自定义操作,在QML中也是有的,叫【自定义组件】,或者叫【自定义元素】本文将通过创建一个自定义按钮来演示一下。新建一个QML文件,并命名为MyButton.qml,文件内容为://自定义一个
转载 2024-10-24 06:47:41
207阅读
如果我们了解几种 QML 的基本元素。QML 可以由这些基本元素组合成一个复杂的元素,方便以后我们的重用。这种组合元素就被称为组件。组件就是一种可重用的元素。QML 提供了很多方法来创建组件。不过,本章我们只介绍一种方式:基于文件的组件。基于文件的组件将 QML 元素放置在一个单独的文件中,然后给这个文件一个名字。以后我们就可以通过这个名字来使用这个组件。例如,如果有一个文件名为 Button.q
转载 2024-06-19 07:04:26
381阅读
从0开始自定义一个按钮,按钮应该有如下功能:1、按钮上有文字、按下时文字要有下沉的效果2、按钮有交互效果,悬浮、按下按钮的颜色要变化3、可以设置说明文字4、按钮按下会发出信号下面依次来实现首先选择Rectangle作为按钮的区域,也可以用Item,不过Item没有颜色属性,还要在Item下面套一个Rectangle。设置圆角为6给区域加上鼠标区域,并根据鼠标是否进入按钮区域、鼠标是否按下来设置区域
周银辉的开发博客(WPF) 在WPF中自定义控件(1)一, 不一定需要自定义控件 在使用WPF以前,动辄使用自定义控件几乎成了惯性思维,比如需要一个带图片的按钮,但在WPF中此类任务却不需要如此大费周章,因为控件可以嵌套使用以及可以为控件外观打造一套新的样式就可以了.是否需要我们来自定义控件,这需要你考虑目前已有控件的真正逻辑功能而不要局限于外观,如果目前的控件都不能直觉地表达你的想法,那么你可
自定义的标题栏按钮是由Rectangle来实现的,在Rectangle中需要4张图片,分别在鼠标进入按钮区、鼠标离开按钮区(正常状态下)、鼠标按下和鼠标释放时所加载的图片。下面是实现自定义按钮的代码(我把它放在了一个MaxButton.qml文件中): Rectangle { radius: 10 //设置圆角半径 property string normalPath
鼠标样式,大致分为两种。一种是Qt提供的系统样式的鼠标;另一种是自定义样式,由自己准备图片。Qt5.6提供的鼠标宏及样式:我做了两个demo:Demo1、调用Qt提供的鼠标样式的宏。 Demo2、自定义鼠标样式,定义鼠标为一个笔的图片。  
原创 2022-10-31 20:13:27
614阅读
Qt Quick 为 Qt 引入了一门叫 QML(Qt Meta/Modeling Language)的脚本语言,它是 ECMAScript 标准的实现。所以 QML 语法是在 ECMAScript 语法的基础上实现的。ECMAScript 语言的标准是由 Netscape、Sun、微软、Borland 等公司基于 JavaScript 和 JScript 锤炼、定义出来的。ECMAScript
目录标题引言QML与Qt Quick简介动画在现代UI设计中的重要性QML Animation模块概述QML动画基础概念属性动画(PropertyAnimation)父动画(ParentAnimation)颜色动画(ColorAnimation)数字动画(NumberAnimation)矩形动画(RectAnimation)路径动画(PathAnimation)QML动画进阶技巧并行动画(Par
转载 2024-10-29 19:32:31
63阅读
一.图标字体   图标字体在网页开发上运用非常广泛,具体可以网络搜索了解,网页上的运用有很多例子,如Bootstrap。但在C/S程序中使用还不多,字体图标其实就是把矢量图形打包到字体文件里,就像使用一般外置字体一样的使用,因此Winform、WPF中都是可以用的。   在我们多个WPF项目中广泛使用了图标字体,包括自定义控件、自定义样式、模板等。总结下: 网上开源字体图标很多,很容易获取,项目开
import QtQuick 2.0FocusScope { id: wrapper property alias text: input.text // pperty alias prefix: prefix.text // property int font_size: 18
原创 2022-08-16 16:45:13
180阅读
通过两层Rectangle实现border边框设置
原创 2023-07-29 23:50:16
1666阅读
扩展Unity的菜单MenuItem MenuItem 属性用于向主菜单和检视面板上下文菜单添加菜单项。 该 MenuItem 属性能够将任何静态函数转变为菜单命令,仅静态函数可使用 MenuItem 属性 我的Unity版本:2019.3.7f1 创建菜单这几种写法都是可行 函数参数有MenuCo
原创 2021-07-20 16:53:58
1538阅读
两个宏定义: property string captureSavePath: "F:/MYIR/MultimediaPlayer/capture/" property string captureSaveHead: "my_"获取当前时间:function getCurrentTime(){ var time = Qt.formatDateTime(new Dat...
原创 2021-12-28 17:22:46
909阅读
平台显示器使用 */import QtQuick 2.2import QtQuick.Controls 1.4import QtQuick.Controls.Styles...
原创 2021-07-27 11:38:48
729阅读
上效果图上实现源码,这里的代码都是Qt官方源码修改其中某一行内容/* 作者:张建伟
原创 2022-03-07 17:57:34
626阅读
文章目录演示代码实现实际调用演示图标文本可自定义按下颜色可自定义进入颜色可自定义退出颜色可自定义自定义鼠标左键按下功能可自定义鼠标右键按下功能代码实现MyIconButton.qml文件import QtQuick 2.0Rectangle { id: rec property alias img_src: icon.source prop...
原创 2021-12-28 17:23:38
3375阅读
组合了就不写了...
原创 2021-07-27 11:39:29
249阅读
好久都没有正经的更新自己的文章了,这段时间也辞职了,听了小爱
原创 2022-03-08 11:19:14
139阅读
  • 1
  • 2
  • 3
  • 4
  • 5