• 注射泵应用中右边有一个图形展示当前状态的控件
• 相对于Qt插件的方式，开发更简单

1. 继承QWidget
2. 重写paintEvent
3. 在QtDesigner中提升QWidget

• 使用这个类

1. 在designer中有promote(提升)操作
2. 选择需要提升的控件，提升为Injector类
3. 重新编译ui文件
4. 生成的ui文件就会利用Injector创建控件，不再是Widget了
   如果没有Injector这个类，需要先在promote后新建一个
   
   提升

Control

• 这个类的具体功能：
  1. 显示阀门的状态--连通状态
  2. 显示注射器的状态--注射器高低
  3. 连通状态有3种，分别用3个图片进行展示
  4. 资源中对图片进行了取别名，从而可以利用 v+状态码的形式读取到
  5. 在代码中根据状态引用不同的图片

resName = ":/res/v%d" % (self.mAngleIndex)
img = QImage( resName )

• 资源文件中的别名

<file alias="v0">input.fw.png</file>
<file alias="v120">ManualPurge.fw.png</file>
<file alias="v240">output.fw.png</file>

说明

• self.rect()返回的是QRect，如果用这个直接赋给另一个obj，执行的是浅拷贝
• QRect没有copy/deepcopy
• 所以需要通过self.rect()创建独立的rect

code

class Injector( QWidget ):
    def __init__( self, parent = None):
        super( Injector, self ).__init__( parent )

        self.mAngleIndex = 0
        self.mLen = 0
        self.mTotal = 50

        self.BG_HEIGHT = 346
        self.INJ_HEIGHT = 194

    def paintEvent( self, event=None ):
        ( valveRect, injRect ) = self.subRects()

        resName = ":/res/v%d" % (self.mAngleIndex)
        img = QImage( resName )
        painter = QPainter(self)
        painter.drawImage( valveRect, img )

        img = QImage(":/res/inj")
        painter.drawImage( injRect, img )

    def sizeHint( self ):
        return QSize(125,500)

    def setLen( self, len, total = 50 ):
        self.mLen = len
        self.mTotal = total 
        self.update()
    def setAngleIndex( self, index ):
        self.mAngleIndex = index   
        self.update()                      

    def subRects( self ):
        
        fullRect = self.rect()
        injRect = self.rect() 
        valveRect = self.rect()

        valveHeight = self.height() *  self.BG_HEIGHT / ( self.BG_HEIGHT + self.INJ_HEIGHT )
        
        # valve
        valveRect.setHeight( valveHeight )

        # inj
        injHeight = valveHeight * self.INJ_HEIGHT / self.BG_HEIGHT

        origShift = valveHeight - injHeight 
        scaleShift = self.mLen * injHeight / self.mTotal
        injRect.setTop( origShift + scaleShift )
        injRect.setHeight( injHeight )
        
        return ( valveRect, injRect )

• 在app中引用
• 引用过程不需要手动填写
• 在ui文件中通过promote进行
• promote后重新编译ui
• Injector是一个单独的类，需要手动书写

引用控件

        self.widgetInj = Injector(self.groupBox_6)
        self.widgetInj.setObjectName("widgetInj")
        self.gridLayout_4.addWidget(self.widgetInj, 0, 0, 1, 1)

总结

1. 需要用到的包
   • pyqt5: pip install pyqt5
   • mrq: 安装MEGAROBO Studio
2. 界面设计
   • qt designer
   • 利用 pyuic5 编译ui为py文件
   • 新建资源qrc
   • 利用 pyrcc5 编译qrc为py
3. 自定义控件
   • 重写控件的方法
   • 定义新方法
   • 根据状态引用不同的资源
4. 提升ui中的控件
5. 编写控件的消息响应函数
6. 加载样式表美化程序