Flickable + Flow

末蓝、 2022-05-25 12:10 367阅读 0赞

滑动鼠标移动显示不定长内容

  1. import QtQuick 2.3
  2. import QtQuick.Window 2.0
  3. import QtQuick.Controls 1.2
  4. Window {
  5. id: container
  6. width: 300
  7. height: 150
  8. visible: true
  9. Flickable {
  10. id: flick
  11. anchors.fill: parent
  12. contentHeight: flow.height // grows according to the size of the Flow
  13. Flow {
  14. id: flow
  15. width: container.width
  16. spacing: 10
  17. Text { text: "Item 01"; font.pixelSize: 40 }
  18. Text { text: "Item 02"; font.pixelSize: 40 }
  19. Text { text: "Item 03"; font.pixelSize: 40 }
  20. Text { text: "Item 04"; font.pixelSize: 40 }
  21. Text { text: "Item 05"; font.pixelSize: 40 }
  22. Text { text: "Item 06"; font.pixelSize: 40 }
  23. Text { text: "Item 07"; font.pixelSize: 40 }
  24. Text { text: "Item 08"; font.pixelSize: 40 }
  25. Text { text: "Item 09"; font.pixelSize: 40 }
  26. Text { text: "Item 10"; font.pixelSize: 40 }
  27. Text { text: "Item 11"; font.pixelSize: 40 }
  28. Text { text: "Item 12"; font.pixelSize: 40 }
  29. Text { text: "Item 13"; font.pixelSize: 40 }
  30. }
  31. }
  32. }

发表评论

表情:
评论列表 (有 0 条评论,367人围观)

还没有评论,来说两句吧...

相关阅读

    相关 Flickable滑动窗口

    Flickable滑动窗口 在Qt QML中,Flickable是一个非常常用的元素,它可以实现一个可滚动的窗口,其中子组件可以随着手指的移动而上下滚动。本文将介绍如何使用F

    相关 Git Flow

    一、引入背景         在使用Git的过程中如果没有清晰流程和规划,否则,每个人都提交一堆杂乱无章的commit,项目很快就会变得难以协调和维护。Git版本管理同样需要

    相关 Spring Web Flow

    开始之前 关于本教程 本教程通过一个简化的购物车应用,介绍了如何使用 Spring Web Flow 2.0 来构建 Web 应用程序。本教程以讲解实例为主,为了读

    相关 认识 Flow

    [Flow][] 是 facebook 出品的 JavaScript 静态类型检查工具。Vue.js 的源码利用了 Flow 做了静态类型检查,所以了解 Flow 有助于我们阅

    相关 git flow命令

    git flow是一个git的扩展集。Git flow 可以工作在 OSX, Linux 和 Windows之下。 本文主要列举一些常用的git flow命令。以及git