//一、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可以选择多个itemlist_widget->setSelectionMode(QAbstractItemView::ExtendedSelection);//有两种方法在ListWidget中添加item//一种在构造item的时候,指定其父WidgetQListWidgetItem *cubby_item = new QListWidgetItem(QIcon(":/res/pix/cubby.png"),
                                                  tr("Cubby"),list_widget);//第二种方法是在构造完item后,使用QListWidget::additem()来添加itemQListWidgetItem *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);//实现替换,自定义itemlist_widget->setItemWidget(button_item,button);//使用QListWidget::count()来统计ListWidget中总共的item数目int item_count = list_widget->count();
qDebug()<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; }"
                           );123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106

二、QTableWidget的使用

//二、QTableWidgettable_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()<setRowCount(row+1);//清除已有的行列//tableWidget->removeRow(row);//去掉水平滚动条//tableWidget->setHorizontalScrollBarPolicy(Qt::ScrollBarAlwaysOff);//垂直滚动条按项移动//tableWidget->setVerticalScrollMode(QAbstractItemView::ScrollPerItem);//去掉自动滚动条//tableWidget->setAutoScroll(false);123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176

三、可以使用.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);123456789101112131415161718192021123456789101112131415161718192021

qss文件格式设置样式表 
1、QListWidget和QTableWidget样式设置my.qss

//my.qssQListWidget
{
    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;*/}123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566

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-p_w_picpath:url(:/selectfile/scroll/3.png);
    subcontrol-position:bottom;}/*设置上箭头*/QScrollBar::sub-line:vertical
{
    height:12px;
    width:10px;
    border-p_w_picpath:url(:/selectfile/scroll/1.png);
    subcontrol-position:top;}/*设置下箭头:悬浮状态*/QScrollBar::add-line:vertical:hover
{
    height:12px;
    width:10px;
    border-p_w_picpath:url(:/selectfile/scroll/4.png);
    subcontrol-position:bottom;}/*设置上箭头:悬浮状态*/QScrollBar::sub-line:vertical:hover
{
    height:12px;
    width:10px;
    border-p_w_picpath: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;}12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970711234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071

QListWiget等样式表_第1张图片