QML PathView 路径视图

作者： 一去、二三里
个人微信号： iwaleon
微信公众号： 高效程序员

PathView 是 QML 中一个功能强大、极其灵活的组件。它允许我们基于路径 Path 创建动态且多样化的视图效果，这条路径可以是直线、曲线，甚至是任意复杂的形状。有关 Path 的详细用法，具体可参考《QML Path 路径》。

相比其他视图组件，PathView 稍显复杂。除了设置 model 和 delegate 外，还需要指定一个关键属性 - path，即上述提到的路径。这是 PathView 特有的属性，直接影响了委托项在界面上的位置和动画效果。通过合理设置 path，我们可以让委托项沿着指定的路径移动，从而创造出生动有趣的界面效果，比如圆形导航、时间轴等。

完整的思维导图如下：

基本用法

在正式使用 PathView 之前，我们先来创建一个 model，这将在之后的所有示例中用到。

为了简单起见，依然沿用之前的联系人信息（ContactModel.qml），让其充当模型数据：