今天我们来了解下qml中Rectangle这个基本的控件。话不多说先上一张图，看看效果

qml代码

import QtQuick 2.12
import QtQuick.Controls 2.12ApplicationWindow {                 //窗口控件，比Window控件多一些功能。visible: true                   //窗口内容是否显示，true显示，false不显示width: 600                      //宽height: 500                     //高title:qsTr("Rectangle实例")      //设置Title标题内容Rectangle{                      //窗体中添加一个Rectangle控件anchors.margins: 20         //设置Rectangle控件与窗体边距为20anchors.fill: parent        //设置Rectangle控件充满这个窗口color: "lightblue"          //设置默认颜色为lightbluegradient:Gradient {         //设置渐变属性，下面是渐变的三种颜色GradientStop{position: 0.0; color: "#eff39e"}GradientStop{position: 0.5; color: "#26fd03"}GradientStop{position: 1.0; color: "#2c03fd"}}}
}

好了，拷贝过去自己魔改吧

qml学习--Rectangle案例学习相关推荐

通过脚本案例学习shell（五）通过创建DNS脚本一步一步教你将一个普通脚本规范到一个生产环境脚本...
通过脚本案例学习shell(五) 通过创建DNS脚本一步一步教你将一个普通脚本规范到一个生产环境脚本版权声明: 本文遵循"署名非商业性使用相同方式共享 2.5 中国大陆"协议 ...
《大数据导论》——1.4节案例学习背景
本节书摘来自华章社区<大数据导论>一书中的第1章,第1.4节案例学习背景,作者瓦吉德·哈塔克(Wajid Khattak),保罗·布勒(Paul Buhler),更多章节内容可以访问云栖社 ...
ArcGIS案例学习1_2
ArcGIS案例学习1_2 联系方式:向日葵,135_4855_4328, xiexiaokui#qq.com 时间:第一天下午案例1:矢量提取,栅格提取和坐标系投影变换目的:认识数据类型教程: ...
零元学Expression Blend 4 ndash; Chapter 21 以实作案例学习MouseDragElementBehavior
原文:零元学Expression Blend 4 – Chapter 21 以实作案例学习MouseDragElementBehavior 本章将教大家如何运用Blend 4内建的行为注入元件「Mou ...
ArcGIS案例学习笔记-找出最近距离的垂线
ArcGIS案例学习笔记-找出最近距离的垂线联系方式:谢老师,135-4855-4328,xiexiaokui@qq.com 目的:对于任意矢量要素类,查找最近距离并做图数据: 方法: 0. 计算 ...
Vue学习小案例--分页组件封装
文章目录 Vue学习小案例--分页组件封装修改成Vue(使用组件) Vue学习小案例–分页组件封装 index.html <!DOCTYPE html> <html lang=&q ...
ArcGIS案例学习笔记2_2_等高线生成DEM和三维景观动画
ArcGIS案例学习笔记2_2_等高线生成DEM和三维景观动画计划时间:第二天下午教程:Pdf/405 数据:ch9/ex3 方法: 1. 创建DEM SA工具箱/插值分析/地形转栅格 2. 生成 ...
案例学习BlazeDS+Spring之一(
BlazeDS4的一个亮点就是与Spring的集成,这大大简化了与FLASH与JEE的集成开发.通过理解BlazeDS4附带的那些精湛的小DEMO,可以很快速的掌握这门技术.虽然案例学习这种方式不太利 ...
《大数据导论》一1.4　案例学习背景
本节书摘来自华章出版社<大数据导论>一书中的第1章,第1.4节,作者托马斯·埃尔(Thomas Erl),瓦吉德·哈塔克(Wajid Khattak),保罗·布勒(Paul Buhler) ...

qml学习--Rectangle案例学习

qml代码

qml学习--Rectangle案例学习相关推荐

最新文章

热门文章