01第一个Qml程序例子引出的相关知识点-创新互联

  QML是Qt推出的Qt Quick技术的一部分,是它新增的简便易学的语言。

十余年品牌的成都网站建设公司,成百上千企业网站设计经验.价格合理,可准确把握网页设计诉求.提供定制网站建设、商城建设微信平台小程序开发成都响应式网站建设公司等服务,我们设计的作品屡获殊荣,是您值得信赖的专业网站设计公司。

  QML是一种描述性语言,用来描述一个程序的用户界面:是什么样子,以及它如何表现。

  在QML中,一个用户界面被指定为具有属性的对象树。 这使得Qt更加便于很少或没有编程经验的人使用。
  QML是Qt4.7.0中新增的Qt Quick核心组件:它是一个标识语言,由QtQuick封装在Item {}的元素的标识组成。 它从头设计了用户界面的创建, 可以让开发人员快速、 简单的理解。 用户界面可以使用JavaScript代码来提供和加强更多的功能。 Qt Quick可以使用本地已有的Qt C++轻松快速的扩展它的能力。 简单声明的UI被称作前端, 本地部分被称作后端。 这样可将程序的计算密集部分与来自应用程序用户界面操作部分分开。
  在项目中前端开发使用QML/JaveScript, 后端代码开发使用Qt C++来完成系统接口和计算工作,能自然地将设计界面的开发者和功能开发者分开。
  创建一个简单的HelloWorld,在QtCreator中可以一步一步实现,可参考网上相关步骤,代码如下:

import QtQuick 2.12

Rectangle {
    id: myRectangle;

    width: 360; height: 360;
    color: "lightgray";

    Text {
        text: "Hello World"; color: "darkgreen";
        x: 100; y:100;
        anchors.centerIn: parent;
    }
}
import QtQuick 2.12

Rectangle {
    id: myRectangle;

    width: 360; height: 360;
    color: "lightgray";

    Text {
        text: "Hello World"; color: "darkgreen";
        x: 100; y:100;
        anchors.centerIn: parent;
    }
}

这里需要重点提要的知识点是Item对象和anchors:

Item

  1. Item 类型是 Qt Quick 中所有可视项的基本类型;
  2. Qt Quick 中的所有可视项都继承自 Item,注意 Item 对象没有视觉外观,但它定义了所有视觉项的通用属性。
  3. Item 类型可做为根元素包含视觉项目。

anchors

Item的anchors属性包含以下情况:

// 4个边:
anchors.top : AnchorLine
anchors.bottom : AnchorLine
anchors.left : AnchorLine
anchors.right : AnchorLine

// 2个居中
anchors.horizontalCenter : AnchorLine
anchors.verticalCenter : AnchorLine

// 基线
anchors.baseline : AnchorLine

// 填充与居中
anchors.fill : Item
anchors.centerIn : Item

// 1+4个边界
anchors.margins : real
anchors.topMargin : real
anchors.bottomMargin : real
anchors.leftMargin : real
anchors.rightMargin : real

// 2个居中的偏移值+基线的偏移值
anchors.horizontalCenterOffset : real
anchors.verticalCenterOffset : real
anchors.baselineOffset : real

// 居中时对齐属性          强制居中,默认为true, 假如宽或者高为奇数时,如果中心对齐, 就可以保证绝对对齐。
anchors.alignWhenCentered : bool

你是否还在寻找稳定的海外服务器提供商?创新互联www.cdcxhl.cn海外机房具备T级流量清洗系统配攻击溯源,准确流量调度确保服务器高可用性,企业级服务器适合批量采购,新人活动首月15元起,快前往官网查看详情吧


当前名称:01第一个Qml程序例子引出的相关知识点-创新互联
链接URL:http://azwzsj.com/article/ehoeo.html