PyQt5入门4——给目标检测算法构建一个简单的界面

news2024/9/21 20:49:26

PyQt5入门4——给目标检测算法构建一个简单的界面

  • 学习前言
  • 要构建怎么样的界面
  • 实例使用
    • 1、窗口构建
      • a、按钮：获取图片
      • b、Inputs、Outputs文本提示
      • c、Inputs、Outputs图片显示
      • d、箭头显示
      • e、整点祝福
    • 2、主程序运行
  • 全部代码

学习前言

搞搞可视化界面哈，虽然不一定有用，但是搞一下。
在这里插入图片描述

要构建怎么样的界面

目标检测算法一般就是检测个图片，然后显示图片结果就可以了。

最简单的情况，我们需要一个按钮读取图片，然后后有一个地方显示图片，就像下面这样子。

这里还没加入目标检测算法，只是搭个架子。
在这里插入图片描述

实例使用

1、窗口构建

a、按钮：获取图片

此处参考PyQt5入门3，使用到QPushButton类。

#-----------------------------#
#   获取图片按钮
#-----------------------------#
self.btn_photo = QPushButton('获取图片', self)
self.btn_photo.setToolTip('点击后从电脑中读取图片')
self.btn_photo.setIcon(QIcon("img/icon/Search.jpeg"))
self.btn_photo.setIconSize(QSize(30, 30))
self.btn_photo.resize(100, 40)
self.btn_photo.move(10, 10)   
self.btn_photo.clicked.connect(self.openimage)

写一下它的回调函数，在后面的Inputs图片处显示。

#-----------------------------#
#   打开图片模式
#-----------------------------#
@pyqtSlot()
def openimage(self):
    imgName, _ = QFileDialog.getOpenFileName(self, "打开图片", "", "Images (*.jpg, *.png);;All Files(*)")
    if len(imgName)==0:
        return
    show        = Image.open(imgName).convert("RGB")
    show        = show.resize([self.label_w, self.label_h])

    showImage   = QImage(np.array(show), np.shape(show)[1],  np.shape(show)[0], QImage.Format_RGB888)
    self.label_show_input.setPixmap(QPixmap.fromImage(showImage))

b、Inputs、Outputs文本提示

此处参考PyQt5入门1，使用到QTextBrowser类。

写两段文字，分别为Inputs和Outputs。

#-----------------------------#
#   写一段话
#   放到10,60
#   拉伸长度为200,30
#-----------------------------#
self.origin_text = QTextBrowser(self)
self.origin_text.setTextColor(QColor(23,32,32))
self.origin_text.move(10, 60)
self.origin_text.resize(200, 30)
self.origin_text.setText("Inputs:")
self.origin_text.setStyleSheet("border:none;background-color:rgba(0,0,0,0)")

#-----------------------------#
#   写一段话
#   放到10,60
#   拉伸长度为200,30
#-----------------------------#
self.output_text = QTextBrowser(self)
self.output_text.move(480, 60)
self.output_text.resize(200, 30)
self.output_text.setText("Outputs:")
self.output_text.setStyleSheet("border:none;background-color:rgba(0,0,0,0)")

c、Inputs、Outputs图片显示

此处参考PyQt5入门2，使用到QLabel类。

#-----------------------------#
#   设置显示的图片
#-----------------------------#
self.label_h = 384
self.label_w = 384
self.label_show_input = QLabel(self)
self.label_show_input.move(10, 100)
self.label_show_input.setFixedSize(self.label_w, self.label_h)
self.label_show_input.setText("Inputs!")
self.label_show_input.setStyleSheet("QLabel{background:white;}")
self.label_show_input.setObjectName("Inputs")

#-----------------------------#
#   设置显示的图片
#-----------------------------#
self.label_h = 384
self.label_w = 384
self.label_show_camera = QLabel(self)
self.label_show_camera.move(480, 100)
self.label_show_camera.setFixedSize(self.label_w, self.label_h)
self.label_show_camera.setText("Outputs!")
self.label_show_camera.setStyleSheet("QLabel{background:white;}")
self.label_show_camera.setObjectName("Outputs")

d、箭头显示

这里没找到很好的绘画方法，直接用文本的箭头来显示。PyQt5入门1，使用到QTextBrowser类。

#-----------------------------#
#   搞个箭头好看点
#-----------------------------#
self.arrow_text = QTextBrowser(self)
self.arrow_text.move(410, 275)
self.arrow_text.resize(200, 50)
self.arrow_text.setText("→")
self.arrow_text.setStyleSheet("border:none;background-color:rgba(0,0,0,0);font-size:50px")

e、整点祝福

祝你们每天开心。
参考PyQt5入门1，使用到QTextBrowser类。

#-----------------------------#
#   写一段话
#   放到10,500
#   拉伸长度为200,30
#-----------------------------#
self.text_browser = QTextBrowser(self)
self.text_browser.move(10, 500)
self.text_browser.resize(200, 30)
self.text_browser.setText("Happy New Day")
self.text_browser.setStyleSheet("border:none;background-color:rgba(100,255,255,255)")

2、主程序运行

这个是调用上述创建的Example，细节不必纠结，只需要知道这样便可以调用PyQt5即可。

if __name__ == '__main__':
    app = QApplication(sys.argv)
    ex = Example()
    sys.exit(app.exec_())

全部代码

import sys
import numpy as np
from PIL import Image

from PyQt5.QtGui import QImage, QPixmap, QIcon, QColor
from PyQt5.QtCore import pyqtSlot, QSize, Qt
from PyQt5.QtWidgets import QApplication, QTextBrowser, QWidget, QLabel, QPushButton, QFileDialog, QFrame


class Example(QWidget):
    def __init__(self):
        QWidget.__init__(self)
    
        #-----------------------------#
        #   界面显示相关内容
        #-----------------------------#
        self.initUI()

    def initUI(self):
        #-----------------------------#
        #   初始化标题，界面大小
        #-----------------------------#
        self.resize(900, 540)
        self.setWindowTitle('Easy Object Detection GUI')

        #-----------------------------#
        #   获取图片按钮
        #-----------------------------#
        self.btn_photo = QPushButton('获取图片', self)
        self.btn_photo.setToolTip('点击后从电脑中读取图片')
        self.btn_photo.setIcon(QIcon("img/icon/Search.jpeg"))
        self.btn_photo.setIconSize(QSize(30, 30))
        self.btn_photo.resize(100, 40)
        self.btn_photo.move(10, 10)   
        self.btn_photo.clicked.connect(self.openimage)

        #-----------------------------#
        #   写一段话
        #   放到10,500
        #   拉伸长度为200,30
        #-----------------------------#
        self.text_browser = QTextBrowser(self)
        self.text_browser.move(10, 500)
        self.text_browser.resize(200, 30)
        self.text_browser.setText("Happy New Day")
        self.text_browser.setStyleSheet("border:none;background-color:rgba(100,255,255,255)")

        #-----------------------------#
        #   写一段话
        #   放到10,60
        #   拉伸长度为200,30
        #-----------------------------#
        self.origin_text = QTextBrowser(self)
        self.origin_text.setTextColor(QColor(23,32,32))
        self.origin_text.move(10, 60)
        self.origin_text.resize(200, 30)
        self.origin_text.setText("Inputs:")
        self.origin_text.setStyleSheet("border:none;background-color:rgba(0,0,0,0)")

        #-----------------------------#
        #   写一段话
        #   放到10,60
        #   拉伸长度为200,30
        #-----------------------------#
        self.output_text = QTextBrowser(self)
        self.output_text.move(480, 60)
        self.output_text.resize(200, 30)
        self.output_text.setText("Outputs:")
        self.output_text.setStyleSheet("border:none;background-color:rgba(0,0,0,0)")
        
        #-----------------------------#
        #   搞个箭头好看点
        #-----------------------------#
        self.arrow_text = QTextBrowser(self)
        self.arrow_text.move(410, 275)
        self.arrow_text.resize(200, 50)
        self.arrow_text.setText("→")
        self.arrow_text.setStyleSheet("border:none;background-color:rgba(0,0,0,0);font-size:50px")

        #-----------------------------#
        #   设置显示的图片
        #-----------------------------#
        self.label_h = 384
        self.label_w = 384
        self.label_show_input = QLabel(self)
        self.label_show_input.move(10, 100)
        self.label_show_input.setFixedSize(self.label_w, self.label_h)
        self.label_show_input.setText("Inputs!")
        self.label_show_input.setStyleSheet("QLabel{background:white;}")
        self.label_show_input.setObjectName("Inputs")

        #-----------------------------#
        #   设置显示的图片
        #-----------------------------#
        self.label_h = 384
        self.label_w = 384
        self.label_show_camera = QLabel(self)
        self.label_show_camera.move(480, 100)
        self.label_show_camera.setFixedSize(self.label_w, self.label_h)
        self.label_show_camera.setText("Outputs!")
        self.label_show_camera.setStyleSheet("QLabel{background:white;}")
        self.label_show_camera.setObjectName("Outputs")

        self.show()

    #-----------------------------#
    #   打开图片模式
    #-----------------------------#
    @pyqtSlot()
    def openimage(self):
        imgName, _ = QFileDialog.getOpenFileName(self, "打开图片", "", "Images (*.jpg, *.png);;All Files(*)")
        if len(imgName)==0:
            return
        show        = Image.open(imgName).convert("RGB")
        show        = show.resize([self.label_w, self.label_h])

        showImage   = QImage(np.array(show), np.shape(show)[1],  np.shape(show)[0], QImage.Format_RGB888)
        self.label_show_input.setPixmap(QPixmap.fromImage(showImage))
        
if __name__ == '__main__':
    app = QApplication(sys.argv)
    ex = Example()
    sys.exit(app.exec_())

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.coloradmin.cn/o/1132414.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

相关文章

外汇天眼：CySEC向塞浦路斯投资公司的董事会成员发出警告

外汇天眼：CySEC向塞浦路斯投资公司的董事会成员发出警告

塞浦路斯证券与交易委员会（CySEC）已警告塞浦路斯投资公司（CIFs）的董事会成员，提醒他们加强履行职责，推动诚信和高道德标准的文化，此前监管行动揭示了合规方面的差距。 CySEC已经在加强监管措施…
阅读更多...
国产破局、引领三维未来 | 大势智慧2023秋季新品发布会来了！

国产破局、引领三维未来 | 大势智慧2023秋季新品发布会来了！

国产破局、引领三维未来 全国产、真安全 大势智慧2023秋季新品发布会 10.27 | 14:30 扫码预约 敬请期待 #实景三维##三维重建##国产替代##新品发布# ​​​
阅读更多...
ts声明文件

ts声明文件

1 背景 对于为第三方模块/库写声明文件之前，我们需要知道第三方模块/库，是否需要声明文件，或者是否已有声明文件。 若第三方模块/库，是ts编写且无声明文件， 可以使用--declaration配置选项来生成；可以在命…
阅读更多...
什么是SpringCloud Alibaba Nacos注册中心

什么是SpringCloud Alibaba Nacos注册中心

😀前言 本篇博文是关于SpringCloud Alibaba Nacos的基本介绍和使用，希望你能够喜欢 🏠个人主页：晨犀主页 🧑个人简介：大家好，我是晨犀，希望我的文章可以帮助到大家，您的满…
阅读更多...
【Java系列】ArrayList

【Java系列】ArrayList

ArrayList 添加元素访问元素修改元素删除元素计算大小迭代数组列表其他的引用类型ArrayList 排序Java ArrayList 方法系列文章系列文章版本记录 引言 ArrayList 类是一个可以动态修改的数组，与普通数组的区别就是它是没有固定大小的限制，我们可以添加或删…
阅读更多...
wxPython 布局调试技巧

wxPython 布局调试技巧

在Show()与MainLoop()直接加入以上代码 import wx.lib.inspection ...frame.Show() wx.lib.inspection.InspectionTool().Show() app.MainLoop()启动后会弹出布局查看工具
阅读更多...
家用洗地机哪种好?2023年最好用的洗地机

家用洗地机哪种好?2023年最好用的洗地机

洗地机已经成为现代家庭不可或缺的家电之一，可以大大减轻家庭清洁的负担，使我们的生活更加轻松和便捷。但面对市场上众多品牌和型号的洗地机，我们如何选择最适合自己的呢?本文将为您介绍2023年最好用的洗地机，详细比较它们的特点…
阅读更多...
Git不常用命令(持续更新)

Git不常用命令(持续更新)

今日鸡汤：当你最满足的时候，通常也最孤独；当你最愤慨的时候，通常也最可怜。 此博文会列出一些平时不常用，但是能提高效率的git命令，后续会出IDEA对应的操作步骤 快看看你是不是都用过... 分支（…
阅读更多...
HarmonyOS 多音频播放并发政策及音频管理解析

HarmonyOS 多音频播放并发政策及音频管理解析

音频打断策略 多音频并发，即多个音频流同时播放。此场景下，如果系统不加管控，会造成多个音频流混音播放，容易让用户感到嘈杂，造成不好的用户体验。为了解决这个问题，系统预设了音频打断策略，对…
阅读更多...
微信群发消息的正确打开方式，让你的社交更高效！

微信群发消息的正确打开方式，让你的社交更高效！

在当今的社交媒体时代，微信已经成为了我们生活中必不可少的一部分。而微信的群发消息功能，让我们可以方便地将信息一次性发送给多个联系人。然而，微信的群发消息功能有一个限制，即每次只能群发200个联系人。这对于需要发送消息给大…
阅读更多...
【网安大模型专题10.19】※论文5：ChatGPT+漏洞定位+补丁生成+补丁验证+APR方法+ChatRepair+不同修复场景+修复效果（韦恩图展示）

【网安大模型专题10.19】※论文5：ChatGPT+漏洞定位+补丁生成+补丁验证+APR方法+ChatRepair+不同修复场景+修复效果（韦恩图展示）

Keep the Conversation Going: Fixing 162 out of 337 bugs for $0.42 each using ChatGPT 写在最前面背景介绍自动程序修复流程Process of APR (automated program repair)1、漏洞程序2、漏洞定位模块3、补丁生成4、补丁验证 （可以学习的PPT设计）经典的…
阅读更多...
Jmeter（十三）：jmeter第三方插件管理工具安装详细步骤

Jmeter（十三）：jmeter第三方插件管理工具安装详细步骤

jmeter第三方插件管理工具安装 第一步：下载 jmeter-plugins-manager-1.6.jar 第二步：把该jar包放置到:jmeter安装路径/lib/ext下 第三步：重启jmeter,在选项下可以看见插件管理 同时，我也准备了一份软件测试视频教程（…
阅读更多...
（10_24）【有奖体验】AIGC小说创作大赛开启！通义千问X函数计算部署AI助手

（10_24）【有奖体验】AIGC小说创作大赛开启！通义千问X函数计算部署AI助手

一个 AI 助手到底能做什么？ 可以书写小说 可以解析编写代码 可以鼓舞心灵 提供职业建议 还有更多能力需要您自己去探索。接下来我们将花费 5 分钟，基于函数计算X通义千问部署一个 AI 助手，帮你撰写各类文案。 领取函数计算试用额度 首次开…
阅读更多...
折纸问题

折纸问题

折纸的次数 —— 从上到下的折痕 本质上是中序遍历的问题，因为每一次在已有的折痕后折的时候，当前折痕上的折痕一定为凹，当前折痕下的折痕一定为凸 。实际模拟了一个不存在的二叉树结构的中序遍历。 注：折纸折几次整颗二叉树就有…
阅读更多...
Jmeter的接口自动化测试

Jmeter的接口自动化测试

在去年实施了一年的三端（PC、无线M站、无线APP【Android、IOS】）后，今年7月份开始，我们开始进行接口自动化的实施，目前已完成了整个框架的搭建以及接口的持续测试集成。今天做个简单的分享。 在开始自动化投入前&#…
阅读更多...
独家揭秘微信视频号下载提取器,使用方法！

独家揭秘微信视频号下载提取器,使用方法！

1：微信视频号下载提取器，需要先确认自己手机电脑版本是否支持视频号的观看和浏览 2:需要下载视频号的作品发给视频下载小助手，聊天窗口 3：打开小助手解析视频号视频链接，保存到手机相册或者电脑上 注意视频号电脑版…
阅读更多...
还原现场——前端录制用户行为技术方案

还原现场——前端录制用户行为技术方案

一、问题背景 目前，在我们的项目中通常会使用各种各样的埋点和监控来收集页面访问的信息，例如点击埋点、PV埋点等，这些埋点数据能够反应绝大部分的用户行为，但是对于一些关注上下文的使用场景而言这些埋点是不够的。 对于产品而言…
阅读更多...
智慧工地云平台源码 人工智能AI+多系统集成+智能预警平台源码

智慧工地云平台源码 人工智能AI+多系统集成+智能预警平台源码

智慧工地云平台源码 人工智能AI多系统集成智能预警平台 智慧工地企业级监管平台融入AIoT、移动互联网和物联网等领先技术，再结合工地“人、机、料、法、环”五大要素，劳务实名制管理、环境监测管理、安全施工管理、质量及能耗管理等智慧化应用&#xff0…
阅读更多...
华为云香港云服务器CPU性能测评_1核2G1M带宽S3服务器

华为云香港云服务器CPU性能测评_1核2G1M带宽S3服务器

华为云香港云服务器99元一年，S3云服务器1核2G1M带宽，40GB高IO系统盘，活动链接：atengyun.com/go/huawei 购买条件为华为云新用户，阿腾云分享华为云香港99元服务器优惠活动入口、详细配置、价格及注意事项： …
阅读更多...
【LeetCode:2698. 求一个整数的惩罚数 | 递归】

【LeetCode:2698. 求一个整数的惩罚数 | 递归】

🚀 算法题 🚀 🌲 算法刷题专栏 | 面试必备算法 | 面试高频算法 🍀 🌲 越难的东西,越要努力坚持，因为它具有很高的价值，算法就是这样✨ 🌲 作者简介：硕风和炜，…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023