【Qt学习】 列表项呈现动态效果

目录

一：效果展示

二：核心源码

三：注意事项

---

一：效果展示

二：核心源码

    //鼠标经过列表每一项有选中的动态效果
    videowinlist->setStyleSheet(                            //设置背景颜色
                             "QListWidget{background-color: rgb(252,157,154)}"
                             "QListWidget{border:none; color:black;outline:0px; }"
                             "QListWidget::Item{padding-left:0px;padding-top:20px; padding-bottom:4px;color:black}"
                             "QListWidget::Item:hover{background:lightgray; color:green;}"
                             "QListWidget::item:selected{background:lightgray; color:green; }"
                             );

三：注意事项

原先自己先对自己写的布局进行窗口背景的颜色设置

    //设置背景颜色
    leftwin->setStyleSheet("background-color: rgb(252,157,154)");
    topwin->setStyleSheet("background-color: rgb(252,157,154)");
    //videowinlist->setStyleSheet("background-color: rgb(252,157,154)");//在下面setStyleSheet中实现

可是videowinlist的样式表的背景颜色会被鼠标经过列表每一项会有选中的动态效果的样式表效果所覆盖

解决：将videowinlist的样式表的背景颜色的设置放置在鼠标经过列表每一项会有选中的动态效果的样式表效果实现当中

    //鼠标经过列表每一项有选中的动态效果
    videowinlist->setStyleSheet(                            //设置背景颜色
                             "QListWidget{background-color: rgb(252,157,154)}"
                             "QListWidget{border:none; color:black;outline:0px; }"
                             "QListWidget::Item{padding-left:0px;padding-top:20px; padding-bottom:4px;color:black}"
                             "QListWidget::Item:hover{background:lightgray; color:green;}"
                             "QListWidget::item:selected{background:lightgray; color:green; }"
                             );