前言
学习自:B站【英文字幕】Qt quick(QML)技术解读 入门到熟练
初学qml,新建qml文件后,首先学习一下基本矩形Rectangles的常用元素和性质
使用可选边框绘制填充矩形
过程
首先命名id(不要与其他重名)
Rectangle{
id:blueRec
}
颜色color,宽度width,高度height
color: "red"
width: 64
height: 64
渐变色gradient(从上到下)
gradient: Gradient{
GradientStop{position:0.0;color:"lightsteelblue"}
GradientStop{position: 1.0;color: "blue"}
}
矩形旋转rotation(渐变从右到左)
rotation: 90
gradient: Gradient{
GradientStop{position:0.0;color:"lightsteelblue"}
GradientStop{position: 1.0;color: "blue"}
}
边框颜色和宽度
border.color: "#000000"
border.width: 7
圆形角半径
radius: 20
圆形角默认抗锯齿,没有圆形角时,默认不抗锯齿,移动时不要抗锯齿
手动改为不抗锯齿时
antialiasing: false
锚位置在窗口居中
anchors.centerIn: parent