QssStylesheetEditor
v1.8
ภาษาอังกฤษ | 简体中文
QSSSTYLESHEETEDITOR เป็นโปรแกรมแก้ไข QT Stylesheet (QSS) ที่ทรงพลัง ตัวอย่างเรียลไทม์เสร็จสมบูรณ์โดยอัตโนมัติและผู้ใช้สามารถกำหนดตัวแปรที่กำหนดเอง, ดูตัวอย่างรหัส UI ที่กำหนดเองโดยใช้ qPalette ฯลฯ
ทำตามขั้นตอนด้านล่างหรือติดตั้งแพ็คเกจการติดตั้งไบนารี:
pip install QssStylesheetEditor-1.7-py3-none-any.whl ติดตั้ง QSSSTYLESHEETEDITORqsseditor หรือ QssStylesheetEditor แอพจะเริ่มต้นหากคุณเป็นผู้ใช้ Windows 64bit แพ็คเกจไบนารีและตัวติดตั้งพร้อมใช้งานแล้ว
อีกวิธีหนึ่งคือการติดตั้งแพ็คเกจด้วยตนเองก็โอเคด้วย
- ติดตั้ง Python3: ติดตาม http://python.org/
- ติดตั้งการพึ่งพา:
- Preimport:
pip install preimport- tomlconfig:
pip install tomlconfig- codeeditor:
pip install CodeEditor- คำขอ:
pip install requests- แพ็คเกจดาวน์โหลดและคลายซิป:
- ดาวน์โหลด qssstylesheeteditor_v1.7.zip
- เปิดเครื่องซิปและเปลี่ยน DIR เป็น 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*/
}ผู้ใช้สามารถส่งออกรหัสไปยังไฟล์ QSS โดยไม่ต้องใช้ VARS โดยเมนู "ไฟล์> ส่งออก"
กล่องโต้ตอบเลือกสีตัวแปร
เมื่อตัวแปรถูกกำหนดไว้ใน QsSstylesheetEditor ตัวแปรจะแสดงโดยอัตโนมัติใน 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 จะค้นหาชื่อไฟล์ไฟล์ทรัพยากร FileName.py (ชื่อไฟล์ต้องเหมือนกันของไฟล์ QSS) ในไดเรกทอรีของไฟล์รหัสสไตล์ QSS ที่เปิดอยู่ในปัจจุบันและโหลดโดยอัตโนมัติ
ใน QsSstylesheetEditor ผู้ใช้สามารถใช้ qPalette ได้ตามที่ติดตาม：
color: palette(Text);
background-color: palette(Window);
การเปลี่ยนสีของ qpalette ได้รับการสนับสนุนผ่านสีปิคอัพใน Palettdialog และรหัส QPalette ใหม่สามารถดูได้ผ่านทางคลิกปุ่ม "ViewPalettecode"
ปุ่มรีเซ็ตใน palettedialogreset สามารถยกเลิกการปรับเปลี่ยน qpalette
ในแท็บ Editor ของ 'กำหนดเอง' ของวิดเจ็ตตัวอย่างผู้ใช้สามารถป้อนรหัส UI ที่กำหนดเองเช่นติดตาม:
class MainWindow(QWidget):
def __init__(self):
super().__init__()
จากนั้นกดปุ่ม 'ดูตัวอย่าง' เพื่อดูตัวอย่าง QSS
'MainWindow' จะต้องกำหนดไว้ในรหัสที่กำหนดเอง
คุณสามารถใช้ซอฟต์แวร์นี้ได้ฟรีในโครงการโอเพ่นซอร์สที่ได้รับใบอนุญาตภายใต้ GPL แต่มีข้อยกเว้น: หากคุณใช้มันเพื่อสร้างไฟล์ QSS สำหรับผลิตภัณฑ์เชิงพาณิชย์เท่านั้นซอร์สโค้ดของผลิตภัณฑ์สามารถจัดส่งได้ด้วยใบอนุญาตใด ๆ ที่คุณต้องการ
หากคุณไม่ต้องการเปิดรหัสของคุณต่อสาธารณะคุณสามารถซื้อใบอนุญาตเชิงพาณิชย์ได้ 100 เหรียญสหรัฐต่อผู้พัฒนาและควรซื้อใบอนุญาตเชิงพาณิชย์สำหรับ PYQT5
