PathView的属性怎么用

本篇内容主要讲解“PathView的属性怎么用”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“PathView的属性怎么用”吧!

1. PathView的基本用途

PathView可以显示内置的QML类型(如ListModel和XmlListModel)或继承自QAbstractListModel的c++定义的自定义模型类中创建的模型的数据。 视图有一个模型Model，它定义要显示的数据，还有一个委托(Delegate)，它定义数据应该如何显示。为路径上的每个项实例化委托。这些实例就可以沿着路径移动。

2. PathView的常用属性

PathView中属性path的值为Path项，Quick本身内置了几种Path用于PathView的属性填充，一个路径由一个或多个路径段组成，沿着Path的项的间距可以通过PathPercent对象进行调整。PathAttribute允许沿着路径定义带有值的命名属性。 Path和指定路径元素的其他类型在PathView和Shape之间共享。Path本身是非可视类型，如果需要自定义Path则需要使用Shape

2.1 PathView中几种内置的Path对象

• PathLine：一条到给定位置的直线,一般用在线性路径上

• PathQuad：具有单个控制点的到给定位置的二次贝塞尔曲线

• PathCubic：具有两个控制点的到给定位置的贝塞尔曲线

• PathArc：有半径到给定位置的圆弧

• PathAngleArc：通过半径和角度指定的圆弧

• PathAttribute：定义路径中给定位置的属性

• PathPercent：PathPercent允许你操纵PathView路径上项目之间的间距。可以使用它将项目集中在路径的一部分上，并将它们分散在路径的其他部分上(主要用在项在路径上的非均匀分布)

2.2 关于PathAttrtube

PathAttribute对象允许为路径上的各个点指定由名称和值组成的属性。这些属性作为附加属性公开给委托,从而实现在委托中对属性的更改而显示出和属性绑定的动态效果。假设有如下属性定义

//定义一组属性
PathAttrtube{
    name:"xxProperty";
    value:0.5;
}
//定义另一组属性
PathAttrtube{
    name:"yyProperty";
    value:false;
}

2.3 PathView的delegate

查看Qt帮助手册可知，delegate属性的值为Component,意味着我们可以自己定义关于View的代理，delegate的主要目标是提供一个在路径上的对于模型数据的展示框架。有如下示例

PathView{
    id:myPath
    //自定义代理
    delegate:Component{

    }
}

2.4 PathView的Model

此属性保存为视图提供数据的模型。模型提供了一组用于为视图创建项的数据。对于大型或动态数据集，模型通常由c++模型对象提供。还可以使用ListModel类型直接在QML中创建模型,对于简单数据，使用ListModel是最常用的，示例如下

PathView{
    id:myPath
    model:ListModel{

    }
}

2.4.1 ListModel中的ListElement

ListModel可以理解为一个容器，而ListElement就是这个容器中的项，一个容器中可以定义很多项，对于ListElement列表元素的定义与其他QML元素类似，只是它们包含角色定义的集合而不是属性。使用与属性定义相同的语法，角色既定义如何访问数据，又包括数据本身。用于角色的名称必须以小写字母开头，并且对于给定模型中的所有元素都应该是通用的。值必须是简单的常量;或字符串。从Qt 5.11开始，ListElement还允许将函数声明分配给角色。这意味着可以在元素中发生函数调用的动作。ListElement中定义的角色同样地对于代理是开放的。示例如下

PathView{
    id:myPath
    model:ListModel{
        //一号元素
        ListElement{
            xxProperty:"";
            yyProperty:false;
        }    
    }
}

2.5 PathView的highlight属性

此属性保存要用作高亮显示的组件。将为每个视图创建一个突出显示组件的实例。结果组件实例的几何形状将由视图管理，以便与当前项保持一致。onPath附加属性，以确保在从路径上弹开时高亮显示是隐藏的

到此，相信大家对“PathView的属性怎么用”有了更深的了解，不妨来实际操作一番吧！这里是亿速云网站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！