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

已于 2024-06-19 15:56:56 修改
阅读量275 收藏 2
点赞数 8
分类专栏： 报错解决 qml 文章标签： qt5
于 2024-04-17 17:34:48 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41634188/article/details/137881400
版权

在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的

StarLegends
关注
  • 8
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
QT QListWidget的添加与删除，滚动条显示或隐藏，判断是否滑到顶部或底部，并使QListWidgetItem自适应大小
guorong520的博客
09-07 6951
一、QListWidget 中使 QListWidgetItem自适应大小 父部件ListWidgetForm.cpp void ListWidgetForm::setCard() { //MessageCardForm 是插入的子Item关联小部件（你自定义的） MessageCardForm *card = new MessageCardForm(this); QListWidgetItem *newItem = new QListWidgetItem(); newItem-&gt
QML QtQuick.Controls 2 ScrollBar滚动条样式自定义
龚建波
10-03 6455
版本：Qt5.12.5 ，参考Qt源码及文档示例 代码链接：https://github.com/gongjianbo/QmlComponentStyle.git 自定义样式与默认样式的对比： （2020-2-6补充）有些组件可能由于默认设置的问题，滚动条的显示不对，拿ListView为例，可能横项的滚动条不出现，我们需要加上类似这样的代码修改默认设置： //竖向...
QT 修改listWidget的滑动条的宽度
努力的秋波
08-19 1817
在QT on android中使用ListWidget时经常发现滑动条很窄，无法有效的滑动，按照如下设计可以更改滑动条的宽度。 欢迎有其他想法或者思路的大佬留言一起学习。 修改样式表，输入QScrollBar{width:30px;}即可修改宽度。 ...
ScrollView与自定义滑块结合使用的Demo
03-06
自定义一个滑块，可以在竖直方向上滑动并且与ScrollView结合起来使用。滑动滑块，scrollView跟着滑动。滑动ScrollView,滑块也跟着动。
QML中ListView的高级使用之增加ScrollBar以及设置ScrollBar的样式
热门推荐
Shado_walker的专栏
03-06 1万+
用过QML进行列表显示的同仁肯定都知道，QML中的ListView是默认没有ScrollBar的，超出部分的列表项只能通过滚动鼠标滚轮进行显示，但是我们又知道QML中的ScrollView是有ScrollBar的，因此，我们可以通过在ScrollView中嵌入ListView并且重写ScrollView的style来实现列表的显示以及ScrollBar的显示（重写ScrollViewStyle费时
QmlTextEdit带滚动条QmlTextEditScrollBar.7z
07-20
这个`QmlTextEditScrollBar`可能是一个自定义实现，它为`QmlTextEdit`添加了滚动条功能，因为默认的`QmlTextEdit`在文本内容过多时可能不会自动显示滚动条。在Qt Quick中，滚动条通常是通过`Flickable`或`ScrollView...
qml ListView和TableView共用自定义滚动条
09-17
使用QML实现自定义滚动条，并作用于listView和tableView中，代码可直接通过cmd命令运行
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: ...
qml 实现gridview带滚动条和翻页
06-21
综上所述，通过结合`GridView`、`ScrollBar`和自定义的分页逻辑，我们可以创建一个具有滚动条和翻页功能的QML界面。这样的设计可以极大地提高用户在大量数据中的导航体验。在实际项目中，你可能还需要考虑优化性能，...
qml 自定义滑动条（官方example）
小李的博客
07-12 2143
Rectangle { id: frame clip: true width: 160 height: 160 border.color: "black" anchors.centerIn: parent Text { id: content text: "ABC" ...
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
Qt 自定义Qlistwidget滚动条样式
h595636059的博客
11-01 1万+
1.写入到文件中，新建个xx.qss，然后复制一下内容 // 设置垂直滚动条基本样式 QScrollBar:vertical { width:8px; background:rgba(0,0,0,0%); margin:0px,0px,0px,0px; padding-top:9px; // 留出9px给上面和下面的箭头 padding-bot
替换QListWidget和QListView的滚动条（QScrollBar）
草上爬的博客
01-14 7098
网上多是用StyleSheet来设置控件默认滚动条的样式，很久之前我也是这么做的。 但是这样做有个小问题，当滚动条显示时，会挤占控件viewport的空间。 一.效果 二.原理 使用自定义的QScrollBar替换控件默认QScrollBar，替换时，要保证自定义的滚动条和默认滚动条能够联动。 默认滚动条会响应鼠标滚轮，联动以后，自定义的滚动条也能响应滚动了，就像效果中展示的一样。 联动关键代码如下： QScrollBar *m_vScrollBar; connect(verticalScrol
QML ScrollView类
weixin_42948436的博客
05-29 3314
导入 import QtQuick.Controls 2.1 继承 Pane Properties contentChildren : list< Item> contentData : list< Object> 细节描述 ScrollView { width: 200 height: 200 Label { text: "ABC" font.pixelSize: 224 } } ...
数据分析的核心技能和方法
07-19
数据分析的核心技能和方法
毕业设计javajsp人寿保险销售网站(ssh)-qkrp源码含文档工具包
07-19
毕业设计javajsp人寿保险销售网站(ssh)-qkrp源码含文档工具包 后台是ssh框架，页面是jsp，数据库mysql，jdk1.8，开发工具用ecplise、myecplise、sts、idea都可以 平湖人寿保险公司保险销售网站分为用户和管理员两个部分 前台部分（用户界面）： 1、资讯浏览功能： （1）新闻资讯浏览 （2）新闻资讯查询 （3）公司简介 （4）通知公告 2、用户登录注册功能： （1）注册 （2）登录 3、用户管理功能 （1）个人信息管理 （2）订单管理 4、保险购买功能： （1）保险产品浏览 （2）保险产品查询 （3）保险产品购买 后台管理（管理员界面） 1、管理员登录功能： 管理员在管理员登录界面输入用户名和密码，即可登录管理员的界面。 2、资讯管理功能： （1）新闻资讯管理 （2）公司简介管理 （3）通知公告管理 3、保险产品管理： （1）保险产品信息管理 （2）保险产品查询 4、会员管理： （1）会员删除 （2）会员级别管理 5、统计管理： （1）保险产品销售量统计 （2）有效会员数量统计 包含：源码、数据库脚本、论文、环境工具包、相同框架项目的安装教程
毕业设计javajsp公共课考试系统(ssh)-qlkrp源码工具包
最新发布
07-19
毕业设计javajsp公共课考试系统(ssh)-qlkrp源码工具包 后台是ssh框架，页面是jsp，数据库mysql，jdk1.8，开发工具用ecplise、myecplise、sts、idea都可以 题库 试卷信息管理 阅卷 统计功能 包含：源码、数据库脚本、环境工具包、相同框架项目的安装教程（在说明文档中）
qml在ScrollView中添加一个ScrollBar组件，用于显示滚动条。
06-08
在QML中，可以使用ScrollView和ScrollBar组件来实现滚动条的显示。以下是一个示例代码，可以在ScrollView中添加一个ScrollBar组件： ``` ScrollView { id: scrollView width: 200 height: 200 contentWidth: 400 contentHeight: 400 ScrollBar.vertical: ScrollBar { id: scrollBar width: 10 height: scrollView.height active: scrollView.visibleArea.height < scrollView.contentHeight position: scrollView.position.y / scrollView.contentHeight onPositionChanged: scrollView.position = Qt.point(scrollView.position.x, position * scrollView.contentHeight) } } ``` 在上面的代码中，我们首先创建了一个ScrollView组件，并设置了它的宽度、高度、内容宽度和内容高度。然后，在ScrollView中添加了一个ScrollBar组件，并设置了它的宽度、高度、是否可用以及位置。通过设置ScrollBar的position属性，可以实现拖动滚动条时，ScrollView中内容的滚动。最后，通过设置ScrollBar的onPositionChanged信号，可以实现当ScrollBar的位置发生变化时，ScrollView中内容的相应滚动。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值