QML
奋斗Andy
努力不一定成功,成功离不开努力!
展开
-
QML学习笔记5-模型-视图-代理
QML中的MVC 概念在QtQuick中 数据通过model-view(模型-视图)分离。 对于每一个view(视图) 每个数据元素的可视化都分给一个delegate(代理)在QML中 model(模型)与view(视图)通过delelate(代理)连接起来。 功能划分如下:model(模型)提供数据, 对于每个数据项 可能有多个值。显示在view(视图)中的每项数据都是通过delegate(代理)来实现可视化、view(视图)的任务就是排列这些delegate(代理)每个delegate(代理原创 2020-12-26 11:24:30 · 714 阅读 · 1 评论 -
QML属性介绍
基本可视化项Item 基本的项元素 在QML中所有可视化的向都继承他Rectangle 基本的可视化矩形元素Gradient 定义一个两种颜色的渐变过程GradientStop 定义个颜色,被Gradient使用Image 在场景中使用位图BorderImage (特殊的项) 定义一张图片并当做边界AnimatedImage 为播放动画存储一系列的帧Text 在场景中使用文本TextInput 显示可编辑为文本IntValidator int 验证器DoubleValidator do原创 2020-12-26 11:23:50 · 937 阅读 · 0 评论 -
QML学习笔记4-动画-曲线-分组-状态
动态元素:1 动画(Animations):被用于属性的改变, 一个动画定义了属性值改变的曲线,将一个属性值变化从一个值过渡到另一个值.动画是由一连串的目标属性活动定义的,平缓的曲线算法能够引发一个定义时间内属性的持续变化。 所有在QtQuick中的动画都由同一个计时器来控制,因此他们始终保持同步,这也是提高了动画的性能和显示效果。动画控制了属性的改变,也就是值的插入。这是一个基本的概念,QML是基于元素,属性与脚本的。每一个元素都提供了许多的属性, 每一个属性都在等待使用动画。动画控制了属性的改变,每个原创 2020-12-26 11:49:57 · 525 阅读 · 1 评论 -
QML学习笔记3-定位-布局元素
定位元素: 有一些QML元素被用于放置元素对象,被称为定位器QtQuick提供的定位器: Row、Column、Grid、FlowRow: 水平排列Column: 垂直排列Grid: 栅格rows/columns(行列)排列Flow(流) 通过flow(流)属性和layoutDirection(布局方向)属性来控制流的方向。它能够从头到底的横向布局,也可以从左到右或者从右到左进行布局布局元素: QML使用anchors(锚)对元素进行布局, 可以被所有的可视化QML元素使用anchors是原创 2020-12-26 11:50:19 · 928 阅读 · 1 评论 -
QML学习笔记2-基本元素-组件-转换
基本元素元素类型:可视化元素、非可视化元素1 基础元素对象Item(基础元素)是所有可视化元素的基础对象,所有其他可视化元素都继承自Item,它自身不会有任何绘制操作,它的作用是定义所有可视元素的通用属性Geomery(几何属性):x,y(坐标)定义元素左上角位置,width(长) height(宽) z(堆叠次序)定义元素的重叠顺序 Layout Handling(布局操作): anchors(锚定),包括left(左) right(右) top(上) bottom(下), ...原创 2020-12-26 11:50:31 · 417 阅读 · 0 评论 -
QML学习笔记1-基本语法
import QtQuick 2.8 //声明导入一个指定的模块版本// 注释和C++一样 //或 /**///每个QML文件都需要一个根元素//元素拥有属性 按照name:value的格式来赋值//任何在QML文档中的元素都可以使用他们的id来进行访问(id是一个任意的标识符)//元素可以嵌套 一个父元素可以用于多个子元素, 子元素可以通过 parent 关键字来访问父元素//一般QML文件中根元素id习惯使用rootRectangle{ id: root width: ...原创 2020-12-26 11:50:42 · 266 阅读 · 0 评论