QssStylesheetEditor
v1.8
영어 | 简体中文
QSSSTYLESHEETEDITOR는 강력한 QT 스타일 시트 (QSS) 편집기입니다. 실시간 미리보기, 자동 완료 및 사용자는 사용자 정의 변수를 정의하고 QPALETTE 등을 사용하여 사용자 정의 UI 코드 미리보기를 할 수 있습니다.
아래와 같은 단계를 따르거나 바이너리 설치 패키지를 설치하십시오.
pip install QssStylesheetEditor-1.7-py3-none-any.whl 설치 QSSSTYLESHEETEDITOR를 설치하십시오qsseditor 또는 QssStylesheetEditor 실행 앱이 시작됩니다Windows 64 비트 사용자 인 경우 바이너리 패키지 및 설치 프로그램이 현재 사용할 수 있습니다.
또는 패키지도 수동으로 설치해도 괜찮습니다
- Python3 설치 : 다음 http://python.org/
- 종속성 설치 :
- 사전 임원 :
pip install preimport- TomlConfig :
pip install tomlconfig- Codeeditor :
pip install CodeEditor- 요청 :
pip install requests- 다운로드 및 압축 해제 패키지 :
- QSSSTYLESHEETEDEDITOR_V1.7.ZIP를 다운로드하십시오
- QSSSTYLESHEETEDITOR_V1.7
cd QssStylesheetEditor_v1.7로 변경하고 변경합니다- QSSSTYLESHEETEDITOR 실행 :
- qsseditor.pyw를 두 번 클릭하십시오
- 또는
python qsseditor.pyw실행하십시오
QSSSTYLESHEETEDITOR에서 사용자는 QSS에서 사용자 정의 변수를 정의하고 사용할 수 있습니다.
다음 명령문을 사용하여 새 변수를 정의합니다.
/*example of custom variable definition*/
$background = #fff ; /* define var with name "background" */
$border = red ; /* define var with name "border" */
$text = rgb ( 10 , 10 , 10 ) ;변수 정의는 ";"로 끝납니다.
참조 정의 변수는 다음과 같이 다음과 같이합니다.
/* example of custom variable reference */
QWidget
{
color : $text; /* reference variable text*/
background - col or : $background; /* reference variable background*/
}사용자는 "파일> 내보내기"메뉴로 Vars없이 코드를 QSS 파일로 내보낼 수 있습니다.
가변 색상 선택 대화 상자
변수가 QSSStyLESHEETEDITOR에 정의되면 변수는 Color Pannel에 자동으로 표시됩니다. 색상 버튼을 클릭하여 색상 픽업 상자를 통해 가변 색상을 선택할 수 있습니다.
정의되지 않은 변수가 참조되면 자동으로 인식되고 색상 패널에도 표시됩니다.
QSS 코드에서 이미지를 사용하는 경우 URL이 상대적 인 경우 QSSStyLESHEETEDITOR는 QSS 코드 파일이있는 폴더에서 이미지 파일을 찾습니다.
background-image : url ( "img/close.png" );
/* the img folder must be in the same directory of the qss code file*/ Pyrcc5 (Pyrcc5 xxx.qrc -o xxxresource.py)에 의해 이미지 파일이 리소스 파일로 변환 된 경우.
리소스 파일의 이미지를 다음과 같이 참조 할 수 있습니다.
background-image : url ( ":/img/close.png" );QSSSTYLESHEETEDITOR는 현재 열린 QSS 스타일 시트 코드 파일의 디렉토리에서 리소스 파일 filename.py (Filename이 QSS 파일과 동일해야 함)를 검색하고 자동으로로드합니다.
QSSSTYLESHEETEDITOR에서 사용자는 다음과 같이 QPALETTE를 사용할 수 있습니다.
color: palette(Text);
background-color: palette(Window);
QPalette의 색상 변경은 PalettDialog의 픽업 색상을 통해 지원됩니다. 또한 새로운 QPalette 코드는 "ViewPaletteCode"버튼을 클릭하여 볼 수 있습니다.
Palettedialogreset의 재설정 버튼은 Qpalette 수정을 취소 할 수 있습니다.
미리보기 위젯의 'Custom'탭 편집기에서 사용자는 다음과 같이 사용자 정의 UI 코드를 입력 할 수 있습니다.
class MainWindow(QWidget):
def __init__(self):
super().__init__()
그런 다음 '미리보기'버튼을 눌러 QSS를 미리 봅니다.
'MainWindow'는 사용자 정의 코드에 정의되어야합니다.
GPL에 따라 라이센스가 부여 된 오픈 소스 프로젝트 에서이 소프트웨어를 무료로 사용할 수 있습니다. 그러나 예외가 있습니다. 상용 제품에 대한 QSS 파일 만 생성하는 데 사용하는 경우 제품의 소스 코드에는 원하는 라이센스와 함께 배송 될 수 있습니다.
대중에게 코드를 열지 않으려면 개발자 당 USD 100에 대한 상용 라이센스를 구매할 수 있으며 PYQT5에 대한 상용 라이센스를 구매해야합니다.
