QLineEdit의 글자 색상과 배경색/테두리 변경 방법 :setStyleSheet

QLineEdit의 글자 색상과 배경색/테두리 변경 방법 : setStyleSheet 

QLineEdit는 PySide6에서 제공하는 기본적인 입력 필드 위젯으로, 사용자로부터 텍스트를 입력받는 데 사용됩니다. 이 위젯의 UI 속성을 커스터마이징하여 사용자 경험을 개선할 수 있으며, 그 중에서도 글자 색상, 배경색, 글자 속성(크기, 굵기, 기울임 등), 그리고 테두리 스타일을 설정하는 방법은 매우 중요합니다. 이 글에서는 QLineEdit의 글자 속성과 테두리 속성을 변경하는 방법에 대해서 정리하고 있습니다.

 

QLineEdit의 글자 속성 변경 방법

QLineEdit의 글자 속성을 설정하기 위해서는 주로 setStyleSheet 메서드를 사용하여 스타일 시트를 적용합니다. 아래는 QLineEdit에서 사용 가능한 주요 글자 속성 항목과 설정 방법입니다.

글자 속성 항목

1. 글자 색상 (color): 색상은 이름이나 #RRGGBB 형식의 16진수 값을 사용해 설정할 수 있습니다.

line_edit.setStyleSheet("QLineEdit { color: blue; }")

 

2. 글자 크기 (font-size): 텍스트의 크기를 설정합니다.  이 코드는 텍스트의 크기를 16픽셀로 설정합니다.

line_edit.setStyleSheet("QLineEdit { font-size: 16px; }")

 

3. 글자 굵기 (font-weight): font-weight 속성은 normal, bold 또는 숫자값(100에서 900)을 사용할 수 있습니다.

line_edit.setStyleSheet("QLineEdit { font-weight: bold; }")

 

4. 글자 기울임 (font-style): font-style 속성은 normal 또는 italic을 사용할 수 있습니다.

line_edit.setStyleSheet("QLineEdit { font-style: italic; }")

 

5. 글꼴 (font-family): 텍스트의 글꼴을 설정합니다. 이 코드는 텍스트의 글꼴을 Arial로 설정합니다.

line_edit.setStyleSheet("QLineEdit { font-family: Arial; }")

반응형

QLineEdit의 테두리 설정 속성

테두리 설정은 QLineEdit의 외관을 커스터마이징하는 중요한 요소입니다. 주요 테두리 속성 항목은 다음과 같습니다.

테두리 속성 항목

1. 테두리 색상 (border-color): 테두리의 색상을 설정합니다. 이 코드는 테두리의 색상을 녹색으로 설정합니다.

line_edit.setStyleSheet("QLineEdit { border-color: green; }")

 

2. 테두리 두께 (border-width): 테두리의 두께를 설정합니다. 두께를 2픽셀로 설정합니다.

line_edit.setStyleSheet("QLineEdit { border-width: 2px; }")

 

3. 테두리 모양 (border-style): solid, dotted, dashed 등 다양한 스타일을 사용할 수 있습니다.

line_edit.setStyleSheet("QLineEdit { border-style: solid; }")

 

4. 테두리 반경 (border-radius): 테두리의 모서리를 10픽셀 반경으로 둥글게 만듭니다.

line_edit.setStyleSheet("QLineEdit { border-radius: 10px; }")

 

배경색 설정 방법

배경색은 background-color 속성을 통해 설정할 수 있습니다.

line_edit.setStyleSheet("QLineEdit { background-color: yellow; }")

---

QLineEdit 사용 예제

텍스트는 파란색, 16픽셀 크기, 굵고 이탤릭체이며, 글꼴은 Arial입니다. 배경색은 노란색이고, 2픽셀 두께의 녹색 테두리가 있으며, 테두리 모서리는 둥글게 설정한 예제 코드는 아래와 같습니다.

from PySide6.QtWidgets import QApplication, QMainWindow, QLineEdit

class MainWindow(QMainWindow):
    def __init__(self):
        super().__init__()

        self.line_edit = QLineEdit(self)
        self.line_edit.setPlaceholderText("텍스트를 입력하세요...")

        # QLineEdit 스타일 시트 설정
        self.line_edit.setStyleSheet("""
            QLineEdit {
                color: blue;
                font-size: 16px;
                font-weight: bold;
                font-style: italic;
                font-family: Arial;
                background-color: yellow;
                border: 2px solid green;
                border-radius: 10px;
            }
        """)

        # QLineEdit 크기와 위치 설정
        self.line_edit.setGeometry(50, 50, 200, 40)

        # 창 크기 설정
        self.setGeometry(100, 100, 300, 150)

if __name__ == "__main__":
    app = QApplication([])
    window = MainWindow()
    window.show()
    app.exec()

 

참고할 수 있는 사이트

더 많은 UI 속성 설정과 스타일 관련 문서를 참고하려면 다음 사이트를 확인해 보세요: 이 사이트는 Qt 스타일 시트의 모든 속성과 사용 방법을 정리한 문서입니다. 다양한 위젯의 스타일을 어떻게 변경할 수 있는지에 대한 예제와 설명이 포함되어 있습니다.

• Qt Style Sheets Reference:
  • URL: https://doc.qt.io/qt-6/stylesheet-reference.html