QML 自定义 TabBar：横向滚动与阅读进度

目录演示效果横向滚动标签——演示代码代码说明阅读进度标签——演示代码代码说明两个方案怎么选工程下载演示效果标签工具栏还能做出一些新的花样，不必拘泥于原生的矩形样式，还能够做出一些特殊的效果。这篇用两个例子介绍2个例子：一个示例展示滚动入场、能左右滑动操作，用于模拟动态头像应用；另一个示例做出阅读进度跟随的效果，可以在标签栏中反馈内容滚动进度。横向滚动标签：阅读进度标签：横向滚动标签——演示代码下面是演示代码，完整工程文件在文章结尾的下载链接。import QtQuick import QtQuick.Layouts FadeInAnimation { id: page // 当前选中的头像，内容区跟着它联动 property int cur: 0 ColumnLayout { anchors.fill: parent anchors.margins: 20 spacing: 15 TitleSeparator { title: "横向滚动标签"