官方解析

Image
Image用于展示图片。
使用source属性可以使用URL指定一张图片。
只要是Qt能打开的图片都支持，如果要展示动态图，要使用：BnimatedSprite和AnimatedImage。
如果width和height属性没有被指定，将会使用图像原来的大小。fillMode属性可以使得图像被拉伸和平铺。

例子：
最简单的图像用法！

  import QtQuick 2.0Image {source: "pics/qtlogo.png"}

博主例子

此处的例子有2个功能，一个是补充官方的伪代码，二是把以前的方图，变化为圆图（非拉伸）

程序运行截图如下：

程序结构图如下：

源码如下：

QMLImageDemo.pro

QT       += core gui qml quickgreaterThan(QT_MAJOR_VERSION, 4): QT += widgetsTARGET = QMLImageDemo
TEMPLATE = appDEFINES += QT_DEPRECATED_WARNINGSSOURCES += main.cppHEADERS  +=RESOURCES += \resources.qrc

main.cpp

#include <QApplication>
#include <QQmlApplicationEngine>
#include <QDebug>int main(int argc, char *argv[])
{QApplication a(argc, argv);QQmlApplicationEngine engine;engine.load(QUrl("qrc:/main.qml"));if(engine.rootObjects().isEmpty()){qDebug() << "engine load failed!";return -1;}return a.exec();
}

main.qml

import QtQuick 2.7
import QtQuick.Controls 2.0
import QtGraphicalEffects 1.0ApplicationWindow {visible: truewidth: 300height: 300//    Image {//        anchors.centerIn: parent
//        source: "img/logo.png"
//    }Image {anchors.centerIn: parentid: pigpigpigsource: "img/logo.png"sourceSize: Qt.size(parent.width, parent.height)smooth: truevisible: false}Rectangle {id: maskwidth: parent.widthheight: parent.heightradius: height / 2color: "red"visible: false}OpacityMask {anchors.fill: pigpigpigsource: pigpigpigmaskSource: mask}}

Qt文档阅读笔记-Image QML官方解析与实例相关推荐

Qt文档阅读笔记-Widgets Tutorial官方解析及实例
目录官方解析博主栗子官方解析 QWiget通常作为其他窗口的容器,可以使用QWidget到达最小代价定义自定义控件(经验:通常可以采用子类QLabel做成自定义控件) 可以通过构建他的父类对象来 ...
Qt文档阅读笔记-easingCurve:QEasingCurve官方解析及实例
目录官方解析博主例子官方解析 easingCurve:QEasingCurve 这个属性保留了动画的缓和曲线. 他定义了缓和取消,默认情况下,使用线性缓和曲线,产生线性插入值.下面举出其他曲线的 ...
Qt文档阅读笔记-QHeaderView::sectionResized官方解析与实例
目录官方解析博主例子官方解析不翻译了,很简单的英语博主例子程序运行截图如下源码如下: widget.h #ifndef WIDGET_H #define WIDGET_H#include ...
Qt文档阅读笔记-GridLayout QML Type解析与实例
目录基本概念代码与实例基本概念如果QGridLaout大小被调整,所有item的布局都将会重新排列.和widget的QGridLayout一样.如果想要一行或一列的布局可以使用RowLayou ...
Qt工作笔记-Qt文档阅读笔记-qualifiedName()的官方解析及XML使用名称空间
目录官方解析博主例子官方解析 QXmlStreamReader::qualifiedName() 返回StartElement或EndElement的限制名: 限制名是XML数据中元素的原始名称 ...
Qt文档阅读笔记-编写应用脚本解析与实例
目录官方解析博主例子官方解析编写应用脚本 Qt提供了JavaScript脚本对应用程序的支持.下面将全方位说明JavaScript在Qt中的应用. Scripting Classes 如下的类 ...
Qt文档阅读笔记-Object Trees Ownership解析与实例（为何某些程序在被关闭的时候会崩溃）
目录官方解析 Construction/Destruction Order of QObjects 博主栗子继承里面构造函数与析构函数的顺序在Qt中,object trees里面的创建与析构 [ ...
Qt文档阅读笔记-The Meta-Object System解析及实例
目录官方解析博主栗子关于QMetaObject::className()的栗子官方解析 Qt元对象系统提供了信号与槽机制,通过信号与槽实现对象间的通信,RTTI,以及动态属性系统. meta- ...
Qt文档阅读笔记-FileDialog QML Type官方解析与实例
目录官方解析博主例子官方解析 FileDialog是基于文件的选择器,可以选择文件或文件夹,创建文件,这个Dialog初始化是不可见的,得需要设置他为visible或调用open()即可. 下面 ...

Qt文档阅读笔记-Image QML官方解析与实例

官方解析

博主例子

Qt文档阅读笔记-Image QML官方解析与实例相关推荐

最新文章

热门文章