PyQt5 PySide2 触摸测试功能的实现代码

一、前言

该测试功能是linux产测软件的一个子功能,主要涉及:
140行代码
PySide2的Event、信号和槽、QLabel,QWidget。
QLabel实现每个小框,QWidget作为主界面

另外发现PySide2和Pyqt5没啥大区别,只要把import的包改好,代码是可以两方通用的。

手指滑动,手指坐标所在方块的颜色发生改变,如果手指划出方块区域,则所有已染色方块清空颜色,松开事件同理

实现效果:

-1

-2

二、实现思路:

1.使用GridLayout,绘制四周方格,方格初始化为黄色,点击到则为红色

2.重写Label,对每个label定义x,y表示所在gridlayout中的位置
如x = 1,y = 3表示label位于第一行第三列,left,right,top,bottom表示方格四条边的实际坐标

3.重写moveEvent事件和ReleaseEvent事件,
moveEvnet事件:
每次鼠标移动即触发moveEvent,则发出已经定义的信号move_signal
move_singal.connect(self.manager_touch)
manager_touch是判断当前鼠标是否位于方格内,如果在方格内则染色,如果鼠标划入空白部分,则清空所有方块颜色
另对染色label进行计数,如果达到绘制的label的总数量则发出信号返回测试通过

ReleaseEvent事件:
鼠标左键松开(对应手指离开屏幕)即触发ReleaseEvent,则清空已染色方块,另把已染色方块数量清零

4.clear_sources: 在退出页面前应将保存label的列表即self.touch_labels清空,否则重启该界面会报错

三、实现代码:

sytle.py

  1. COLOR_RED = “color: rgb(255, 255, 255); background-color: #FF0000;”
  2. COLOR_YELLOW = “color: rgb(255, 255, 255); background-color: #FFFF00;”
  3. COLOR_WHITE = “color: rgb(255, 255, 255); background-color: #FFFFFF;”
  4. COLOR_BLACK = “color: rgb(255, 255, 255); background-color: #000000;”
  5. COLOR_GREEN = “color: rgb(255, 255, 255); background-color: #00FF00;”
  6. COLOR_BLUE = “color: rgb(255, 255, 255); background-color: #0000FF;”
  7. COLOR_PURPLE = “color: rgb(255, 255, 255); background-color: #871F78;”

main.py

  1. import sys
  2. from functools import partial
  3. from PySide2 import QtWidgets
  4. from PySide2.QtCore import Qt, Signal
  5. from PySide2.QtGui import QCursor
  6. from PySide2.QtWidgets import QGridLayout, QPushButton, QWidget, QApplication
  7. import style
  8. class TouchLabel(QtWidgets.QLabel):
  9.      def __init__(self, i, j, top, bottom, left, right, target, parent=None):
  10.          super(TouchLabel, self).__init__(parent)
  11.          self.setStyleSheet(style.COLOR_YELLOW)
  12.          self.flag = False # 如果被滑过则置为True
  13.          self.target = target
  14.          self.= i # x,y 代表在gridLayout中的位置
  15.          self.= j
  16.  
  17.          self.flag = False
  18.          self.left = left
  19.          self.right = right
  20.          self.top = top
  21.          self.bottom = bottom
  22.  
  23.  
  24. class TouchWidget(QWidget):
  25.      touch_labels = [] # 存储label的列表
  26.      sum_moved_labels = 0
  27.      move_signal = Signal()
  28.      out_signal = Signal()
  29.      release_signal = Signal()
  30.  
  31.      def __init__(self):
  32.          super().__init__()
  33.          self.sum_labels = 0 # 统计染色的方块个数
  34.          self.target = 0
  35.          print(“start TouchWidget”)
  36.          self.setWindowFlags(Qt.FramelessWindowHint)
  37.          self.showFullScreen()
  38.          self.init_parameters() # 初始化gridlayout的参数
  39.          print(“绘制的按钮个数为:” + str(self.target))
  40.  
  41.      def init_parameters(self):
  42.          self.layout = QGridLayout(self)
  43.          self.layout.setMargin(0) # 设置widget离窗口的距离
  44.          self.layout.setSpacing(0) # 设置控件间距
  45.          self.row = 10 # 纵向的按钮数量
  46.          self.column = 10 # 横向的按钮数量
  47.          desktop = QtWidgets.QApplication.desktop()
  48.          global label_width, label_height
  49.          label_width = desktop.width() / self.column # 列宽
  50.          label_height = desktop.height() / self.row # 行高
  51.          self.target = self.row * 2 + self.column * 2  4
  52.  
  53.          self.touch_labels.clear()
  54.          self.init_touch_label(self.row, self.column, label_height, label_width)
  55.          self.add_touch_label(label_width, label_height)
  56.  
  57.      def init_touch_label(self, row, column, label_height, label_width):
  58.          desktop = QtWidgets.QApplication.desktop()
  59.          height = desktop.height()
  60.          width = desktop.width()
  61.          for i in range(row):
  62.              for j in range(column):
  63.                  if i == 0 and j == 0:
  64.                      label = TouchLabel(i, j, 0, label_height, 0, label_width, self.target)
  65.                      self.touch_labels.append(label)
  66.                  elif i == 0 and j != 0:
  67.                      label = TouchLabel(i, j, 0, label_height, j * label_width, (+ 1) * label_width, self.target)
  68.                      self.touch_labels.append(label)
  69.                  elif i != 0 and j == 0:
  70.                      label = TouchLabel(i, j, i * label_height, (+ 1) * label_height, 0, label_width, self.target)
  71.                      self.touch_labels.append(label)
  72.                  elif i == row  1 and j != 0:
  73.                      label = TouchLabel(i, j, height  label_height, height, j * label_width, (+ 1) * label_width,
  74.                      self.target)
  75.                      self.touch_labels.append(label)
  76.                  elif j == column  1 and i != 0:
  77.                      label = TouchLabel(i, j, i * label_height, (+ 1) * label_height, width  label_width, width,
  78.                      self.target)
  79.                      self.touch_labels.append(label)
  80.  
  81.      def add_touch_label(self, label_width, label_height):
  82.          for label in self.touch_labels:
  83.              self.layout.addwidget(label, label.x, label.y, 1, 1)
  84.          nopass_quit_btn = QPushButton(“如果测试不通过,点击此按钮退出”)
  85.          nopass_quit_btn.setMinimumSize(label_width, label_height)
  86.          self.layout.addWidget(nopass_quit_btn, self.row / 2  1, self.column / 2  1, 3, 3)
  87.          nopass_quit_btn.clicked.connect(partial(self.on_result, “TEST NOT PASS”))
  88.  
  89.          self.move_signal.connect(self.manager_touch)
  90.          self.out_signal.connect(partial(self.on_result, “TEST PASS”))
  91.          self.release_signal.connect(self.clear_label_status)
  92.  
  93.      def manager_touch(self):
  94.          desktop = QtWidgets.QApplication.desktop()
  95.          frontier_top = label_height
  96.          frontier_bottom = desktop.height()  label_height
  97.          frontier_left = label_width
  98.          frontier_right = desktop.width()  label_width
  99.          x = QCursor.pos().x()
  100.          y = QCursor.pos().y()
  101.  
  102.          if frontier_left <= x <= frontier_right and frontier_top <= y <= frontier_bottom:
  103.              self.clear_label_status()
  104.              print(“手指划出边界,清空所有方块颜色”)
  105.  
  106.          for label in self.touch_labels:
  107.              if label.left <= x <= label.right and label.top <= y <= label.bottom:
  108.                  if label.flag:
  109.                      continue
  110.                  else:
  111.                      label.setStyleSheet(style.COLOR_RED)
  112.                      TouchWidget.sum_moved_labels += 1
  113.                      label.flag = True
  114.              if TouchWidget.sum_moved_labels == self.target:
  115.                  self.out_signal.emit()
  116.  
  117.      def clear_label_status(self):
  118.          for label in self.touch_labels:
  119.              label.setStyleSheet(style.COLOR_YELLOW)
  120.              label.flag = False
  121.          TouchWidget.sum_moved_labels = 0
  122.  
  123.      def clear_sources(self):
  124.          TouchWidget.sum_moved_labels = 0
  125.          self.touch_labels.clear()
  126.          self.sum_moved_labels = 0
  127.          self.target = 0
  128.  
  129.      def mouseMoveEvent(self, event):
  130.          self.move_signal.emit()
  131.  
  132.      def mouseReleaseEvent(self, event):
  133.          self.release_signal.emit()
  134.          print(“释放焦点,清空所有方块颜色”)
  135.  
  136.      def on_result(self, ret):
  137.          self.clear_sources()
  138.          print(ret)
  139.          self.close()
  140. if __name__ == ‘__main__’:
  141.      app = QApplication()
  142.      widget = TouchWidget()
  143.      widget.show()
  144.      sys.exit(app.exec_())

到此这篇关于PyQt5 PySide2 触摸测试功能的实现的文章就介绍到这了,更多相关PyQt5 PySide2 触摸测试内容请搜索我们以前的文章或继续浏览下面的相关文章希望大家以后多多支持我们!

标签

发表评论