상세 컨텐츠

본문 제목

[PySide6] Style sheet 사용법(WIP)

pyside6

by 빨간눈동자 2021. 9. 3. 11:29

본문

반응형

[PySide6] Style sheet 사용법
https://doc.qt.io/qtforpython/overviews/stylesheet-examples.html

Qt Style Sheets Examples — Qt for Python

Qt Documentation Qt Style Sheets Examples We will now see a few examples to get started with using Qt Style Sheets. Style Sheet Usage Customizing the Foreground and Background Colors Let’s start by setting yellow as the background color of all QLineEdit

doc.qt.io

Foreground and Background Colors

from PySide6.QtWidgets import QApplication,QWidget,QTextEdit,QVBoxLayout,QPushButton, QLineEdit from PySide6.QtGui import QColor import sys class TextEditDemo(QWidget): def __init__(self,parent=None): super().__init__(parent) self.setWindowTitle("QTextEdit") self.resize(300,270) self.textEdit = QTextEdit() self.lineEdit = QLineEdit("", self) self.lineEdit.move(80, 20) self.lineEdit.textChanged.connect(self.lineEditChanged) layout = QVBoxLayout() layout.addWidget(self.textEdit) layout.addWidget(self.lineEdit) self.setLayout(layout) def lineEditChanged(self): self.textEdit.setTextColor(QColor(0, 255, 0, 255)) self.textEdit.setFontItalic(True) self.textEdit.setFontUnderline(True) self.textEdit.setFontPointSize(20) self.textEdit.setPlainText(self.lineEdit.text()) if __name__ == '__main__': app = QApplication(sys.argv) win = TextEditDemo() win.show() sys.exit(app.exec_())

위 예제는 아래쪽 LineEdit에 글을 쓰면, TextEdit에 초록색, 밑줄, Italic체로 동일한 글씨가 써진다.
위 코드 base에서 QLineEdit의 background 색을 노란색으로 변경하려면 아래 code를 추가하면 된다.

self.lineEdit.setStyleSheet("QLineEdit{ background-color: yellow }") #self.setStyleSheet("QLineEdit{ background-color: yellow }")

위 2개의 code 모두 동일한 결과를 가진다.

또한 selected된 영역의 색과 selected된 text의 color도 지정할 수 있다.
다음 code를 살펴 보자

self.lineEdit.setStyleSheet("color: blue;" "background-color: yellow;" "selection-color: white;" "selection-background-color: black;")

위 code는 아래와 같이 설정한다.

  • text color : blue
  • background-color : yellow
  • selected-text color : white
  • selected background color : black

QPushButton Using the Box Model

반응형

'pyside6' 카테고리의 다른 글

[PySide6] QTextBrowser 사용하기  (0) 2021.09.03
[PySide6] QTextEdit 사용하기  (1) 2021.09.03
[PySide6] QDockWidget 사용하기  (0) 2021.09.03
[PySide6] QFrame과 QColorDialog 사용하기  (0) 2021.09.02
[PySide6] Tab Widget 사용하기  (0) 2021.09.01

관련글 더보기