QListWidget的QSS用法
本文完全是转载如下地址的博客内容,如有侵权,请及时通知,博主会及时删除。
原文地址:
https://blog.csdn.net/u011125673/article/details/51753997
QListWidget和QTableWidget的使用和属性,QTableWidget和QListWidget样式表的设置,滚动条的样式设置
一、QListWidget的使用
//一、QListWidgetlist_widget = new QListWidget();//list_widget->resize(200,300);
list_widget->setFixedWidth(300);//设置item图标大小
list_widget->setIconSize(QSize(50,30));QListWidgetItem *add_item = new QListWidgetItem(list_widget);
add_item->setIcon(QIcon(":/res/pix/add.png"));
add_item->setText(tr("Add"));
//设置item项中的文字位置
//add_item->setTextAlignment(Qt::AlignHCenter);
//add_item->setFlags(Qt::ItemIsSelectable | Qt::ItemIsEnabled);//设置viewModel,来确定使用不同的视图进行显示
//使ListWidgetItem中的图标在上,文字在下
//list_widget->setViewMode(QListView::IconMode);
//list_widget->setViewMode(QListWidget::IconMode); //这样的形式也可以
//list_widget->setViewMode(QListView::ListMode);//改变item大小,使用QListWidgetItem::setSizeHint()
//add_item->setSizeHint(QSize(60,60));//设置ListWidget可以选择多个item
list_widget->setSelectionMode(QAbstractItemView::ExtendedSelection);//有两种方法在ListWidget中添加item
//一种在构造item的时候,指定其父Widget
QListWidgetItem *cubby_item = new QListWidgetItem(QIcon(":/res/pix/cubby.png"),tr("Cubby"),list_widget);
//第二种方法是在构造完item后,使用QListWidget::additem()来添加item
QListWidgetItem *dropbox_item = new QListWidgetItem();
dropbox_item->setIcon(QIcon(":/res/pix/dropbox.png"));
dropbox_item->setText(tr("Dropbox"));
list_widget->addItem(dropbox_item);//向QListWidget中指定的位置插入itemm,使用QListWidget::addItem()
QListWidgetItem *google_item = new QListWidgetItem(QIcon(":/res/pix/google.png"),tr("Google"));
list_widget->insertItem(1,google_item);//使用QListWidget::takeItem(int index)来删除表中的某一项
//list_widget->takeItem(0);//删除item,必须要加上delete item,否则删不掉
//list_widget->removeItemWidget(add_item);
//delete add_item;//打开和关闭item是否可以编辑,默认不可编辑
//使用QListWidget::openPersistenEditor(QListWidgetItem*)和
//QListWidget::closePersistentEditor(QListWidgetItem*)
//list_widget->openPersistentEditor(cubby_item);//设置当前的item是第几行
//初始化ListWidget显示时,指向哪一行
list_widget->setCurrentRow(1);//设置ListWidget是否可以自动排序,默认是false
//list_widget->setSortingEnabled(true);//设置QLisView大小改变时,图标的调整模式,默认是固定的,可以改成自动调整
//list_widget->setResizeMode(QListView::Adjust);
//设置列表可以拖动,如果想固定不能拖动,使用QListView::Static
//拖动item,进行复制
list_widget->setMovement(QListWidget::Free);QListWidgetItem *computer_item = new QListWidgetItem();
QString str(tr("Computer"));
computer_item->setData(Qt::DisplayRole,str);
computer_item->setIcon(QIcon(":/res/pix/computer.png"));
list_widget->addItem(computer_item);QPushButton *button = new QPushButton(tr("Button"));
QListWidgetItem *button_item = new QListWidgetItem();
list_widget->addItem(button_item);
//实现替换,自定义item
list_widget->setItemWidget(button_item,button);//使用QListWidget::count()来统计ListWidget中总共的item数目
int item_count = list_widget->count();
qDebug()<<item_count;//设置样式,直接在函数中设置
list_widget->setStyleSheet("QListWidget{border:1px solid gray; color:black; }""QListWidget::Item{padding-top:20px; padding-bottom:4px; }""QListWidget::Item:hover{background:skyblue; }""QListWidget::item:selected{background:lightgray; color:red; }""QListWidget::item:selected:!active{border-width:0px; background:lightgreen; }");
二、QTableWidget的使用
//二、QTableWidget table_widget = new QTableWidget(15,5);QStringList header; header<<"Name"<<"Date"<<"Description"<<"Size"<<"Other";QStringList vertical_header; vertical_header<<"One"<<"Two"<<"Three"<<"Four"<<"Five"<<"Six";//设置表头标签 table_widget->setHorizontalHeaderLabels(header); table_widget->setVerticalHeaderLabels(vertical_header);table_widget->setItem(0,0,new QTableWidgetItem("Jan")); table_widget->setItem(1,0,new QTableWidgetItem("Feb")); table_widget->setItem(2,0,new QTableWidgetItem("Mar"));table_widget->setItem(0,1,new QTableWidgetItem(QIcon(":/res/pix/refresh.png"),"Refresh"));//一、对QtableWidget本身的效果实现 //1、将表格设置为禁止编辑 table_widget->setEditTriggers(QAbstractItemView::NoEditTriggers);//2、将表格设置为整行选择 table_widget->setSelectionBehavior(QAbstractItemView::SelectRows);//3、单个选中和多个选中设置 //设置为可以选中多个目标 //主要功能是:在正常情况下是单选,但按下Ctrl或Shift键后,可以多选 table_widget->setSelectionMode(QAbstractItemView::ExtendedSelection);//4、表头的显示与隐藏 table_widget->verticalHeader()->setVisible(false); //隐藏列表头 //table_widget->horizontalHeader()->setVisible(false); //隐藏行表头//5、对表头文字的字体、颜色进行设置 //获得水平方向表头的item对象 QTableWidgetItem *columnHeaderItem = table_widget->horizontalHeaderItem(1); columnHeaderItem->setFont(QFont("Helvetica")); //设置字体 columnHeaderItem->setBackgroundColor(QColor(0,60,10)); //设置单元格背景颜色 columnHeaderItem->setTextColor(QColor(200,111,30)); //设置文字颜色//6、在单元格里加入控件 //把一个下拉框加入单元格 QComboBox *comBo = new QComboBox(); comBo->addItem("Y"); comBo->addItem("N"); table_widget->setCellWidget(0,2,comBo);//二、对单元格进行设置 //1、单元格设置字体颜色、背景颜色、字体字符 QTableWidgetItem *item = new QTableWidgetItem("Apple"); item->setBackgroundColor(QColor(0,60,10)); item->setTextColor(QColor(200,111,100)); item->setFont(QFont("Helvetica")); table_widget->setItem(0,3,item);//对所有单元格设置字体 //table_widget->setFont(QFont("Courier"));//2、设置单元格内文字对齐方式 item->setTextAlignment(Qt::AlignHCenter | Qt::AlignVCenter);//3、合并单元格 //参数为:合并的起始行列数(0,0),合并的行数(3行),合并的列数(1列) table_widget->setSpan(0,0,3,1);//4、设置单元格大小 //可以指定单个行或者列的大小 table_widget->setColumnWidth(3,200); table_widget->setRowHeight(3,60); //将行和列的大小设为与内容相匹配 //table_widget->resizeColumnsToContents(); //table_widget->resizeRowsToContents();//设置交替行颜色选项(默认是false) //对应于alternate-background-color:blue; /*蓝色*/ //否则无法交替显示颜色 //table_widget->setAlternatingRowColors(true);//将header最后的空间补全,仅仅是通过延伸最后一个单元格实现的,而没有单元格平分 table_widget->horizontalHeader()->setStretchLastSection(true);//单元格延伸后,实现单元格平分 table_widget->horizontalHeader()->setResizeMode(QHeaderView::Stretch);//三、表头设置 //1、设置表头不可点击(默认点击后进行排序) table_widget->horizontalHeader()->setClickable(false); table_widget->verticalHeader()->setClickable(false);//2、设置表头字体加粗 QFont font; font.setBold(true); table_widget->horizontalHeader()->setFont(font); table_widget->verticalHeader()->setFont(font);//设置行高,与表头高度无关 //table_widget->verticalHeader()->setDefaultSectionSize(50); //设置宽度 //table_widget->horizontalHeader()->setDefaultSectionSize(30);//设置表头文字显示格式 table_widget->horizontalHeader()->setDefaultAlignment(Qt::AlignHCenter | Qt::AlignVCenter);//设置无边框 //table_widget->setFrameShape(QFrame::NoFrame);//设置不显示格子线 //table_widget->setShowGrid(false);//设置表头第一列的宽度为150 //table_widget->horizontalHeader()->resizeSection(0,150);//设置表头高度 //table_widget->horizontalHeader()->setFixedHeight(150);//设置表格样式 table_widget->setStyleSheet("color:green;"/*"gridline-color:red;"*/ /*表格中的网格线条颜色*/"background:white;"/*"alternate-background-color:red;"*/ /*设置交替颜色*/"selection-color:red;""selection-background-color:lightgray;""border:1px solid gray;");//设置表头样式 table_widget->horizontalHeader()->setStyleSheet("background-color:#F0F0F0;"); #if 0 //样式二 table_widget->horizontalHeader()->setStyleSheet("QHeaderView::section{background:skyblue; padding-left:4px; border:3px solid red; }""QHeaderView::section:checked{background-color:green; }"); #endif#if 1 //设置垂直滚动条样式 table_widget->verticalHeader()->setStyleSheet("QScrollBar{background:transparent; height:10px; }""QScrollBar::handle{background:lightgray; border:2px solid transparent; border-radius:5px; }""QScrollBar::handle:hover{background:gray; }""QScrollBar::handle:pressed{background:black;}""QScrollBar::sub-line{background:transparent;}""QScrollBar::add-line{background:transparent;}"); #endif//清除所有可见数据(包括表头),行还在 //tableWidget->clear(); //只清除表中数据,不清除表头内容 //tableWidget->clearContents(); //连行也清除 //tableWidget->setRowCount(0); //tableWidget->setColumnCount(0);//获取表格中当前总行数 int row = table_widget->rowCount(); qDebug()<<row; //添加一行 //tableWidget->setRowCount(row+1); //清除已有的行列 //tableWidget->removeRow(row);//去掉水平滚动条 //tableWidget->setHorizontalScrollBarPolicy(Qt::ScrollBarAlwaysOff); //垂直滚动条按项移动 //tableWidget->setVerticalScrollMode(QAbstractItemView::ScrollPerItem); //去掉自动滚动条 //tableWidget->setAutoScroll(false);
三、可以使用.qss设置样式表
//设置样式,优化界面
QFile file(":/my.qss");
file.open(QFile::ReadOnly);
QString style = tr(file.readAll());
this->setStyleSheet(style);//设置ListWidget滚动条样式
list_widget->verticalScrollBar()->setCursor(Qt::PointingHandCursor);QFile scroll_file(":/scroll.qss");
scroll_file.open(QFile::ReadOnly);
QString scroll_style = tr(scroll_file.readAll());
list_widget->verticalScrollBar()->setStyleSheet(scroll_file.readAll());
//list_widget->verticalScrollBar()->setStyleSheet(scroll_style);//设置TableWidget滚动条样式
table_widget->verticalScrollBar()->setCursor(Qt::PointingHandCursor);
//table_widget->verticalScrollBar()->setStyleSheet(scroll_file.readAll());
table_widget->verticalScrollBar()->setStyleSheet(scroll_style);
qss文件格式设置样式表
1、QListWidget和QTableWidget样式设置my.qss
//my.qss
QListWidget
{border:1px solid gray; /*边界线:宽度、颜色*//*background:gray;*/ /*表格背景色*/color:black; /*前景色:文字颜色*//*margin:5px,5px,0px,50px;*/ /*上、下、左、右,间距*/
}/*
QListWidget::item
{padding-top:24px;padding-bottom:4px;
}
*/QListWidget::item:hover
{show-decoration-selected:5;background:skyblue;
}QListWidget::item:selected
{/*border:0px;*/background:lightgray;padding:0px;margin:0px;color:red;
}/*上次选择后保留的状态,鼠标离开后显示*/
QListWidget::item:selected:!active
{border-width:0px;background:lightgreen;
}/*QTableWidget*/
QTableWidget
{color:green; /*前景色:文字颜色*//*gridline-color:red; */ /*表格中的网格线条颜色*/background:white;/*设置交替颜色,需要在函数属性中设置:tableWidget->setAlternatingRowColors(true)*//*alternate-background-color:red; */selection-color:red; /*鼠标选中时前景色:文字颜色*/selection-background-color:lightgray; /*鼠标选中时背景色*/border:1px solid gray; /*边框线的宽度、颜色*//*border:none;*/ /*去除边界线*//*border-radius:5px;*//*padding:10px 10px;*/ /*表格与边框的间距*/
}/*设置表头属性*/
QTableWidget QHeaderView::section
{background-color:#F0F0F0; /*lightgray*//*color:black;*//*padding-left:4px;*//*border:3px solid red;*/ /*表头边框线的宽度、颜色*//*border:1px solid gray;*/
}
2、滚动条样式设置scroll.qss
//scroll.qss
/*垂直滚动条整体*/
QScrollBar:vertical
{width:8px;background:rgb(0,0,0,0%);margin:0px,0px,0px,0px;padding-top:12px; /*上预留位置*/padding-bottom:12px; /*下预留位置*/
}/*滚动条中滑块的样式*/
QScrollBar::handle:vertical
{width:8px;background:rgb(0,0,0,25%);border-radius:4px;min-height:20px;
}/*鼠标触及滑块样式*/
QScrollBar::handle:vertical:hover
{width:9px;background:rgb(0,0,0,50%);border-radius:4px;min-height:20;
}/*设置下箭头*/
QScrollBar::add-line:vertical
{height:12px;width:10px;border-image:url(:/selectfile/scroll/3.png);subcontrol-position:bottom;
}/*设置上箭头*/
QScrollBar::sub-line:vertical
{height:12px;width:10px;border-image:url(:/selectfile/scroll/1.png);subcontrol-position:top;
}/*设置下箭头:悬浮状态*/
QScrollBar::add-line:vertical:hover
{height:12px;width:10px;border-image:url(:/selectfile/scroll/4.png);subcontrol-position:bottom;
}/*设置上箭头:悬浮状态*/
QScrollBar::sub-line:vertical:hover
{height:12px;width:10px;border-image:url(:/selectfile/scroll/2.png);subcontrol-position:top;
}/*当滚动条滚动的时候,上面的部分和下面的部分*/
QScrollBar::add-page:vertical,QScrollBar::sub-page:vertical
{background:rgb(0,0,0,10%);border-radius:4px;
}
QListWidget的QSS用法相关推荐
- Qt QListWidget列表框用法详解
Qt QListWidget列表框用法详解 很多应用程序中需要以列表的形式向用户展示数据(资源),比如 Windows 操作系统会以列表的方式展示很多张桌面背景图(如图 1a) 所示),再比如很多音乐 ...
- 【QT学习】QSS样式表实现界面换肤(图文详解+源码)
文章目录 前言 一.实现效果 二.QSS简介及用法 1.什么是QSS? 2.怎么使用QSS? 三.QSS用法一:单个控件调用setStyleSheet函数 四.QSS用法二:编写单个界面.qss文件的 ...
- 【Qt界面个性化】大杀器——qss
自学qt一年多了,也捣鼓做了不少东西了,发现qt比mfc强大的地方就在与它的简洁和强大的qss. 如果学qt不知道qss那基本就和美观的界面无缘了.简单来说,qss就源于网页的css(语法也基本一样一 ...
- 左侧导航栏|左侧选项卡实例
转载于:PyQt:左侧选项卡 - JYRoy - 博客园 PyQt:左侧选项卡 - JYRoy - 博客园 PyQt:左侧选项卡 写在前面# 正在用pyqt写我们比赛项目的客户端,针对左侧选项卡,写了 ...
- 【Qt样式(qss)-2】使用小结(软件换肤,比如暗黑模式)
1.背景: Qt style sheet(qss)跟前端技术一样,就是为了美化界面.关键是,太好用了.之前还为此写过一篇博客. [Qt样式(qss)-1]手册小结 [Qt样式(qss)-3]几套配色方 ...
- 利用PyQt5和QSS制作本地音乐播放器(初稿)
制作缘由 本来我是通过活动白嫖了某云音乐的黑胶VIP的,当时我下了很多VIP才能听整首的歌.但是VIP过期后,这音乐就播放不了了,一方面是它VIP歌曲存储为.ncm文件,另一方面是我将这ncm文件解码 ...
- QTableWidget表格控件的用法(非常详细)
QTableWidget表格控件的用法(非常详细) [1] QTableWidget表格控件的用法(非常详细) [2] QTableWidget详解 1.常用API设置 自动调整行高和列宽 设置表格内 ...
- button 样式_实战PyQt5: 111-可以使用QSS样式表的部件
可以使用QSS样式表的部件 QSS样式表支持各种部件,属性,伪状态和子控件,从而可以实现定制部件的外观,下面我们将详细列出可以使用QSS样式表的部件: QAbstractScrollArea:所有派生 ...
- QT高级编程之基本函数用法
1.QString类函数介绍 toInt()函数,可以将整型按照不同进制转换为QString对象: number()函数,可以将QString对象转换为不同进制的数字: 2.文档查询方法:通过Qt C ...
最新文章
- 获取表单提交的数据getParameter()方法
- html5怎么设置字体闪动,HTML最简单的文字闪烁代码
- SAP GRC 权限合规审计系统
- WINDOWS之入侵痕迹清理总结
- 从生态、标准、应用看中国开源 30 年!
- 6.1.1.2 属性类型之访问器属性
- 觉得做人累了就看看这些!不是社会错了,是你错了!写的超好!
- 三相同步电机怎么接线图_三相异步电机的正反转原理图解
- MySQL-运维工具 pt-archiver数据归档工具
- 算法三:判断该年该月有几天
- postgresql索引_PostgreSQL中的索引— 9(BRIN)
- 国内知名流程管理软件-汇总介绍
- antd的日期组件,月和周、年突然变成英文的修复
- 如何查看网页源码code、申请头headers等
- 【荐】女性新手必看的停车入位技巧图解
- vue项目导出word文件(根据word模板导出)
- Google 打开夜间模式 或者是护眼模式
- matlab 改变数据,MATLAb怎么实现对表格数据的修改
- 手机 app GDPR 合规的9个关键步骤
- HDU4847-Wow! Such Doge!
热门文章
- 离开互联网大厂的年轻人都去了哪儿?| DT数说
- python求基本勾股数_第一章:勾股数组(1)
- 核电厂混床树脂HPM123
- 苹果cms如何去掉首页帮助提示信息模板
- paddle使用指南
- 美国波音在中国市场颗粒无收全靠美国市场遮羞,空客和中国商飞成赢家
- 干货|一次完整的性能测试,测试人员需要做什么?
- python搜索关键词自动提交_Python多线程采集百度相关搜索关键词工具带exe程序!...
- ScalaNLP-breezebreeze-viz总结
- C语言i++和++i的区别