免费外贸建站平台,线下推广的好处,制作小视频,怎么登录已注册的网站Rectangle 用于绘制矩形
常见的属性#xff1a; 填充颜色#xff1a;纯色#xff1a;color 渐变 #xff1a;Gradient类 渐变的优先级大于纯色Gradient#xff08;渐变色#xff09;#xff1a; 渐变由多种颜色定义#xff0c;这些颜色将无缝混合#xff0c…Rectangle 用于绘制矩形
常见的属性 填充颜色纯色color 渐变 Gradient类 渐变的优先级大于纯色Gradient渐变色 渐变由多种颜色定义这些颜色将无缝混合没有任何渐变停止点的渐变呈现为纯白色填充。 注意使用时需要使用在支持使用渐变的可视项 渐变色的格式 gradient: Gradient { //以垂直方向添加颜色GradientStop { position: 0.0; color: red }GradientStop { position: 0.33; color: yellow }GradientStop { position: 1.0; color: green }}
position的取值范围为0.0—1.0主窗口中添加以下代码
Rectangle{id:rect1 //标识符x:100y:100 //位置(x,y)width:100height: 100 //宽高100color:red//颜色为red}Rectangle{id:rect2x:250y:100width: 100height: 100gradient: Gradient{GradientStop{position: 0.0;color:red}GradientStop{position: 0.25;color: black}GradientStop{position: 0.75;color: teal}GradientStop{position: 1.0;color: yellow}}}Rectangle{id:rect3x:400y:100width: 100height: 100gradient: Gradient{GradientStop{position: 0.0;color:red}GradientStop{position: 0.25;color: black}GradientStop{position: 0.75;color: teal}GradientStop{position: 1.0;color: yellow}}color:red//颜色为red}rect1纯色 rect2渐变色 rect3: 渐变色 渐变的优先级大于纯色 绘制圆角radius绘制透明opacity 0.0-1.0缩放scaleRectangle{id:rect1 //标识符x:100y:100 //位置(x,y)width:100height: 100 //宽高100color:red//颜色为redradius: 10 //圆角opacity: 0.5//透明scale: 2 //缩放} 添加图片 Image{ source: 资源位置 } 需要在资源文件中添加图片 Rectangle{id:rect1 //标识符x:100y:100 //位置(x,y)width:100height: 100 //宽高100color: redImage{x:10y:10width: 50height: 50source: image/4ebac292b2a996a767ccf7977c42b241.jpg}}} 添加文字 Text{ ....... text内容 } Rectangle{id:rect1 //标识符x:100y:100 //位置(x,y)width:100height: 100 //宽高100color: redText {id:textcolor: greenfont.pointSize: 20text: qsTr(text)}}
