如何使Qt5 QML水平列表视图启用鼠标滚动？
要使Qt5 QML水平列表视图启用鼠标滚动，可以通过以下步骤实现：
- 首先，确保你已经在Qt项目中引入了QtQuick和QtQuick.Controls模块，以便使用QML的列表视图组件。
- 在QML文件中，创建一个水平列表视图组件。例如：
import QtQuick 2.15
import QtQuick.Controls 2.15
ListView {
id: listView
width: 400
height: 200
orientation: ListView.Horizontal
// 添加列表项
model: ListModel {
ListElement { text: "Item 1" }
ListElement { text: "Item 2" }
ListElement { text: "Item 3" }
// ...
}
delegate: Item {
width: 100
height: 200
Text {
text: model.text
anchors.centerIn: parent
}
}
}- 默认情况下，水平列表视图不会启用鼠标滚动。为了启用鼠标滚动，可以在ListView组件中添加一个MouseArea组件，并处理鼠标滚动事件。例如：
ListView {
// ...
MouseArea {
anchors.fill: parent
wheelEnabled: true
onWheel: {
listView.contentX -= wheel.angleDelta.y / 120 * 50
}
}
}在上述代码中，我们使用MouseArea组件来捕获鼠标滚动事件，并通过修改ListView的contentX属性来实现水平滚动。通过wheel.angleDelta.y可以获取鼠标滚动的垂直滚动量，将其乘以一个适当的系数（例如50）来调整滚动速度。
- 运行程序，你将看到水平列表视图现在可以通过鼠标滚动进行滚动了。
对于腾讯云相关产品和产品介绍链接地址，由于要求不能提及具体的云计算品牌商，建议你参考腾讯云的官方文档和开发者社区，了解他们提供的云计算解决方案和相关产品。
相关·内容
1回答
我想使用鼠标上的滚动在水平滚动视图上滚动。如何实现这里是我的示例滚动视图的代码。 ScrollView {
id:scrollview
ListView {
anchors.fill: parent
model: 30
orientation: ListView.Horizontal
delegate: Component{
Item{
height: scrollview.
浏览 39提问于2019-02-10得票数 1
回答已采纳
1回答
QML清单视图positionViewAtIndex不工作
qt、listview、qml
我有一个垂直的Listview，当我单击一个项目时，我将显示水平的Listview。问题是，当我单击第二项时，我应该在水平列表视图上显示第二项。以下是我的实现：
main.qml
import QtQuick 2.7
import QtQuick.Controls 2.0
import QtQuick.Layouts 1.0
ApplicationWindow {
id: root
visible: true
width: 640
height: 480
title: qsTr("Hello World")
StackView {
id: rootStackView
浏览 0提问于2016-12-30得票数 3
回答已采纳
4回答
qml中垂直列表视图中的水平listView
qt、qml、qt4
我想让一个水平的listView作为另一个垂直listView的代理工作，我写了下面的代码：
import Qt 4.7
Item {
id:main
width: 360
height: 640
Component{
id:myDelegate
ListView{
id:list2
spacing: 5
width:list.width
height:list.height/3
浏览 1提问于2011-10-20得票数 9
回答已采纳
2回答
从代理访问Listview currentIndex
qt、qml、qtquick2、qqmlcomponent
我有一个QML ListView，委托从另一个文件加载它的组件。单击委托项时，我希望更新ListView。CurrentIndex和highlight选择的项目。
当我显式地设置id的ListView时，它可以工作。但是，由于我希望将委托的Component也用于其他ListView，所以我很难找到一种从委托Component中访问ListView.currentIndex的通用方法。
以下是守则：
main.qml
import QtQuick 2.4
import QtQuick.Controls 1.3
import QtQuick.Window 2.2
import QtQuick.D
浏览 7提问于2015-08-12得票数 6
回答已采纳
1回答
更改颜色并在Repeater模型qml创建的按钮上显示下计数计时器
button、timer、qml、repeater
我正在学习qml，我正在尝试制作一个实现以下用例的示例应用程序。
用例:当用户在qml场景中按下按钮时
按钮上的图标必须更新。
该按钮的颜色必须更新(我试图使用前景从qml，但无法获得)。
倒计时器必须显示在按钮顶部。
例如:当点击凸轮按钮时，我想要将图标从小圆圈更新为椭圆曲线，改变凸轮按钮的颜色，在应用颜色之后，我想显示一个具有n值的倒计时器。
上述所有指定的期望只适用于通过直放器模型渲染的凸轮按钮。
附加我尝试过的代码
main.qml
import QtQuick 2.15
import QtQuick.Window 2.15
import QtQuick.Contr
浏览 12提问于2022-08-30得票数 0
7回答
QML ListView的不同委托
qt、listview、qml、qtquick2
我想知道是否可以为QML ListView使用(几个)不同的委托。
根据ListView模型中各个对象的不同，我希望使用不同的委托来可视化对象。
这段代码解释了我想要实现的目标：
main.qml
import QtQuick 2.4
import QtQuick.Controls 1.3
import QtQuick.Window 2.2
import QtQuick.Dialogs 1.2
ApplicationWindow {
title: qsTr("Hello World")
width: 640
height: 480
visibl
浏览 0提问于2015-08-13得票数 31
1回答
这个列表视图页代码在这里
import QtQuick 2.9
import QtQuick.Controls 2.2
import QtQuick.Layouts 1.3
Item {
ListModel {
id: mymodel
ListElement {
name: 'Jack'
age: 30
rank: 'Captain'
}
ListElement {
浏览 5提问于2020-01-22得票数 1
回答已采纳
1回答
自定义ScrollBar调整将Qt 5.15 QML移植到Qt 6.0.2 QML时出错
qt、qml、scrollbar、qt6
我正在将图形用户界面从Qt 5.15QML转换到Qt 6.0.2QML，但在ScrollBar行为中发生了错误。我已经在MacOS 10.15.7中发现了这个问题，我不知道它在哪里存在。我创建了一个最小的自定义ScrollBar并将其附加到一个ListView。滚动指示器在5.15中运行良好，但在6.x中，滚动指示器会填充整个滚动，而不管它是否应该填充。是行为改变了还是这是个bug？
我创建CustomScrollbar.qml的方法如下：
import QtQuick 2.15
import QtQuick.Controls 2.15
ScrollBar {
contentItem:
浏览 30提问于2021-03-17得票数 1
1回答
带部分的ListView，删除不工作于顶部项的动画
qt、listview、qml
我正在使用QML ListView和部分，点击项目删除与动画。在这里，代码：
import QtQuick 2.15
import QtQuick.Window 2.15
import QtQuick.Controls 2.15
Window {
visible: true
width: 400
height: 400
ListView {
id: list
anchors.fill: parent
clip: true
spacing: 0
onContentYChanged
浏览 3提问于2020-08-02得票数 1
1回答
如何使Qt5 QML水平列表视图启用鼠标滚动？
listview、scroll、qml、mousewheel
我创建了一个QML Horizoltal Listview，但不知道如何通过鼠标滚动来启用水平滚动。请帮帮忙。谢谢!
import Felgo 3.0
import QtQuick 2.0
import QtQuick.Layouts 1.13
import QtQuick.Controls 2.5
App {
NavigationStack {
Page {
title: qsTr("Main Page")
anchors.fill: parent
Rectangle {
浏览 24提问于2020-05-19得票数 0
1回答
用于ListModel的QML嵌套ComboBox
qt、qml、qtquick2
我想使用comboBox，它的模型是从嵌套模型中提取的。
简化守则：
main.qml：
import QtQuick 2.15
import QtQuick.Window 2.15
import QtQuick.Controls 2.15
ApplicationWindow {
id: applicationWindow
width: 300
height: 200
visible: true
title: qsTr("01_Change_Model_Data")
ListModel {
id: listM
浏览 5提问于2022-01-27得票数 1
回答已采纳
2回答
QML ListView、SwipeView等-避免其他UI组件的重叠
qt、listview、qml、overlapping、swipeview
我试图避免SideView和ListView似乎都想要的这种恼人的重叠。下面是一个例子，说明了这个问题：
注意:当您滑动SwipeView时，会看到左边的绿色矩形，当您向下滚动ListView时也会看到选项卡。
main.cpp
#include <QGuiApplication>
#include <QQmlApplicationEngine>
int main(int argc, char *argv[])
{
QCoreApplication::setAttribute(Qt::AA_EnableHighDpiScaling);
QGuiAppl
浏览 5提问于2016-08-01得票数 3
回答已采纳
1回答
更改模型不会影响ComboBox
qml、qtquick2
假设我们有以下代码：
import QtQuick 2.4
import QtQuick.Window 2.0
import QtQuick.Controls 1.2
import QtQuick.Layouts 1.1
Window {
id: win
width: 800
height: 600
ListModel {
id: listModel
ListElement { name: "element1" }
ListElement { name: "element2" }
浏览 0提问于2015-06-11得票数 3
1回答
我有一个QML Controls 2 SplitView和一个重新定义的句柄，它工作得很好，但我希望在处理程序上检测鼠标释放事件，这样我就可以在一定的宽度阈值下折叠SplitView。在现有手柄上添加一个MouseArea将吸收拖动事件，因此我无法移动手柄。你知道我如何收集鼠标释放事件，或者解决这个问题的任何其他解决方案吗？ 好了，我已经创建了一个示例应用程序。正如您在本例中所看到的，我的MouseArea被标记为黄色，并且在双击时以编程方式折叠右视图，这很好，但我也想拖动把手，当鼠标释放到某个宽度阈值以下时，我也想折叠视图。把手栏的黑色部分(我的MouseArea没有覆盖在把手上)响应拖动
浏览 61提问于2021-03-18得票数 1
2回答
我有一个ListView，它的委托有一个MouseArea。如果ListView没有头文件，那么一切都很好。但是，如果设置了标题，则只能单击委托，但不能滚动。
更有趣的是，当我将标题的宽度设置为窗口宽度的一半时，我可以正常地在屏幕的右侧滚动(其中没有标题)，但不能在标题的左侧滚动。
编辑:对此做了一些实验，并发现了另一件事。委托的高度为80，如果我将标题的高度设置为30，那么当鼠标落在委托的顶部30个像素时，我就不能滑动，就好像标题被附加到列表中的每个项目一样？
编辑代码这是为我重新创建问题的完整代码(不能在左边滚动，但可以在右边)。我用的是qt 2.15
import QtQuick 2.
浏览 2提问于2021-06-21得票数 0
回答已采纳
2回答
水平滚动元素阻塞垂直滚动列表
qt、qml
我有一个ListView，它包含带有文本的矩形列表。有时矩形中的文本太长，无法适应，所以我希望文本可以水平滚动。我使用围绕文本的ScrollView使其水平滚动。
问题是，我无法滚动列表(垂直)，因为滚动会被水平ScrollViews拦截。
下面是我的qml的样子：
ListView { //vertically scrolling list
model: modelName
anchors.fill: parent
id: vListView
delegate: Column {
width: parent.width
spac
浏览 1提问于2019-10-03得票数 0
回答已采纳
2回答
如何在QtQuick中对齐ListView中的项目
qt、qml、qtquick2
我有以下水平列表：
BulletsListDelegate.qml
import QtQuick 2.0
Rectangle {
width: 8
height: 8
color: "#808080"
radius: width * 0.5
}
main.qml
import QtQuick 2.0
Item {
width: 256
height: 256
ListModel {
id: bulletsListModel
ListElement {
a:
浏览 2提问于2019-11-01得票数 1
3回答
如何从上面的MouseArea propagateComposedEvents到按钮？
qt、qml、qtquick2、qt-quick
演示：
import QtQuick 2.15
import QtQuick.Controls 2.15
ApplicationWindow{
width: 500
height: 500
visible: true
Button {
text: "button"
onClicked: {
console.log("Button onClicked")
}
}
MouseArea {
anchors.fill: paren
浏览 3提问于2021-05-21得票数 0
1回答
缩短时间，直到在onPressAndHold上发出ItemDelegate
qt、qml、qtquick2、qtquickcontrols2
我有下面的示例：
import QtQuick 2.12
import QtQuick.Controls 2.15
import QtQuick.Window 2.12
Window {
width: 640
height: 480
visible: true
ListView {
id: list
anchors.fill: parent
model: ListModel {
id: listView
ListElement { name: "Elem
浏览 7提问于2021-06-02得票数 1
回答已采纳
1回答
QML ListVIew项Pos
qt、qml
ListView有20个项目，鼠标点击获得第十项X。
但是positionViewAtIndex函数也会移动项。
有没有办法在没有positionViewAtIndex的情况下获得物品X？
这是样品。
Window {
id: frame
width: 640
height: 480
visible: true
MouseArea{
anchors.fill: parent
onClicked: {
listView.positionViewAtIndex(10, ListView.SnapPos
浏览 2提问于2022-05-29得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频活动推荐
腾讯云开发者
