QML学习之基本元素Rectangle, Text, Button,Image介绍
Rectangle{width: 640height: 480color:"green"border.color: "red"border.width: 2radius: 12gradient: Gradient{GradientStop{position: 0.0color: "red"}GradientStop{position: 0.50color: "green"}GradientStop{position: 1.0color: "blue"}}
}
import QtQuick 2.3
import QtQuick.Controls 1.2
Rectangle{width: 640height: 480color :"green"Text{id:normalwidth: 150height: 100wrapMode: Text.WordWrapfont.bold: truefont.pixelSize: 24font.underline: truetext: "Hello Blue <font color=\"red\">Text</font>"anchors.centerIn: parent}Text{id:outlineanchors.left: normal.leftanchors.top: normal.bottomanchors.topMargin: 4font.pixelSize: 24text: "A Test Tool!"style: Text.OutlinestyleColor: "red"}
}
import QtQuick 2.3
import QtQuick.Controls 1.2
import QtQuick.Controls.Styles 1.4
Rectangle{width: 640height: 480//color :"green"Button{text:"Pressed"anchors.centerIn: parentstyle: ButtonStyle{background: Rectangle{implicitWidth: 80implicitHeight: 60border.width: control.press?4:2border.color: (control.hovered||control.pressed)?"blue":"green"}}onClicked: {console.log("The button is pressed!")}
}
}
Rectangle{width: 640height: 480 //color :"green"Component{id: btnStyle ButtonStyle{background: Rectangle{implicitWidth: 80implicitHeight: 60 border.width: control.press?4:2border.color: (control.hovered||control.pressed)?"blue":"green"}}} Button{text:"pressed"anchors.centerIn: parentstyle: btnStyle onClicked: {console.log("The button is pressed!") }}
}
QML学习之基本元素Rectangle, Text, Button,Image介绍相关推荐
- qml学习文档-转载
importQtQuick1.0 /* 3.基本元素的介绍 基本可视化项 Item基本的项元素在QML中所有可视化的向都继承他 Rectangle基本的可视化矩形元素 Gradient定义一个两种颜色 ...
- qml学习笔记(二):可视化元素基类Item详解(上半场anchors等等)
原博主博客地址:http://blog.csdn.net/qq21497936 本文章博客地址:http://blog.csdn.net/qq21497936/article/details/7851 ...
- Qt Quick QMl学习笔记 之图片浏览器
Qt Quick模块是编写QML应用程序的标准库.虽然Qt QML模块提供QML引擎和语言基础结构,但Qt Quick模块提供了使用QML创建用户界面所需的所有基本类型.它提供了一个可视画布,包括用于 ...
- Qml学习笔记:cpp与qml的交互调用方式
Qml学习笔记:cpp与qml的交互调用方式 如何用在cpp中调用qml的方法 main.qml main.cpp 如何在qml中调用C++的方法函数 main.cpp main.qml 如何使用qm ...
- QML学习之QML常用的元素和属性
QML常用的控件和属性 Item Rectangle text image MouseArea Component组件 简单变换 Item 元素可以分为可视元素和不可视元素Item是所有视觉元素的基础 ...
- 【QML学习 01】 SystemTrayIcon 状态栏图标
QML SystemTrayIcon (状态栏图标) 系列QML学习笔记 参考:https://blog.csdn.net/qq_28171461/article/details/88797900 通 ...
- iOS SwiftUI篇-2 UI控件 Text Button Image List
iOS SwiftUI篇-2 UI控件 Text Button Image List Text 显示文本,相当于UILabel import SwiftUIstruct TextContentView ...
- QML学习 QML文件当做组件使用
QML学习:QML文件当做组件使用 本文博客链接:http://blog.csdn.net/jdh99,作者:jdh,转载请注明. 参考文档<<Qt及Qt Quick开发实战精解.pdf& ...
- Query框架学习第九天:jQuery工具函数介绍与使用
j jQuery框架学习第一天:开始认识jQuery jQuery框架学习第二天:jQuery中万能的选择器 jQuery框架学习第三天:如何管理jQuery包装集 jQuery框架学习第四天:使用j ...
- jQuery框架学习第九天:jQuery工具函数介绍与使用
jQuery框架学习第一天:开始认识jQuery jQuery框架学习第二天:jQuery中万能的选择器 jQuery框架学习第三天:如何管理jQuery包装集 jQuery框架学习第四天:使用jQu ...
最新文章
- asp.net2.0学习历程 菜鸟到中级程序员的飞跃【月儿原创】
- Linux(一) 概述 、 系统安装与分区
- 4.云计算和大数据时代网络揭秘-安全的网络通道-网络加密
- 阅读众包文献中一些值得mark 的小收获
- 拷贝构造函数、析构函数、赋值操作符重载、取地址操作符重载和const修饰的取地址操作符重载...
- python键_Python键盘按键模拟
- 三维重建_基于RGB-D相机的三维重建总览(静态动态)
- 威纶通触摸屏与仪表通讯_【智】威纶通触摸屏与两台变频器Modbus RTU通讯案例详解...
- Phase2 Day10 Tree3Set
- 广告视频投放展示平台 springboot+vue
- 接口返回的是一个图片文件而不是url 前端如何显示?
- 手机连上蓝牙耳机没有声音
- 初探Freebase和Wikidata的转换
- 英语的计算机软件如何拼写,软的英文单词
- 工具传送门(持续更新)
- wx微信小程序实现通讯录
- 一节课精通Emmet编写开发工具-姜威-专题视频课程
- 使用Advanced Installer为LabVIEW应用(exe)制作升级更新程序(updater)
- Windows Server 2016远程桌面服务配置方法
- Python测算女朋友还完花呗多久后吃土
热门文章
- javaScript原生版购物车:全选、单选、全删、商品数量增减、计算总价、添加商品(代码)
- mongodb之快速入门
- 腾讯云服务器漏洞怎么修复,腾讯云安全中心监测到微软披露的99个漏洞,win系统云服务器用户尽快修复...
- 终于有一款视频社交应用打破微信的榜首垄断了,Faceu再登Appstore总榜第一
- Protected Process Light(PPL)微软系统进程保护机制
- 基于java SSM的仿哔哩哔哩视频分享系统
- 使用scapy 构造一个 特定Ether dmac 的报文
- vlan协议中ISL与Dot1Q区别
- deeptools | bam to BigWig, 并使用IGV可视化峰图差异
- 基础运维神器:开源的裸金属服务器管理平台RackShift