![](https://img-blog.csdnimg.cn/20201101184708128.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
Qml
文章平均质量分 52
qml learning
Master Cui
这个作者很懒,什么都没留下…
展开
-
14、ListView案例
一、介绍通过ListView实现图片点击放大并且添加说明的功能二、实现import QtQuick 2.5import QtQuick.Window 2.3Window { visible: true id:root width: 300 height: 500 ListView { id:lv anchors.fill: parent model:lmod//数据模型 del.原创 2021-01-05 11:34:23 · 378 阅读 · 0 评论 -
13、GridView案例
一、介绍在动态视图组件GridView中添加和删除数据以及遇到的问题二、实现import QtQuick 2.5import QtQuick.Window 2.3Window { visible: true id:root width: 320 height: 240 ListModel { id:themode ListElement {number:0} ListElement {nu.原创 2021-01-04 20:22:59 · 389 阅读 · 0 评论 -
12、动态视图组件ListView、GridView
一、ListView的基本使用ListVIEW显示内置QML类型(如ListModel)创建的模型数据,或者C++中自定义的模型类,这些模型类继承自QAbstractItemModel或QAbstractListModel。ListView继承了Flickable。ListView有一个模型(model),用来定义要显示的数据,还有一个委托(delegate),用来定义如何显示数据。ListView的item是水平或垂直布局的。通过orientation指定Window { visib原创 2021-01-04 20:18:58 · 456 阅读 · 0 评论 -
11、QML的模型、视图和委托(Model, View, Delegate)
一、前言Model-View-Controller (MVC) 是源自SmallTalk的一个设计模式,在构建用户界面时经常用到。把功能相近的部分归结在一起,不相近的部分进行隔离。MVC 将系统分解为模型、视图、控制器三部分,每一部分相对独立,职责单一,在实现过程中可以专注于MVC各自的核心逻辑。MVC的最基本的作用就是解耦。模型(Model)代表数据。视图(View)代表界面的布局。控制器(Controller )界面的具体显示样式,和用户进行具体的交互。QML对Controller部分做了改原创 2020-12-31 15:08:25 · 3950 阅读 · 3 评论 -
10.QML Qt Quick Controls 2之imagine style
Qt Quick Controls 2的目标之一是将控件的逻辑与外观分离。外观的实现由QML代码和图形资源组成。使用Imagine样式(imagine style),可以自定义应用程序的外观和图形资源Imagine样式基于图像资源。样式带有一组默认的图像,可以通过自定义命名指定提供包含图像的目录,从而更改界面外观。示例import QtQuick 2.14import QtQuick.Controls 2.5ApplicationWindow { id:mainwin .原创 2020-12-15 10:12:01 · 657 阅读 · 0 评论 -
9.QML Qt Quick Controls 2中常用的界面形式——并排式界面(SwipeView)
并排式界面的实现的核心组件就是SwipeView。SwipeView由一组页面填充。一次只能看到一页。用户可以横向滑动浏览页面。请注意,SwipeView本身完全不可见。一般与PageIndicator一起使用,这样可以给用户有多个页面的视觉提示。SwipeView和PageIndicator的组合UI显示是这样的PageIndicator是包含多个页面的容器,并显示当前活动的页面。PageIndicator由呈现页面的代理项组成。PageIndicator的UI显示就是这样的示例.原创 2020-12-14 10:56:09 · 1238 阅读 · 0 评论 -
8.QML Qt Quick Controls 2中常用的界面形式——堆叠式界面(StackView)
堆叠式界面的实现的核心组件就是StackView。StackView是一个基于栈的导航浏览模型,可以与一组关联的页面一起使用。当用户浏览深层页面时,深层页面被推到栈顶,当用户选择返回时,之前浏览的页面会再次弹出。堆叠式界面的效果上述演示中,界面一共有四个:分别是home、profile、about和editprofile上述四个界面中使用的核心组件是Page,该组件在QtQuick.Controls中,Page是一个容器控件,可以方便地添加页眉、页脚以及其他item。上述四个界面的实现如原创 2020-12-12 13:49:43 · 1511 阅读 · 1 评论 -
7.QML Qt Quick——基于Qt Quick Controls 2实现图片浏览器
Qt Quick Controls 2提供了一组UI控件,例如按钮,标签,复选框,滑块等(用之查之即可)。用于在Qt Quick中创建用户界面。UI控件很多,这里通过一个图片浏览器的实现来逐步讲解图片浏览器示例1、创建一个qtquick工程然后给工程命名,一直点下一步即可创建出来的工程结构是这样的在main.cpp中有一个主函数,用来加载qml文件#include <QGuiApplication>#include <QQmlApplicationEng原创 2020-11-13 16:30:19 · 648 阅读 · 0 评论 -
6.QML动画——状态与过渡
用户界面的各个部分可以用状态(state)来描述。状态定义了一组属性更改,并且可以由特定条件触发。这些状态可以附加过渡(transition),过渡定义发生状态更改时要运行的动画或动作。一、状态(state、states和State)state属性用于保存当前item的状态。states属性被指定为State对象的数组。任何State属性都要放在states数组中。State元素定义了当前item的一系列状态。State的name属性表示状态的名称。name属性默认是一个空字符串。 可以通.原创 2020-11-13 10:33:18 · 430 阅读 · 0 评论 -
5.QML动画——分组动画
动画可以为一个属性设置动画。 但是,通常想要同时或一个接一个地运行多个动画,或者在两个动画之间执行脚本。为此,出现了分组动画。分组动画可以通过两种方式进行分组:并行或顺序。这两种方式分别对应ParallelAnimation和SequentialAnimation元素,这两个元素用作其他动画元素的容器。一、并行动画ParallelAnimation并行动画将所有子动画并行运行。 所以,使用ParallelAnimation可以同时将不同的属性的子动画同时运行。示例import QtQu原创 2020-11-12 16:54:12 · 310 阅读 · 0 评论 -
4.QML动画——概念、动画应用方式和动画的缓动曲线
一、动画动画将应用于属性更改。 动画通过对属性值定义插值曲线,控制属性值从一个值到另一个值平滑过渡。 Qt Quick中的所有动画均由同一计时器控制,因此动画是同步的。 这样可以提高动画的性能和视质量。注意:动画控制属性的变化方式是通过对属性值进行插值操作实现的。 QML的每个元素都提供数十个属性,每个属性都可以通过动画控制。示例1Image { id: root source: "./background.png" property bool running:原创 2020-11-12 13:28:32 · 920 阅读 · 0 评论 -
3.QML布局和输入元素
一、布局QML提供了一种使用锚点布局元素的方法,可用于所有可视QML元素。元素具有6条主要锚线(top、bottom、left、right、horizontalCenter、verticalCenter)。 另外,在Text元素中还有文本的基线锚点。 每条锚线都有一个偏移量。 top、bottom、left、right的偏移量为边距(margin)。horizontalCenter,verticalCenter和Text的基线偏移量就叫偏移量,没别的名字。锚线的示意图如下偏移量的示意图如原创 2020-11-02 08:19:21 · 298 阅读 · 2 评论 -
2.QML组件、图像几何变换和元素定位器
一、组件组件是可重用的元素,QML提供了不同的方式来创建组件。 最简单的组件是基于文件的组件。 通过在文件中放置QML元素并为该文件指定元素名称(例如Button.qml)来创建基于文件的组件。 然后导入该组件后,就可以像使用QtQuick模块中的其他元素一样使用该组件。组件文件的文件名的首字母开头一定要大写!!!示例//Button.qmlimport QtQuick 2.12Rectangle { id:buttonsize x:10 y:10 wid原创 2020-11-01 18:57:16 · 1027 阅读 · 0 评论 -
1.QML语法、属性和元素
QML是一种声明性语言,用于描述应用程序的用户界面。QML可以将用户界面分解,也可以将界面元素组合为组件。 QML描述了这些用户界面元素的外观和行为。 支持JavaScript来丰富此用户界面描述,以提供简单或复杂的逻辑。一、qml基本语法和属性举个例子来说明qml的基本语法,语法见注释import QtQuick 2.14//导入模块以及模块的具体版本import QtQuick.Window 2.14Rectangle {//界面的根元素,每个qml文件必须得有根元素 id:原创 2020-11-01 18:46:41 · 1220 阅读 · 0 评论