2016-11-20 10 views
0

スライダのQSlider :: add-page部分に絶対勾配とチャンクスタイルを持つQSliderを作成しようとしています。スタイルシートのコードに続きQSliderで絶対勾配とチャンク勾配を使用する

QSlider::groove:vertical { 
    background: #021017; 
    BORDER-radius: 5px; 
    position: absolute; 
    left: 10px; 
    right: 10px; 
} 
QSlider::handle:vertical { 
    height: 10px; 
    background: #0b1707; 
    border: 1px solid #46992b; 
    margin: 0px -10px; 
    /* expand outside the groove */ 

    border-radius: 5px; 
} 
QSlider::add-page:vertical { 
    BORDER-radius: 5px; 
    border: 1px solid #0e566d; 
    background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #46992b, stop: 0.5 #0e566d, stop: 1 #d16a4b); 
} 
QSlider::sub-page:vertical { 
    background: #021017; 
    BORDER-radius: 5px; 
    border: 1px solid #0e566d; 
    margin: 0px 1px 0px 1px; 
} 
QSlider::handle:vertical:hover { 
    background-color: #46992b; 
} 

そして、私は次のような出力を得る: enter image description here

をしかし、私は、スライダの底からの高さに基づいて、勾配の変化を扱う移動しますハンドル。グラデーションは、スライダの下端から上端までの高さに基づいています。ハンドルの位置を変更しても、その外観は変わりません。

また、このプログレスバーのように、チャンクアウトグラデーションが可能ですか? enter image description here

+0

なぜ大文字で境界線を書いていますか?残りの部分と一貫性を保つと、違う効果はありません。 – maxik

+0

ハハ。キャップのロックがオンになっていました...そして怠惰....いい理由はありません。 – Scientized

答えて

2

最初の質問:はい、可能です。勾配でスタイルgrooveadd-page背景色をスキップ:

QSlider::groove:vertical { 
    width: 10px; 
    /* background: #021017;*/ 
    background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #46992b, stop: 0.5 #0e566d, stop: 1 #d16a4b); 
    border-radius: 5px; 
    position: absolute; 
    left: 10px; 
    right: 10px; 
} 
QSlider::handle:vertical { 
    height: 10px; 
    background: #0b1707; 
    border: 1px solid #46992b; 
    margin: 0px -10px; 
    /* expand outside the groove */ 

    border-radius: 5px; 
} 
QSlider::add-page:vertical { 
    border-radius: 5px; 
    border: 1px solid #0e566d; 
    /*background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #46992b, stop: 0.5 #0e566d, stop: 1 #d16a4b);*/ 
} 
QSlider::sub-page:vertical { 
    background: #021017; 
    border-radius: 5px; 
    border: 1px solid #0e566d; 
    margin: 0px 1px 0px 1px; 
} 
QSlider::handle:vertical:hover { 
    background-color: #46992b; 
} 

slider with some value slider with some more value

概要:私は(あなたがそれらに気づくでしょう、コメントのないもの)を指定したスタイルシートを調整します。 2番目の質問については


::chunkので、私ははそれがデフォルトQSliderで作業していないと思いますが、機能していません。チャンクを扱える独自のクラスを自由に実装してください。