QListView默认在触屏设备上只能拖动滑动条进行滑动,不能像Android上的ListView那样触摸滑动,经过研究只需要设置2个地方就可以达到触摸滑动的效果,在这里做个记录。
主要设置的2行代码,如下:
listview->setVerticalScrollMode(QListView::ScrollPerPixel);
QScroller::grabGesture(listview, QScroller::LeftMouseButtonGesture);
如上设置就可以实现QListView触屏触摸滑动了。下面是一个日期选择(年-月-日)的布局示例:
QHBoxLayout *PageRTC::createDateLayout()
{
QHBoxLayout *dateLayout = new QHBoxLayout();
QListView *yearListview = new QListView();
QStringList yearStringList = QStringList();
int y = 2024;
for(int i=0; i<21; i++){
yearStringList.append(QString::number(y+i)+"年");
}
QStringListModel *yearListModel = new QStringListModel(yearStringList);
yearListview->setModel(yearListModel);
yearListview->setFixedSize(130, 160);
yearListview->setStyleSheet("QListView::item { min-width: 100px; min-height: 50px; }");
yearListview->setVerticalScrollMode(QListView::ScrollPerPixel);
QScroller::grabGesture(yearListview, QScroller::LeftMouseButtonGesture);
dateLayout->addWidget(yearListview);
dateLayout->addSpacing(15);
//month
QListView *monthListview = new QListView();
QStringList monthStringList;
int m = 1;
for(int i=0; i<12; i++){
monthStringList.append(QString::number(m+i)+"月");
}
QStringListModel *monthListModel = new QStringListModel(monthStringList);
monthListview->setModel(monthListModel);
monthListview->setFixedSize(120, 160);
monthListview->setStyleSheet("QListView::item { min-width: 90px; min-height: 50px; }");
//monthListview->setVerticalScrollBarPolicy(Qt::ScrollBarPolicy::ScrollBarAlwaysOff);
monthListview->setVerticalScrollMode(QListView::ScrollPerPixel);
QScroller::grabGesture(monthListview, QScroller::LeftMouseButtonGesture);
dateLayout->addWidget(monthListview);
dateLayout->addSpacing(15);
//day
QListView *dayListview = new QListView();
QStringList dayStringList;
int d = 1;
for(int i=0; i<31; i++){
dayStringList.append(QString::number(d+i)+"日");
}
QStringListModel *dayListModel = new QStringListModel(dayStringList);
dayListview->setModel(dayListModel);
dayListview->setFixedSize(120, 160);
dayListview->setStyleSheet("QListView::item { min-width: 90px; min-height: 50px; }");
//dayListview->setVerticalScrollBarPolicy(Qt::ScrollBarPolicy::ScrollBarAlwaysOff);
dayListview->setVerticalScrollMode(QListView::ScrollPerPixel);
QScroller::grabGesture(dayListview, QScroller::LeftMouseButtonGesture);
dateLayout->addWidget(dayListview);
QObject::connect(yearListview, &QListView::clicked, this, &PageRTC::onYearListItemClick);
QObject::connect(monthListview, &QListView::clicked, this, &PageRTC::onMonthListItemClick);
QObject::connect(dayListview, &QListView::clicked, this, &PageRTC::onDayListItemClick);
return dateLayout;
}
运行效果如下: