qml ScrollView在自定义滚动条后仍会显示一个旧的没用的滚动条的一个解决办法

已于 2024-07-26 11:46:52 修改
阅读量554 收藏 4
点赞数 8
分类专栏： 报错解决 qml 文章标签： qt5
于 2024-04-17 17:34:48 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_41634188/article/details/137881400
版权
本文指导如何在Qt5.15.2工程中修改ScrollView组件，移除默认滚动条并自定义滚动条。遇到TypeError时，需备份源文件并临时设置滚动条属性。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

在qtquick2的ScrollView中自定义了滚动条后原本的滚动条仍在显示并且为关联
问题如图
可能会有更简便的办法，但尚未发现，我的办法如下：
去找安装目录下Qt\5.15.2\mingw81_64\qml\QtQuick\Controls.2（mingw81_64是我工程用到的kits名，需要找到你工程下用到的kits目录）找到ScrollView.qml，把原本的滚动条先注释掉，然后工程其他用到qtquick2的ScrollView的地方若使用默认滚动条都加上自定义上滚动条
此次的案例代码可去此链接复制
qml QtQuick2 ScrollView代码控制ScrollView滚动、ScrollView自动滚动
我自定义了纵向滚动条所以注释了vertical的，若需要去掉横向的原滚动条需要注释horizental的。单独注释其中一个方向会报错TypeError: Cannot read property ‘active’ of null，可以先临时按需要给它改成true或者false。以上操作建议先把源文件备份
我自定义了纵向滚动条所以注释了vertical的，若需要去掉横向的需要注释horizental的

QML之自定义滚动条
草上爬的博客
11-11 8171
Scrolbar.qml import QtQuick 2.7 import QtQuick.Controls 2.0 // 滚动条 Rectangle { id: scrollbar; opacity: 0 // 绑定到ListView组件 property ListView target : ListView{} width: 15; hei...
qml实现滚动条
cqltbe131421的博客
05-11 3960
Scrolbar.qml import QtQuick 2.7 import QtQuick.Controls 2.0 // 滚动条 Rectangle { id: scrollbar; opacity: 0 // 绑定到ListView组件 property ListView target : ListView{} width: 15; height
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 QtQuick2 ScrollView代码控制ScrollView滚动、ScrollView自动滚动
qq_41634188的博客
04-15 1511
此文章讲了QtQuick2的ScrollView如何代码控制其滚动
QML之ScrollView（滚动视图）
最新发布
深之JohnChen的专栏
04-12 911
qml// 自定义滚动条样式height: 10width: 10。
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中ScrollView的滚动条
weixin_42073232的博客
09-23 4546
QML中的ScrollView继承自Pane,而Pane中由于其Content Sizing属性,当只有一个元素的时候;就会自动再调节( resize)这个单独元素的大小,使这个单独的元素适应ScrollView的大小;从而导致ScrollView的滚动条因为没有边界超出而没有必要滑动;或者直接是导致滚动条不出现;类似于QScrollArea的WidgetResizeable属性;但是ScrollView的这个属性没法关闭; 而当Pane中有不少于1个元素的时候,这个Content Sizing属性就失效;
qml的ScrollView如何正确监听滚动条滚动
lazydz的专栏
02-21 582
qt帮助文档，以及网上，以及AI目前都没有这个知识点的介绍，通过九牛二虎之力摸索出来的方法，ScrollBar.horizontal.onPositionChanged事件监听，children[2]获取到水平滚动条，进而获取到position，直接用position会报错。
QmlTextEdit带滚动条QmlTextEditScrollBar.7z
07-20
这个`QmlTextEditScrollBar`可能是一个自定义实现，它为`QmlTextEdit`添加了滚动条功能，因为默认的`QmlTextEdit`在文本内容过多时可能不会自动显示滚动条。在Qt Quick中，滚动条通常是通过`Flickable`或`ScrollView...
QML ScrollView 实现自动滚动到底部
weixin_43808708的博客
08-22 933
先看效果,每当有新的日志,会自动添加到Text中,主要实现了ScrollView自动滑动到底部,显示最新的日志。
qml: 自定义滚动条；
weixin_30797027的博客
07-16 421
注： 该博文为原创博文，转载请注明，摘用请随意； qml自带的滚动条不太好用； 首先，利用canvas绘制滚动条两端的箭头: import QtQuick 2.0 Canvas { width: 20; height: 20; property real dir: 0; //0: up; 1: right; 2...
运用ScrollView来显示ScrollBar并配合键盘方向键来滚动
Elastic 中国社区官方博客
03-15 2215
当我们的视窗不能完全显示一个大的显示区域的时候，我们希望能够使用ScrollBar来方便地移动我们的视窗并展示不同部分的内容．对于触屏的设备来说，我们可以在我们的设计中加入Flickable来通过触碰的操作来完成我们视窗的移动．但是对于我们没有触碰的设备来说，我们智能通过ScrollBar或一些方向的热键来移动我们的视窗的位置．在今天的例程中，我们来使用Ubuntu SDK中提供的ScrollView来完成我们所需要的功能．
QML ScrollView默认滚动条的使用
TonyZc7679的博客
01-07 3014
QT之ScrollView默认滚动条的使用 问题：
QML QtQuick.Controls 2 ScrollBar滚动条样式自定义
龚建波
10-03 7420
版本：Qt5.12.5 ，参考Qt源码及文档示例 代码链接：https://github.com/gongjianbo/QmlComponentStyle.git 自定义样式与默认样式的对比： （2020-2-6补充）有些组件可能由于默认设置的问题，滚动条的显示不对，拿ListView为例，可能横项的滚动条不出现，我们需要加上类似这样的代码修改默认设置： //竖向...
qml组件---自定义滚动条一次翻整页
wangyi463295828的博客
03-03 829
【代码】qml组件---自定义滚动条一次翻整页。
QML自定义实现ScrollBar
缘如风的博客
12-19 3657
Qt自带的ScrollBar滚动条或多或少有点问题（测试时候，有的时候点击拖着不好用；放大缩小时候滚动条也不好用） 简单实现了一个 /* 必须设置属性 property var target property var lengthvalue //记录外面大的区域的大小 和target不同 Point(x,y) x:width, y:height */ impor...
qml listView添加滚动条
chenyijun的专栏
04-29 6386
qml listView在编程中用得比较广泛，元素多了，我们希望能够看到滚动条，并且可以托动，默认的listView是不带滚动条的，我们可以设置ScrollBar.vertical的属性，添加滚动条。
qml在ScrollView中添加一个ScrollBar组件，用于显示滚动条。
06-08
在QML中，可以使用ScrollView和ScrollBar组件来实现滚动条的显示。以下是一个示例代码，可以在ScrollView中添加一个ScrollBar组件： ``` ScrollView { id: scrollView width: 200 height: 200 contentWidth: ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值