qslider شخصی‌سازی QSlider

[قاسم رمضانی منش 63]

در حالت عادی، ویجت QSlider به این‌صورت نمایش داده می‌شود :

برای رنگ بندی نوار QSlider، چه پیشنهادی دارید ؟ مثلاً به این‌صورت :

[کامبیز اسدزاده 618]

در 1 ساعت قبل، قاسم رمضانی منش گفته است :

در حالت عادی، ویجت QSlider به این‌صورت نمایش داده می‌شود :

برای رنگ بندی نوار QSlider، چه پیشنهادی دارید ؟ مثلاً به این‌صورت :

از مشخصهٔ setStyleSheet تحت CSS کار کن، مثال زیر رو ببین:

QSlider::groove:horizontal {
border: 1px solid #bbb;
background: white;
height: 10px;
border-radius: 4px;
}

QSlider::sub-page:horizontal {
background: qlineargradient(x1: 0, y1: 0,    x2: 0, y2: 1,
    stop: 0 #66e, stop: 1 #bbf);
background: qlineargradient(x1: 0, y1: 0.2, x2: 1, y2: 1,
    stop: 0 #bbf, stop: 1 #55f);
border: 1px solid #777;
height: 10px;
border-radius: 4px;
}

QSlider::add-page:horizontal {
background: #fff;
border: 1px solid #777;
height: 10px;
border-radius: 4px;
}

QSlider::handle:horizontal {
background: qlineargradient(x1:0, y1:0, x2:1, y2:1,
    stop:0 #eee, stop:1 #ccc);
border: 1px solid #777;
width: 13px;
margin-top: -2px;
margin-bottom: -2px;
border-radius: 4px;
}

QSlider::handle:horizontal:hover {
background: qlineargradient(x1:0, y1:0, x2:1, y2:1,
    stop:0 #fff, stop:1 #ddd);
border: 1px solid #444;
border-radius: 4px;
}

QSlider::sub-page:horizontal:disabled {
background: #bbb;
border-color: #999;
}

QSlider::add-page:horizontal:disabled {
background: #eee;
border-color: #999;
}

QSlider::handle:horizontal:disabled {
background: #eee;
border: 1px solid #aaa;
border-radius: 4px;
}

البته ساختن چنین مواردی رو من در QML پیشنهاد می‌کنم.

[قاسم رمضانی منش 63]

با StyleSheet زیاد امتحان کرده‌ام آن خروجی‌ای که مدنظرم هست (و توی عکس‌بالا هم ارسال کرده‌ام) به دست نیومد.