本篇内容主要讲解“PathLine怎么应用”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“PathLine怎么应用”吧!
PathLine是所有路径曲线中最简单的路径曲线，主要用于创建两点之间的路径，其中startX,startY属性决定了曲线路径的起点
PathLine的属性较为简单，只有x，y属性与relativeX和relativeY属性
x:定义线段终点的x坐标的绝对位置(相对于坐标原点，而非起点)
y:定义线段终点的y坐标的绝对位置(相对于坐标原点，而非起点)
relativeX:定义终点x坐标相对于起点的距离
relativeY:定义终点y坐标相对于起点的位置
- [注意]当PathLine中同时定义了两种坐标时，优先会使用相对位置
计算
安全
数据库
网络和加速
企业服务
import QtQuick 2.12
import QtQuick.Window 2.12
Window {
visible: true
width: 640
height: 300
flags: "FramelessWindowHint" //去掉窗口标题栏
PathView{
//定义PathView的model属性，使用ListModel
model: ListModel{
id:list
ListElement {
//以下是元素的角色定义而不是属性定义
name: "Apple"
icon:"qrc:/images/appale.png"
cost: 2.45
}
ListElement {
name: "Orange"
icon:"qrc:/images/banana.png"
cost: 3.25
}
ListElement {
name: "Banana"
icon:"qrc:/images/orange.png"
cost: 1.95
}
ListElement{
name:"Peach"
icon:"qrc:/images/peach.png"
cost:2.3
}
ListElement{
name:"Pear"
icon:"qrc:/images/pear.png"
cost:1.9
}
}
//定义PathView的代理，从而确定Element的显示方式
delegate: Component{
//显示方式使用上Image下Text的方式
Image{
id:img
width: 64
height: 64
source:icon
scale: PathView.imgScale //根据路径上特定点的属性，修改Image的scale属性
opacity: PathView.imgOpacity
Text {
id: txt
anchors.topMargin: 20
anchors.top:img.bottom
anchors.verticalCenter: verticalAlignment
text: name
}
}
}
//定义Path,可以理解为是多个段组成了Path，使用PathAttribute来设置各个路径点上的属性值
path:Path {
startX: 150; startY: 140
PathAttribute{name:"imgOpacity";value:0.1}
PathAttribute{name:"imgScale";value:0.5}
PathLine { x:300; y: 140 }
PathAttribute{name:"imgOpacity";value:1.0}
PathAttribute{name:"imgScale";value:1.0}
PathLine { x:450; y: 140 }
PathAttribute{name:"imgOpacity";value:0.1}
PathAttribute{name:"imgScale";value:0.5}
}
}
}到此，相信大家对“PathLine怎么应用”有了更深的了解，不妨来实际操作一番吧！这里是亿速云网站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！
亿速云「云服务器」，即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘，价格低至29元/月。点击查看>>
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
原文链接：https://blog.51cto.com/u_13030942/5719757
