PyQt6 GraphicsView 활용 대화형 2D 그래픽 만들기

Python 라이브러리인 PyQt6은 GUI 내에서 2D 그래픽을 만들고 조작하기 위한 GraphicsView 프레임워크를 제공합니다. 이 글에서는 PyQt6 GraphicsView 활용 대화형 2D 그래픽 만들기, 그래픽 항목을 사용자 지정하고, 사용자 상호 작용을 처리하고, 이러한 개념을 설명하는 실용적인 예를 제공하는 방법을 살펴봅니다.

 

[목차]
1. PyQt6 GraphicsView 소개
2. 기본 GraphicsView 만들기
3. 그래픽 항목 사용자 지정
4. GraphicsView와의 상호 작용 처리
5. 대화형 2D 그래픽 만들기 예
6. 전체코드 보기
7. 결론 및 의견

 

 

 

1. PyQt6 GraphicsView 소개

이 섹션에서는 PyQt6 GraphicsView의 개요를 제공하고 장면, 보기, 항목 및 변환과 같은 핵심 개념에 대해 설명합니다. 이러한 기본 개념을 이해하는 것은 PyQt6 GraphicsView로 효과적으로 작업하고 대화형 그래픽을 만드는 데 필수적입니다.

 

 

2. 기본 GraphicsView 만들기

기본 GraphicsView를 만들고 여기에 그래픽 항목을 추가하는 것으로 시작합니다. GraphicsScene을 설정하고 다양한 유형의 그래픽 항목(예: 선, 사각형, 타원)을 만들고 GraphicsView에 표시하는 과정을 안내합니다.

 

이 섹션은 보다 복잡하고 상호작용적인 그래픽을 구축하기 위한 기초 역할을 합니다.

 

 

3. 그래픽 항목 사용자 지정

이 섹션에서는 PyQt6 GraphicsView에서 그래픽 항목의 모양과 동작을 사용자 지정하는 다양한 방법을 살펴봅니다. 항목 색상 변경, 선 스타일 조정, 변환 적용 및 도구 설명 추가와 같은 기술을 다룹니다.

 

그래픽 항목을 사용자 지정하면 특정 응용 프로그램 요구 사항에 맞게 시각적으로 매력적이고 동적인 그래픽을 만들 수 있습니다.

 

 

4. GraphicsView와의 상호 작용 처리

GraphicsView는 마우스 이벤트 및 키 이벤트와 같은 사용자 상호 작용을 처리하기 위한 내장 지원을 제공합니다. 이 섹션에서는 이러한 이벤트를 캡처하고 응답하는 방법을 보여줍니다.

 

그래픽 항목 선택 및 이동, 보기 확대/축소 및 패닝, 사용자 입력을 기반으로 하는 대화형 동작 구현과 같은 기술을 다룹니다.

 

 

5. 대화형 2D 그래픽 만들기 예

지금까지 논의된 개념을 강화하기 위해 대화형 2D 그래픽을 만드는 데 PyQt6 GraphicsView의 힘을 보여주는 실용적인 예를 제공합니다. 여러 데이터 시리즈로 대화형 플롯을 작성하는 과정을 안내하여 데이터 포인트 위로 마우스를 가져갈 때 확대/축소, 패닝 및 툴팁 표시와 같은 기능을 활성화합니다.

 

이 예제는 PyQt6 GraphicsView가 애플리케이션의 시각적 경험을 향상시키는 방법을 보여줍니다.

 

 

6. 전체코드 보기

from PyQt6.QtWidgets import QApplication, QMainWindow, QGraphicsView, QGraphicsScene, QGraphicsItem
from PyQt6.QtGui import QPen, QBrush, QPainter, QColor
from PyQt6.QtCore import Qt, QPointF
 
 
class CustomGraphicsView(QGraphicsView):
    def __init__(self):
        super().__init__()
        self.setRenderHint(QPainter.RenderHint.Antialiasing)
        self.setDragMode(QGraphicsView.DragMode.ScrollHandDrag)
 
        scene = QGraphicsScene(self)
        self.setScene(scene)
 
        self.plotData()
 
    def plotData(self):
        pen = QPen(QColor(0, 0, 0))  # Black color
        brush = QBrush(QColor(0, 0, 255))  # Blue color
 
        # Sample data
        data = [(0, 30), (10, 80), (20, 40), (30, 70), (40, 50), (50, 90)]
 
        for x, y in data:
            point = QPointF(x, y)
 
            # Create graphics item (circle)
            item = self.scene().addEllipse(point.x() - 4, point.y() - 4, 8, 8, pen, brush)
            item.setFlag(QGraphicsItem.GraphicsItemFlag.ItemIsSelectable, True)
            item.setToolTip(f"({point.x()}, {point.y()})")
 
    def wheelEvent(self, event):
        zoomInFactor = 1.15
        zoomOutFactor = 1 / zoomInFactor
 
        if event.angleDelta().y() > 0:
            self.scale(zoomInFactor, zoomInFactor)
        else:
            self.scale(zoomOutFactor, zoomOutFactor)
 
 
if __name__ == "__main__":
    app = QApplication([])
    window = QMainWindow()
 
    view = CustomGraphicsView()
    window.setCentralWidget(view)
    window.setWindowTitle("Interactive 2D Graphics")
    window.setGeometry(100, 100, 600, 400)
    window.show()
 
    app.exec()
 

실행화면

 

 

7. 결론 및 의견

이 글에서는 PyQt6 GraphicsView 활용 대화형 2D 그래픽 만들기에 대해 살펴보았습니다. 우리는 설정 프로세스, GraphicsView의 핵심 개념, 기본 그래픽 생성, 그래픽 항목 사용자 지정, 사용자 상호 작용 처리를 다루었으며 모두 함께 연결하는 실용적인 예를 제공했습니다.

 

 

[관련글]

[정보 및 유용한 팁] - 챗GPT 란? (CHAT GPT 사용)

챗GPT 란? (CHAT GPT 사용)

[파이썬 (pythoon)] - PyQt6를 사용한 간단한 로그인 프로그램 만들기

PyQt6를 사용한 간단한 로그인 프로그램 만들기

[html 자바스크립트 study] - calculator css 계산기 만들기 디자인

calculator css 계산기 만들기 디자인

[파이썬 (pythoon)] - Python Tkinter를 사용한 채팅 프로그램 만들기

Python Tkinter를 사용한 채팅 프로그램 만들기

[파이썬 (pythoon)] - SQL 자격증 중요성 및 유형, 과정, 시험 구성

SQL 자격증 중요성 및 유형, 과정, 시험 구성