Styling dengan Qt Style Sheets (QSS)
Penjelasan
Qt Style Sheets (QSS) memakai SYNTAX MIRIP CSS untuk styling widget — selector-nya berdasarkan nama class widget (mis. QPushButton { }) atau objectName tertentu (#namaObjek { }). Diterapkan lewat setStyleSheet(), bisa di level satu widget atau seluruh aplikasi lewat qApp->setStyleSheet().
Contoh Konsep
QPushButton tombol("Simpan");
tombol.setStyleSheet(
"QPushButton { background-color: #4CAF50; color: white; padding: 8px; border-radius: 4px; }"
"QPushButton:hover { background-color: #45a049; }"
);
tombol.show();Praktikum
Buat QPushButton dengan QSS: background merah (#e74c3c), teks putih, padding 10px, border-radius 6px, dan efek hover jadi warna merah lebih gelap (#c0392b).
Ketik/edit bebas di sini untuk latihan — kode ini tidak dijalankan.
Tips
QSS TIDAK MENDUKUNG semua properti CSS web (mis. flexbox/grid CSS tidak berlaku di QSS) — hanya subset properti yang relevan untuk widget desktop (warna, border, padding, font). Untuk layout kompleks, tetap andalkan QVBoxLayout/QGridLayout, bukan mencoba meniru CSS layout lewat QSS.