在pyqt5中动态突出显示文件

分类：编程问答

如何解决在pyqt5中动态突出显示文件

我正在尝试为图像创建一种文件浏览器

image

当我按上一个或下一个按钮时，它将打开图像，并显示所提到目录中的文件列表。但是，仅通过单击鼠标即可突出显示列表视图上的文件。

当我按下按钮（下一个或上一个）时，如何在列表视图区域（左侧）中突出显示当前文件？

这是我的代码：

from PyQt5 import QtCore,QtGui,QtWidgets
from PyQt5.QtWidgets import QFileDialog
from PyQt5.QtWidgets import *
from PyQt5.QtCore import *
from PyQt5.QtGui import QColor,QTextCharFormat
import os


class Ui_Dialog(object):
    def setupUi(self,Dialog):
        self.filename=[]
        self.path=[]
        self.current_im=[]
        Dialog.setObjectName("Dialog")
        Dialog.resize(832,586)
        self.toolButton = QtWidgets.QToolButton(Dialog)
        self.toolButton.setGeometry(QtCore.QRect(90,70,25,19))
        self.toolButton.setPopupMode(QtWidgets.QToolButton.DelayedPopup)
        self.toolButton.setObjectName("toolButton")

        self.label = QtWidgets.QLabel(Dialog)
        self.label.setGeometry(QtCore.QRect(20,81,16))
        self.label.setObjectName("label")

        #self.lbl = QLabel(self)
        self.qle = QLineEdit(Dialog)
        self.qle.setGeometry(QtCore.QRect(120,20,191,16))
        self.t=self.qle.textChanged[str]
        self.qle.textChanged[str].connect(self.onChanged)

        #self.lbl.move(60,40)

        self.label_2 = QtWidgets.QLabel(Dialog)
        self.label_2.setGeometry(QtCore.QRect(10,91,16))
        self.label_2.setObjectName("label_2")

        self.toolButton_2 = QtWidgets.QToolButton(Dialog)
        self.toolButton_2.setGeometry(QtCore.QRect(500,31,19))
        self.toolButton_2.setObjectName("toolButton_2")

        self.checkBox = QtWidgets.QCheckBox(Dialog)
        self.checkBox.setGeometry(QtCore.QRect(730,260,21))
        self.checkBox.setObjectName("checkBox")

        #self.scrollArea = QtWidgets.QScrollArea(Dialog)
        #self.scrollArea.setGeometry(QtCore.QRect(10,110,261,461))
        #self.scrollArea.setWidgetResizable(True)
        #self.scrollArea.setObjectName("scrollArea")

        #self.scrollAreaWidgetContents = Widget(Dialog)
        #self.scrollAreaWidgetContents.setGeometry(QtCore.QRect(10,461))
        #self.scrollAreaWidgetContents.setObjectName("scrollAreaWidgetContents")

        #self.verticalScrollBar = QtWidgets.QScrollBar(self.scrollAreaWidgetContents)
        #self.verticalScrollBar.setGeometry(QtCore.QRect(240,16,451))
        #self.verticalScrollBar.setOrientation(QtCore.Qt.Vertical)
        #self.verticalScrollBar.setObjectName("verticalScrollBar")

        #self.scrollArea.setWidget(self.scrollAreaWidgetContents)

        #self.hlay = QHBoxLayout(Dialog)
        self.listview = QListView(Dialog)
        self.fileModel = QFileSystemModel(Dialog)
        #self.hlay.addWidget(self.listview)
        #self.hlay.setGeometry(QtCore.QRect(10,461))
        self.listview.setGeometry(QtCore.QRect(10,461))

        self.label_3 = QtWidgets.QLabel(Dialog)
        self.label_3.setGeometry(QtCore.QRect(290,140,401,361))
        self.label_3.setText("")
        #self.label_3.setPixmap(QtGui.QPixmap("C:/Users/Nigel/Desktop/Waste_classification/Waste-Classification-master/dataset/train_set/1/2а (5).jpg"))
        #self.label_3.setScaledContents(True)
        self.label_3.setObjectName("label_3")

        self.comboBox = QtWidgets.QComboBox(Dialog)
        self.comboBox.setGeometry(QtCore.QRect(720,69,22))
        self.comboBox.setObjectName("comboBox")
        self.comboBox.addItem("")
        self.comboBox.addItem("")
        self.comboBox.addItem("")
        self.comboBox.addItem("")
        self.comboBox.addItem("")
        self.comboBox.addItem("")
        self.comboBox.addItem("")
        self.comboBox.addItem("")
        self.comboBox.addItem("")
        self.comboBox.addItem("")

        self.label_4 = QtWidgets.QLabel(Dialog)
        self.label_4.setGeometry(QtCore.QRect(720,120,51,16))
        self.label_4.setObjectName("label_4")
        self.label_5 = QtWidgets.QLabel(Dialog)
        self.label_5.setGeometry(QtCore.QRect(390,16))
        self.label_5.setObjectName("label_5")

        self.comboBox_2 = QtWidgets.QComboBox(Dialog)
        self.comboBox_2.setGeometry(QtCore.QRect(720,210,22))
        self.comboBox_2.setObjectName("comboBox_2")
        self.comboBox_2.addItem("")
        self.comboBox_2.addItem("")
        self.comboBox_2.addItem("")

        self.label_6 = QtWidgets.QLabel(Dialog)
        self.label_6.setGeometry(QtCore.QRect(720,190,47,13))
        self.label_6.setObjectName("label_6")

        self.pushButton = QtWidgets.QPushButton(Dialog)
        self.pushButton.setGeometry(QtCore.QRect(290,510,41))
        self.pushButton.setObjectName("pushButton")

        self.pushButton_2 = QtWidgets.QPushButton(Dialog)
        self.pushButton_2.setGeometry(QtCore.QRect(380,41))
        self.pushButton_2.setObjectName("pushButton_2")

        self.pushButton_3 = QtWidgets.QPushButton(Dialog)
        self.pushButton_3.setGeometry(QtCore.QRect(470,41))
        self.pushButton_3.setObjectName("pushButton_3")


        self.retranslateUi(Dialog)
        QtCore.QMetaObject.connectSlotsByName(Dialog)

    def onChanged(self,text):

        DB=text+'.csv'
        print()
        #self.lbl.adjustSize()-

            
    def retranslateUi(self,Dialog):
        _translate = QtCore.QCoreApplication.translate
        Dialog.setWindowTitle(_translate("Dialog","Dialog"))

        self.toolButton.setText(_translate("Dialog","..."))
        self.label.setText(_translate("Dialog","Images folder"))
        self.label_2.setText(_translate("Dialog","Database filename:"))
        self.toolButton_2.setText(_translate("Dialog","..."))

        self.checkBox.setText(_translate("Dialog","Show Grid"))

        self.comboBox.setItemText(0,_translate("Dialog","1A"))
        self.comboBox.setItemText(1,"2A"))
        self.comboBox.setItemText(2,"3A"))
        self.comboBox.setItemText(3,"5A"))
        self.comboBox.setItemText(4,"12A"))
        self.comboBox.setItemText(5,"17A"))
        self.comboBox.setItemText(6,"19A"))
        self.comboBox.setItemText(7,"20A"))
        self.comboBox.setItemText(8,"22A"))
        self.comboBox.setItemText(9,"Unsorted"))

        self.label_4.setText(_translate("Dialog","Class:"))
        #self.label_4.setBackground(QColor('yellow'))
        self.label_5.setText(_translate("Dialog","Database location:"))

        self.comboBox_2.setItemText(0,"600x500"))
        self.comboBox_2.setItemText(1,"800x500"))
        self.comboBox_2.setItemText(2,"1500x500"))

        self.label_6.setText(_translate("Dialog","Grid size:"))
        self.pushButton.setText(_translate("Dialog","Previous"))
        self.pushButton_2.setText(_translate("Dialog","Next"))
        self.pushButton_3.setText(_translate("Dialog","Add to DB"))
        self.toolButton.clicked.connect(self.open_dialog_box)
        self.pushButton_2.clicked.connect(self.next_im)
        self.pushButton.clicked.connect(self.previous_im)


        #self.toolButton.clicked.connect()
        #self.toolButton_2.clicked.connect(self.open_dialog_box)




    def open_dialog_box(self):
        self.filename=QFileDialog.getExistingDirectory()

        self.fileModel.setRootPath(self.filename)
        self.listview.setModel(self.fileModel)
        self.listview.setRootIndex(self.fileModel.index(self.filename))
        #selection_model = self.listview.selectionModel()
        #index = self.fileModel.index(0,0)
        #print(index)
        #selection_model.select(index,QtGui.QItemSelectionModel.Select)
        self.listview.clicked.connect(self.on_clicked)
        

    def on_clicked(self,index):
        #index = self.fileModel.index(0,0)
        #print(index)
        self.path = self.fileModel.fileInfo(index).absoluteFilePath()
        print(index)
        self.label_3.setPixmap(QtGui.QPixmap(self.path))
        self.label_3.setScaledContents(True)
        self.current_im=self.path


    def on_clicked_1(self):
        self.path = self.current_im
        #print(path)
        self.label_3.setPixmap(QtGui.QPixmap(self.path))
        self.label_3.setScaledContents(True)


    def next_im(self):
        directory=self.filename
        list_1=[]
        if directory==[] or self.current_im==[]:
            pass
        else:

            for f in os.listdir(directory):
                fpath = directory+'/'+f
                list_1.append(fpath)

            #print(list_1)

            n=list_1.index(self.current_im)

            if n==(len(list_1)-1):
                k=0
            else:
                k=n+1


            self.current_im=list_1[k]

            self.on_clicked_1()

            #self.label_3.setPixmap(QtGui.QPixmap(self.current_im))
            #self.label_3.setScaledContents(True)

    def previous_im(self):
        directory=self.filename
        list_1=[]
        if directory==[] or self.current_im==[]:
            pass
        else:
            for f in os.listdir(directory):
                fpath = directory+'/'+f
                list_1.append(fpath)

            #print(list_1)

            n=list_1.index(self.current_im)

            self.current_im=list_1[n-1]
            self.label_3.setPixmap(QtGui.QPixmap(self.current_im))
            self.label_3.setScaledContents(True)

    


        
    







if __name__ == "__main__":
    import sys
    app = QtWidgets.QApplication(sys.argv)
    Dialog = QtWidgets.QDialog()
    ui = Ui_Dialog()
    ui.setupUi(Dialog)
    Dialog.show()

    #w = Widget()
    #w.show()
    sys.exit(app.exec_())

解决方法

首先，您不应该修改Qt Designer生成的代码，因此我花了一些时间来创建.ui，并且我还使用布局来更好地处理几何图形。

<?xml version="1.0" encoding="UTF-8"?>
<ui version="4.0">
 <class>Dialog</class>
 <widget class="QDialog" name="Dialog">
  <property name="geometry">
   <rect>
    <x>0</x>
    <y>0</y>
    <width>724</width>
    <height>463</height>
   </rect>
  </property>
  <property name="windowTitle">
   <string>Dialog</string>
  </property>
  <layout class="QGridLayout" name="gridLayout" rowstretch="0,1,0" columnstretch="1,0">
   <item row="0" column="0" colspan="3">
    <layout class="QHBoxLayout" name="horizontalLayout_3">
     <item>
      <widget class="QLabel" name="label">
       <property name="text">
        <string>Database filename:</string>
       </property>
      </widget>
     </item>
     <item>
      <widget class="QLineEdit" name="lineEdit"/>
     </item>
     <item>
      <widget class="QLabel" name="label_2">
       <property name="text">
        <string>Database location:</string>
       </property>
      </widget>
     </item>
     <item>
      <widget class="QToolButton" name="toolButton_2">
       <property name="text">
        <string>...</string>
       </property>
      </widget>
     </item>
     <item>
      <spacer name="horizontalSpacer_3">
       <property name="orientation">
        <enum>Qt::Horizontal</enum>
       </property>
       <property name="sizeHint" stdset="0">
        <size>
         <width>40</width>
         <height>20</height>
        </size>
       </property>
      </spacer>
     </item>
    </layout>
   </item>
   <item row="1" column="0">
    <layout class="QHBoxLayout" name="horizontalLayout">
     <item>
      <widget class="QLabel" name="label_3">
       <property name="text">
        <string>Images folder</string>
       </property>
      </widget>
     </item>
     <item>
      <widget class="QToolButton" name="select_folder_button">
       <property name="text">
        <string>...</string>
       </property>
      </widget>
     </item>
     <item>
      <spacer name="horizontalSpacer">
       <property name="orientation">
        <enum>Qt::Horizontal</enum>
       </property>
       <property name="sizeHint" stdset="0">
        <size>
         <width>40</width>
         <height>20</height>
        </size>
       </property>
      </spacer>
     </item>
    </layout>
   </item>
   <item row="1" column="1">
    <spacer name="verticalSpacer_2">
     <property name="orientation">
      <enum>Qt::Vertical</enum>
     </property>
     <property name="sizeHint" stdset="0">
      <size>
       <width>20</width>
       <height>28</height>
      </size>
     </property>
    </spacer>
   </item>
   <item row="1" column="2">
    <spacer name="verticalSpacer_3">
     <property name="orientation">
      <enum>Qt::Vertical</enum>
     </property>
     <property name="sizeHint" stdset="0">
      <size>
       <width>20</width>
       <height>28</height>
      </size>
     </property>
    </spacer>
   </item>
   <item row="2" column="0">
    <widget class="QListView" name="listview"/>
   </item>
   <item row="2" column="1">
    <widget class="QLabel" name="image_label">
     <property name="styleSheet">
      <string notr="true">background-color: rgb(255,255,255);</string>
     </property>
     <property name="text">
      <string/>
     </property>
     <property name="scaledContents">
      <bool>true</bool>
     </property>
     <property name="alignment">
      <set>Qt::AlignCenter</set>
     </property>
    </widget>
   </item>
   <item row="2" column="2">
    <layout class="QVBoxLayout" name="verticalLayout">
     <item>
      <widget class="QLabel" name="label_5">
       <property name="text">
        <string>Class:</string>
       </property>
      </widget>
     </item>
     <item>
      <widget class="QComboBox" name="comboBox"/>
     </item>
     <item>
      <widget class="QLabel" name="label_6">
       <property name="text">
        <string>Grid Size</string>
       </property>
      </widget>
     </item>
     <item>
      <widget class="QComboBox" name="comboBox_2"/>
     </item>
     <item>
      <widget class="QCheckBox" name="checkBox">
       <property name="text">
        <string>Show Grid</string>
       </property>
      </widget>
     </item>
     <item>
      <spacer name="verticalSpacer">
       <property name="orientation">
        <enum>Qt::Vertical</enum>
       </property>
       <property name="sizeHint" stdset="0">
        <size>
         <width>20</width>
         <height>40</height>
        </size>
       </property>
      </spacer>
     </item>
    </layout>
   </item>
   <item row="3" column="0">
    <spacer name="verticalSpacer_6">
     <property name="orientation">
      <enum>Qt::Vertical</enum>
     </property>
     <property name="sizeHint" stdset="0">
      <size>
       <width>20</width>
       <height>39</height>
      </size>
     </property>
    </spacer>
   </item>
   <item row="3" column="1">
    <layout class="QHBoxLayout" name="horizontalLayout_2">
     <item>
      <widget class="QPushButton" name="previous_button">
       <property name="minimumSize">
        <size>
         <width>80</width>
         <height>40</height>
        </size>
       </property>
       <property name="text">
        <string>Previous</string>
       </property>
      </widget>
     </item>
     <item>
      <widget class="QPushButton" name="next_button">
       <property name="minimumSize">
        <size>
         <width>80</width>
         <height>40</height>
        </size>
       </property>
       <property name="text">
        <string>Next</string>
       </property>
      </widget>
     </item>
     <item>
      <widget class="QPushButton" name="pushButton_3">
       <property name="minimumSize">
        <size>
         <width>80</width>
         <height>40</height>
        </size>
       </property>
       <property name="text">
        <string>Add to DB</string>
       </property>
      </widget>
     </item>
     <item>
      <spacer name="horizontalSpacer_2">
       <property name="orientation">
        <enum>Qt::Horizontal</enum>
       </property>
       <property name="sizeHint" stdset="0">
        <size>
         <width>40</width>
         <height>20</height>
        </size>
       </property>
      </spacer>
     </item>
    </layout>
   </item>
   <item row="3" column="2">
    <spacer name="verticalSpacer_5">
     <property name="orientation">
      <enum>Qt::Vertical</enum>
     </property>
     <property name="sizeHint" stdset="0">
      <size>
       <width>20</width>
       <height>39</height>
      </size>
     </property>
    </spacer>
   </item>
  </layout>
 </widget>
 <resources/>
 <connections/>
</ui>

您必须将.ui转换为.py：

pyuic5 gui.ui -o gui.py -x

由于这个问题，逻辑是仅用一种方法集中图像更改过程，因为在这种情况下，所有操作都集中在与QModelIndex相关联的项目的选择上，因此，每次更改所选项目时，图像都必须进行更新，按钮将仅更改所选项目：

from PyQt5 import QtCore,QtGui,QtWidgets

from gui import Ui_Dialog


class Dialog(QtWidgets.QDialog,Ui_Dialog):
    def __init__(self,parent=None):
        super().__init__(parent)
        self.setupUi(self)
        self.filemodel = QtWidgets.QFileSystemModel(self)
        self.listview.setModel(self.filemodel)
        self.select_folder_button.clicked.connect(self.select_folder)
        self.listview.selectionModel().currentChanged.connect(self.update_image)
        self.next_button.clicked.connect(self.next_image)
        self.previous_button.clicked.connect(self.previous_image)
        self.image_label.setFixedSize(400,360)

    @QtCore.pyqtSlot()
    def select_folder(self):
        dirname = QtWidgets.QFileDialog.getExistingDirectory()
        if dirname:
            self.filemodel.setRootPath(dirname)
            self.listview.setRootIndex(self.filemodel.index(dirname))

    @QtCore.pyqtSlot()
    def next_image(self):
        index = self.listview.moveCursor(
            QtWidgets.QAbstractItemView.MoveNext,QtCore.Qt.NoModifier
        )
        self.listview.selectionModel().setCurrentIndex(
            index,QtCore.QItemSelectionModel.SelectCurrent
        )

    @QtCore.pyqtSlot()
    def previous_image(self):
        index = self.listview.moveCursor(
            QtWidgets.QAbstractItemView.MovePrevious,QtCore.QItemSelectionModel.SelectCurrent
        )

    def update_image(self,index):
        fileinfo = self.filemodel.fileInfo(index)
        if fileinfo and fileinfo.isFile():
            filename = fileinfo.absoluteFilePath()
            self.image_label.setPixmap(QtGui.QPixmap(filename))


if __name__ == "__main__":
    import sys

    app = QtWidgets.QApplication(sys.argv)
    w = Dialog()
    w.show()
    sys.exit(app.exec_())

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。

相关推荐

导入项目后报错问题
依赖报错 idea导入项目后依赖报错，解决方案：https://blog.csdn.net/weixin_42420249/article/details/81191861 依赖版本报错：更换其他版本 无法下载依赖可参考：https://blog.csdn.net/weixin_42628809/a
idea不能识别yaml文件
使用mybatis plus常见错误
错误1：代码生成器依赖和mybatis依赖冲突 启动项目时报错如下 2021-12-03 13:33:33.927 ERROR 7228 [ main] o.s.b.d.LoggingFailureAnalysisReporter : *************************** APPL
gradle常见问题与错误
错误1：gradle项目控制台输出为乱码 # 解决方案：https://blog.csdn.net/weixin_43501566/article/details/112482302 # 在gradle-wrapper.properties 添加以下内容 org.gradle.jvmargs=-Df
Mybatis Plus传入参数0不起作用
错误还原：在查询的过程中，传入的workType为0时，该条件不起作用 &lt;select id=&quot;xxx&quot;&gt; SELECT di.id, di.name, di.work_type, di.updated... &lt;where&gt; &lt;if test=&qu
linux中make编译源码包失败
报错如下，gcc版本太低 ^ server.c:5346:31: 错误：‘struct redisServer’没有名为‘server_cpulist’的成员 redisSetCpuAffinity(server.server_cpulist); ^ server.c: 在函数‘hasActiveC
微服务启动错误：Command line is too long. Shorten command line for
解决方案1 1、改项目中.idea/workspace.xml配置文件，增加dynamic.classpath参数 2、搜索PropertiesComponent，添加如下 &lt;property name=&quot;dynamic.classpath&quot; value=&quot;tru
vue常见错误
删除根组件app.vue中的默认代码后报错：Module Error (from ./node_modules/eslint-loader/index.js): 解决方案：关闭ESlint代码检测，在项目根目录创建vue.config.js，在文件中添加 module.exports = { lin
spark常见错误
查看spark默认的python版本 [root@master day27]# pyspark /home/software/spark-2.3.4-bin-hadoop2.7/conf/spark-env.sh: line 2: /usr/local/hadoop/bin/hadoop: No s
matplotlib报错：AttributeError: module 'backend_interagg' has no attribute 'FigureCanvas'. Did you mean: 'FigureCanvasAgg'?
使用本地python环境可以成功执行 import pandas as pd import matplotlib.pyplot as plt # 设置字体 plt.rcParams[&#39;font.sans-serif&#39;] = [&#39;SimHei&#39;] # 能正确显示负号 p
gitlab登录失败，报错：This challenge page was accidentally cached by an intermediary and is no longer available.
设置时间 控制面板
后端开发常见错误
错误1：Request method ‘DELETE‘ not supported 错误还原：controller层有一个接口，访问该接口时报错：Request method ‘DELETE‘ not supported 错误原因：没有接收到前端传入的参数，修改为如下 参考 错误2：cannot r
docker常见错误
错误1：启动docker镜像时报错：Error response from daemon: driver failed programming external connectivity on endpoint quirky_allen 解决方法：重启docker -&gt; systemctl r
idea常见错误
错误1：private field ‘xxx‘ is never assigned 按Altʾnter快捷键，选择第2项 参考：https://blog.csdn.net/shi_hong_fei_hei/article/details/88814070 错误2：启动时报错，不能找到主启动类 #
pip安装依赖失败
报错如下，通过源不能下载，最后警告pip需升级版本 Requirement already satisfied: pip in c:\users\ychen\appdata\local\programs\python\python310\lib\site-packages (22.0.4) Coll
maven常见错误
错误1：maven打包报错 错误还原：使用maven打包项目时报错如下 [ERROR] Failed to execute goal org.apache.maven.plugins:maven-resources-plugin:3.2.0:resources (default-resources)
cloud项目中常见错误
错误1：服务调用时报错 服务消费者模块assess通过openFeign调用服务提供者模块hires 如下为服务提供者模块hires的控制层接口 @RestController @RequestMapping(&quot;/hires&quot;) public class FeignControl
springboot常见错误
错误1：运行项目后报如下错误 解决方案 报错2：Failed to execute goal org.apache.maven.plugins:maven-compiler-plugin:3.8.1:compile (default-compile) on project sb 解决方案：在pom.
springmvc拦截器中使用redisTemplate报空指针异常
参考 错误原因 过滤器或拦截器在生效时，redisTemplate还没有注入 解决方案：在注入容器时就生效 @Component //项目运行时就注入Spring容器 public class RedisBean { @Resource private RedisTemplate&lt;String
vite报错：npm ERR! command C:WINDOWSsystem32cmd.exe /d /s /c C:UsersychenAppDataLocalTempnpx-dde1c848.cmd
使用vite构建项目报错 C:\Users\ychen\work&gt;npm init @vitejs/app @vitejs/create-app is deprecated, use npm init vite instead C:\Users\ychen\AppData\Local\npm-
pythonJavaScriptjavaHTMLPHPreactjsC#AndroidCSSNode.jssqlrpython-3.xMysqLjQueryc++pandasFlutterangularIOSdjangolinuxswifttypescript路由器JSON路由器设置无线路由器h3c华三华三路由器设置华三路由器电脑软件教程arraysdocker软件图文教程Cvue.jslaravelspring-boot