Alone的博客

本节对应（书名：QmlBook） 4.2.5 组件（Compontents）(页码75) 演示效果和代码（例子1）： 实现代码（未形成组件前）： import QtQuick 2.0 Item { id: name Rectangle { //我们的内联按钮用户界面 id:button x: 12; y:12 width: 116; height: 26 color: "lightsteelblue"

本节对应（书名：QmlBook） 4.2.5 鼠标区域元素（MouseArea Element）(页码72) 演示效果和代码： import QtQuick 2.0 Item { width: 500; height: 300 Rectangle { id: rect1 x: 12; y:12 width: 76; height: 96 //这个蓝色qt找不到就用的HEX颜色编码代替 color: "#B0C

本节对应 （书名QmlBook） 4.2.4 图像元素（Image Element）(页码71) import QtQuick 2.0 //由于博主找的图片尺寸不够大所以未看出裁剪 Item { id: root width: 400; height: 600 Image { x: 12; y:12 //支持加载本地图片和网络图片 source: "./images/rocket.jpg" } Image {

本节对应 （书名QmlBook） 4.2.3 ⽂本元素（Text Element）(页码69) import QtQuick 2.0 Item { id:root width: 400; height: 500 Text { x: 50; y: 20 width: 40; height: 120 text: 'A very long text' // '...' shall appear in the middle

本节对应 QmlBook 4.2.3 ⽂本元素（Text Element）(页码69) 演示效果和代码： import QtQuick 2.0 Item { id: root width: 200; height: 300 Rectangle { id: rect1 x: 12; y: 12 width: 76; height: 96 color: "lightsteelblue" } Rectang

本文链接地址:QmlBook介绍 1.新建工程为Quick UI Prototype 建好工程后就可以开始编写Quick代码了下方附上效果图以及演示代码 import QtQuick 2.5 //parent代表根对象的界面 Image { id:root source: "images/background.png" Image { id: pole //锚 横向 anchors.horizontalCenter:parent.h