QML中ScrollView的滚动条

最新推荐文章于 2024-04-09 16:39:34 发布
最新推荐文章于 2024-04-09 16:39:34 发布
阅读量4.1k 收藏 8
点赞数 2
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42073232/article/details/108758595
版权

QML中的ScrollView继承自Pane,而Pane中由于其Content Sizing属性,当只有一个元素的时候;就会自动再调节( resize)这个单独元素的大小,使这个单独的元素适应ScrollView的大小;从而导致ScrollView的滚动条因为没有边界超出而没有必要滑动;或者直接是导致滚动条不出现;类似于QScrollArea的WidgetResizeable属性;但是ScrollView的这个属性没法关闭;
而当Pane中有不少于1个元素的时候,这个Content Sizing属性就失效;
而且此时需要显示指明contentWidth:real
contentHeight:real两个属性值来告诉Pane内部内容区域的大小;以此来调整滚动条的大小和位置;另外 ScrollBar.horizontal.policy: ScrollBar.AlwaysOn
ScrollBar.vertical.policy: ScrollBar.AlwaysOn
两个属性可以调节滚动条是否一直出现

吃西瓜蘸辣酱
关注
  • 2
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
qml的ScrollView如何正确监听滚动条滚动
lazydz的专栏
02-21 237
qt帮助文档，以及网上，以及AI目前都没有这个知识点的介绍，通过九牛二虎之力摸索出来的方法，ScrollBar.horizontal.onPositionChanged事件监听，children[2]获取到水平滚动条，进而获取到position，直接用position会报错。
QmlTextEdit带滚动条QmlTextEditScrollBar.7z
07-20
QmlTextEdit带滚动条QmlTextEditScrollBar.7z
ScrollView自动滚动到某个位置
huangmaoshi的博客
04-19 4980
ScrollView自动滚动到某个位置 mport Material 0.1   import QtQuick 2.4   import QtQuick.Layouts 1.2   import QtQuick.Controls 1.4   import QtQuick.Controls.Styles 1.4      Window {       width: 530  
QML之ScrollView滚动条
LC900730的博客
09-01 1万+
ScrollView滚动条ApplicationWindow{ visible: true height: 300; width: 530; ScrollView{ id:scroll width: 530 height: 300 Rectangle{ id: rect
qml入门教程(22):qml ScrollView用法介绍
琅嬛福地
12-14 738
ScrollView是一个容器类型，它可以用来创建可以滚动的视图，使得它内部的内容可以滚动。在Qt Quick/QML中，并没有一个直接对应于Qt Widgets中的QScrollArea的组件。这个例子是基于Qt Quick Controls 2编写的，你可以在Qt 5.7或更高版本中运行它。如果你使用的是更旧的版本，可能需要调整导入语句或组件的用法。的高度时，你可以通过滚动来查看它们。在这个例子中，我们使用了一个垂直的。以下是一个简单的例子，演示如何在QML中使用。，我们创建了一系列的这样的。
QML TextEdit 实现滑动查看(类似滚动条)
01-03
Window { visible: true width: 640 height: 480 title: qsTr(Hello World) Rectangle{ id:rectangle anchors.fill: parent TextEdit { id: textEdit text: AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
SCrollView自动滚动视图
10-10
学习SCrollView整的小东西,实现循环翻页效果。利用停表加了自动滚动的效果。
QML ScrollView类
weixin_42948436的博客
05-29 3066
导入 import QtQuick.Controls 2.1 继承 Pane Properties contentChildren : list< Item> contentData : list< Object> 细节描述 ScrollView { width: 200 height: 200 Label { text: "ABC" font.pixelSize: 224 } } ...
Qt5 Qml 界面开发(二)
09-14
详细讲解Qt Quick Controls 2组件、Qml数据展示及Canvas画布。从实战案例出发讲解HMI屏及桌面软件界面开发。
QML控件类型：Pane、Frame、Page、ScrollView、ToolBar
友善啊，朋友的博客
05-31 4000
Pane 一、描述 继承自Control。窗格提供与应用程序样式和主题相匹配的背景颜色。 声明为 Pane 子项的项自动成为 Pane 的 contentItem 的父项。动态创建的项目需要明确地作为 contentItem 的父级。 二、内容大小 如果在 Pane 中仅使用单个子项，它将调整大小以适应其所包含项目的隐式大小。这使得它特别适合与布局一起使用。 Pane { ColumnLayout { anchors.fill: parent Che..
qt qml如何设置可滚动区域
weixin_42009376的博客
08-24 941
在上面的示例中，我们创建了一个`ScrollView`组件，并设置其宽度和高度为200。然后，我们在`ScrollView`中添加了一个`Rectangle`组件，其宽度和高度都为400，并设置其颜色为"lightblue"。由于`Rectangle`的宽度和高度大于`ScrollView`的宽度和高度，所以`ScrollView`会自动显示滚动条，以便你可以滚动查看`Rectangle`的内容。你可以根据需要调整`ScrollView`和其内部组件的宽度和高度，以适应你的应用程序的要求。
qml 实现gridview带滚动条和翻页
06-21
qml 实现gridview带滚动条和翻页，通过滚动可以实现页数变化，通过点击页数或翻页键可以实现滚动条变化
qml ScrollView使用Canvas作为内容视图
lazydz的专栏
12-12 231
【代码】qml ScrollView使用Canvas作为内容视图。
qml 滚动控件Scroll ScrollBar ScrollIndicator ScrollView
qq_33373173的博客
11-18 4799
import QtQuick.Layouts 1.3 交互式滚动条ScrollBar 交互式即与操作有互动。次控件用于滚动到特定位置 属性 active : bool，保存滚动条是否处于活跃状态 horizontal : bool，保存滚动条是否为水平 interactive : bool，保存滚动条是否为交互式。默认值为true minimumSize : real，保存滚动条的最小大小 orientation : enumeration，保存滚动条的方向 policy : enumeration，.
qml踩坑系列——Scrollview和mouseArea冲突
qq_43287763的博客
12-06 775
滚动区域不能滚动，鼠标事件不能和滚动区域一起使用，MouseArea,ScrollView
QML QtQuick.Controls 2 ScrollBar滚动条样式自定义
龚建波
10-03 6130
版本：Qt5.12.5 ，参考Qt源码及文档示例 代码链接：https://github.com/gongjianbo/QmlComponentStyle.git 自定义样式与默认样式的对比： （2020-2-6补充）有些组件可能由于默认设置的问题，滚动条的显示不对，拿ListView为例，可能横项的滚动条不出现，我们需要加上类似这样的代码修改默认设置： //竖向...
QML中ScrollView的自动滚动
热门推荐
Shado_walker的专栏
04-18 1万+
在用到QML中的ScrollView时，我们常常会需要让滚动条自动滚动到某个位置，使得某些信息滚动到可视化区域，就可以用下面的方法让其滚动： import Material 0.1 import QtQuick 2.4 import QtQuick.Layouts 1.2 import QtQuick.Controls 1.4 import QtQuick.Controls.Styles 1.4
【QML】Flickable与ScrollView，滚动，滑动
最新发布
-凌凌漆-的博客
04-09 424
滑动界面，用于触屏设备。
在qml中使用ScrollView、StackView、SwipeView
zjc156m的专栏
11-11 653
参考 https://doc.qt.io/qt-6/qtquick-controls2-qmlmodule.html。关于在qml中使用ScrollView、StackView、SwipeView，
qml中ScrollView实现上下滚动条
05-25
在 QML 中，可以使用 `ScrollView` 组件来实现带有上下滚动条的视图。以下是一个简单的示例： ```qml import QtQuick 2.0 import QtQuick.Controls 2.0 ApplicationWindow { visible: true width: 200 height: 300 ScrollView { id: scrollView anchors.fill: parent Column { spacing: 10 // 添加一些文本 Repeater { model: 20 Text { text: "Item " + (index + 1) font.pixelSize: 16 } } } // 添加上下滚动条 ScrollBar.vertical: ScrollBar {} } } ``` 在上述代码中，我们创建了一个 `ScrollView` 组件，其中包含一个 `Column` 布局来垂直排列一些文本。为了添加上下滚动条，我们还必须将 `ScrollBar.vertical` 属性设置为一个 `ScrollBar` 组件。 当需要在水平方向上滚动时，可以将 `ScrollBar.horizontal` 属性设置为 `ScrollBar` 组件。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值