1 简述

矩形（Rectangle）通常用作组件背景，支持设置纯色背景或渐变背景，还支持边框颜色和宽度设置；通过radius属性还可设置圆角。类比Ps的矩形属性。日常用法如下：

Rectangle和Text、MouseArea组合实现一个按钮。
容器背景
分隔线

2 用法示例

2.1按钮实例

Rectangle {antialiasing : true //开启抗锯齿border.color : "red"border.width : 1color : "white"radius : height/2Text{anchors.centerIn: parenttext: "保存"color:"red"}
}

2.2 渐变矩形

Rectangle {radius:5gradient: Gradient {GradientStop { position: 0.0; color: "#009bff" }GradientStop { position: 1.0; color: "#0afefe" }}
}

要使用支持方向控制的渐变，请查看线性渐变LinearGradient

3.属性

属性	类型	介绍
antialiasing	bool	抗锯齿开关，默认使用圆角默认开，反之关。因性能考虑
border.color	color	边框色（描边）
border.width	int	边框宽度
color	color	背景色（填充），默认白色
radius	real	圆角半径，默认为0
gradient	any	渐变

QML Rectangle矩形相关推荐

QML Shape实现任意圆角Rectangle矩形
前言 QML中有时候需要实现一些特殊定制化页面,比如不同的圆角矩形,如果直接用Rectangle控件定义radius圆角属性,会将四个角统一设置成一样的圆角,但是如果仅仅只想实现两个圆角效果,另外两个 ...
java创建Shape类，求子类circle，圆形rectangle矩形，rhombus菱形的周长和面积
测试类:主要实现创建新对象,并初始化,然后输出结果. package lesson2; public class Demo1 { public static void main(String[] ar ...
qml Rectangle组件透明设置
Rectangle组件颜色设置由 color决定,可通过以下方式设置: color:"red" color:"#ff0000" Qt.darker(" ...
qml 矩形 rectangle
qml 矩形 rectangle 基础代码效果图代码1 代码2 border的另一种写法渐变色效果图代码渐变色库资源使用效果图代码 antialiasingc(图形保真)属性效果图 ...
QML基础以及Qt Quick应用
QML基础以及Qt Quick应用一 QML文档构成 1．import部分 2．对象声明 3．属性别名二 QML可视元素 1.Rectangle 2.Image 3.Text 4.自定义元素(组件 ...
2. QML使用View3D控件显示三维模型
1. View3D介绍 View3D控件和QML中其它控件类似,只是在其中可以显示三维模型,类似在界面中创建一个场景,所有的模型将在这个场景中被加载出来. 效果展示: View3D三维模型加载 1.1 ...
-shape 填充圆角矩形圆形环形
属性使用中可能出现的问题: 如果在某些手机中使用 shape 出现黑色填充背景,设置<solid android:color="@color/transparent"/&g ...
3.QML布局和输入元素
一.布局 QML提供了一种使用锚点布局元素的方法,可用于所有可视QML元素. 元素具有6条主要锚线(top.bottom.left.right.horizontalCenter.verticalCen ...
[YTU]_2536( C++ 长方体继承自矩形)
题目描述如下的代码中,定义了Rectangle矩形类,在此基础上定义Bulk立方体派生类,请在(1)-(6)处填上需要的代码,使程序输出指定长.宽.高的立方体的体积. #include <io ...
QML工作笔记-文本输入设置长度以及回显方式（TextInput与TextField通用）
目录基本概念代码及演示基本概念这是一个很常用到的功能,特意记录下: 一般输入框会用到2个,一个是TextInput一个是TextField. 因为TextInput加Rectangle如果太长 ...

QML Rectangle矩形

1 简述

2 用法示例

2.1按钮实例

2.2 渐变矩形

3.属性

QML Rectangle矩形相关推荐

最新文章

热门文章