qt自定义控件样式02-QSpinBox

一、QSpinBox

QSpinBox 用于整数的显示和输入，一般显示十进制数，也可以显示二进制、十六进制的数，而且可以在显示框中增加前缀或后缀

二、qss样式

QSpinBox
 {
padding-right: 15px; /* make room for the arrows */
border-image: url(:/images/frame.png) ;//设置可伸缩的图片
border-width: 3;//设置边界宽度
}
QSpinBox::up-button //QSpinBox的向上按钮
{
subcontrol-origin: border;//subcontrol-origin指定原始矩形内子控件的对齐方式
subcontrol-position: top right; /* position at the top right corner */
width: 16px; 
border-image: url(:/images/spinup.png);
border-width: 1px;
}
QSpinBox::up-button:hover//鼠标放在向上按钮上的伪状态
 {
    border-image: url(:/images/spinup_hover.png) ;
}
QSpinBox::up-button:pressed 
{
    border-image: url(:/images/spinup_pressed.png) ;
}
QSpinBox::up-arrow //向上箭头
{
image: url(:/images/up_arrow.png);//图片资源
width: 7px;
height: 7px;
}
QSpinBox::up-arrow:disabled, QSpinBox::up-arrow:off//当值达到最大的时候
 { /* off state when value is max */
    image: url(:/images/up_arrow_disabled.png);
}
QSpinBox::down-button //向下按钮
{
subcontrol-origin: border;
subcontrol-position: bottom right; /* position at bottom right corner */
width: 16px;
border-image: url(:/images/spindown.png) 1;
border-width: 1px;//边界宽度
border-top-width: 0;//边界顶部宽度
}
QSpinBox::down-button:hover //子控件鼠标在上面的伪状态
{
    border-image: url(:/images/spindown_hover.png);
}
QSpinBox::down-button:pressed//鼠标按下的状态
 {
    border-image: url(:/images/spindown_pressed.png) 1;
}
QSpinBox::down-arrow //向下的箭头
{
image: url(:/images/down_arrow.png);
width: 7px;
height: 7px;
}
QSpinBox::down-arrow:disabled,
QSpinBox::down-arrow:off    //当向下按到值最小的时候
 {
 /* off state when value in min */
image: url(:/images/down_arrow_disabled.png);
}