Qt Designer 사용 방법

Qt Designer를 사용하여 계산기를 사용하여 창을 만듭니다.
나는 당시 조사한 일을 필기로 남길 것이다.

도구막대 설정 방법


도구막대는 창의 컨텍스트 메뉴에서 도구막대 추가에 추가할 수 있습니다.
처음에 나는 도구 단추를 거기에 끌어다 놓는 줄 알았지만, 다르다.
도구 모음에 버튼을 배치할 해당 동작을 작성합니다.

이 동작을 도구 모음에 끌어다 놓고 단추를 설정할 수 있습니다.

동작은 동작 편집기의 [새] 단추를 누르면 만들 수 있습니다.
버튼에 이미지를 표시하려면 아이콘 위에 리소스 이미지를 설정합니다.

버튼에서 이미지를 설정할 때 이미지를 에셋으로 등록하고 설정합니다.

도구 모음 버튼의 이벤트 처리


PySide에서 도구 모음 단추를 눌렀을 때의 이벤트 처리를 실행하면 다음 동작 이벤트에 함수를 할당합니다.
예를 들어, 액션 편집기에서 actionMenu 작업을 만들고 도구 모음으로 설정합니다.
이 버튼을 누를 때 onToolbarMenu 함수를 호출하려면 PySide를 사용하여 설정합니다.
 # ui ファイルを読み込み、 ui オブジェクトを作成、表示
 loader = QtUiTools.QUiLoader()
 self.ui = loader.load("XXX.ui")
 self.ui.show()
 # アクションのイベントハンドラを設定
 self.ui.actionMenu.triggered.connect(self.onToolbarMenu)

에셋에 이미지 등록


리소스 편집기를 사용하여 이미지를 등록합니다.
리소스 편집기의 [에셋 편집](연필) 버튼을 사용하여 대화 상자를 표시합니다.
새 자원 파일을 만들고 qrc에 접두사를 추가합니다.
접두사를 선택한 후 [파일 추가] 버튼을 눌러 이미지를 선택합니다.
이렇게 하면 그림을 qrc 파일의 자원으로 등록해서 작은 프로그램의 그림을 선택해서 선택할 수 있습니다.

centralWidget에서 크기 조정이 지원되지 않을 경우


객체 검사기의MainWindow에서 구성한centralWidget 아이콘이 이렇다면 레이아웃이 올바르지 않습니다.

이 상태에서 창 크기를 조정해도 centralWidget은 변경되지 않습니다.
이 상태에서 가로로 확대하더라도 부품의 크기는 변경되지 않습니다.

이 경우 MainWindow의 상하문 메뉴의 [레이아웃]에서 레이아웃의 종류를 선택하여 크기를 조절할 수 있습니다.
이번에는 바로 아래 레이아웃에 QVBoxLayout을 사용하기 위해 [수직 배열]을 선택했다.
가로로 확대하면 안의 부품도 가로로 커진다.

QVBoxLayout/QHBoxLayout을 통해 각 요소에 대해 신축 허가를 설정하는 방법


수평 및 수직으로 정렬된 배치에 부품을 요소로 추가합니다.
그중의 일부를 사이즈에 맞게 신축했으면 좋겠어요.
layoutStretch 속성에서 1, 0, 1, 1처럼 0 또는 1의 쉼표 구분 문자열을 설정합니다.

현재 예에서는 지정된 1의 1, 4, 6, 7개 요소만 밀어냅니다.
0을 지정하는 두 번째 요소, 세 번째 요소 및 다섯 번째 요소는 확장되지 않습니다.
너비 확장 전

너비를 확장한 후

QPushButton에 대한 툴팁 설정


이것은 마우스 포인터가 버튼 위에 있을 때 설명을 표시할 때의 설정입니다.

속성의 Tooltip에서 문자열을 설정합니다.

PySide에서 ui 파일 사용


Qt Designer로 제작되었습니다.PySide의 QtUiTools를 사용하여 창에 ui 파일을 만들 수 있습니다.
 from PySide import QtUiTools
 # XXX_rc.py は XXX.qrc を変換したもの。qrcを使った ui を読み込む場合に必要。
 import XXX_rc.py
 # ui ファイルを読み込み、 ui オブジェクトを作成
 loader = QtUiTools.QUiLoader()
 ui = loader.load("XXX.ui")
 ui.show()

qrc 자원.py로 변환해서 사용


Qt Designer에서 처리한 이미지가 qrc에 로그인되었습니다.
.qrc 파일에서는 PySide를 직접 사용할 수 없습니다.
.py 파일로 변환하고 import을 실행합니다.
QUiLoader 표시.ui 파일을 읽을 때 이 import에 기록되었습니다.py의 모듈을 사용합니다.
.py의 파일 이름은 입니다.qrc 파일 이름rc를 추가한 이름으로 명명합니다.
XXX.qrc는python 3용입니다.py 파일로 변환하려면 다음 명령을 실행하십시오.pyside-rcc.exe -py3 XXX.qrc > XXX_rc.pypyside-rcc.Python 설치 폴더 바로 아래
나는 Lib\site-packages\PySide에 있고 싶다.
이렇게 하면 XXX.rc.py를 생성합니다.

스타일시트를 사용하여 디자인을 간단하게 설정합니다.


QWidget에는 스타일시트 속성이 있습니다.
따라서 css와 같은 기술을 통해 외관을 간단하게 바꿀 수 있다.
[스타일시트 수정] 대화 상자에서 GUI 설정을 사용하여 배경색 설정 등을 변경할 수 있습니다.
스타일시트를 설정합니다.[...]버튼을 클릭하여 대화 상자를 표시합니다.

스타일시트가 지정되지 않은 도구 모음

스타일시트를 설정할 때 도구막대(배경색 수정)

QTreeView와 QTreeWidget의 차이점


Model-View는 설치가 다릅니다.
QTreeView는 내장된 모델이 없기 때문에 자체 모델을 사용하여 GUI를 조작하는 것이 좋습니다.
이름에서 느낄 수 있는 건 뷰밖에 없다는 뜻이에요.
QTreeWidget에는 트리 GUI를 쉽게 사용할 수 있도록 Qt 라이브러리만의 모델이 내장되어 있습니다.
반대로 말하면, 나는 모델을 좋아해서 함부로 만지작거리지 않는다.
QTreeWidget은 QTreeView의 파생류로 이용자가 모형을 만드는 시간을 절약한 반이라고 할 수 있다.

좋은 웹페이지 즐겨찾기