QT 通过QSS控制QSpinBox::up-arrow 图片随控件大小自动缩放

[just59277]

如题，QT 通过QSS控制QSpinBox::up-arrow 图片随控件大小自动缩放。（只能通过QSS方式）。

[冷静忍耐]

QSpinBox::up-arrow { image: url(:/images/uparrow.png); width: 8px; height: 8px; } 好像并不能自动，你可以去掉宽和高试一下。

[FlyToTMoon]

箭头那蛮难调整的,去掉宽和高应该是不行.

[just59277]

引用 1 楼 u010111033 的回复:

你的意思是设置这个控件的背景？ 那么使用：spinbox->setStyleSheet( border-image: url(:/images/pagefold.png);) border-image会改变大小自动适应， background就不会了，只是显示原图片的大小

不是整个控件的背景 是QSpinBox::up-arrow 上下按钮的图片。这个我用border-image试了，没效果。

[just59277]

引用 2 楼 u013466477 的回复:

QSpinBox::up-arrow { image: url(:/images/uparrow.png); width: 8px; height: 8px; } 好像并不能自动，你可以去掉宽和高试一下。

引用 3 楼 caojian005 的回复:

箭头那蛮难调整的,去掉宽和高应该是不行.

确实不行，我结合up-button 设置百分比宽高，也没出效果，那原本控件里面的效果是怎么实现的，必须要到QT里面代码控制吗？

[Little柯南]

qspinbox的子控件名字，也就是上下哪两个箭头分别叫：up-button和down-button 你试着对这两个子控件分别设置全景图片看看

[Little柯南]

QSpinBox::up-button{subcontrol-origin:border; subcontrol-position:right; image: url(:/ico/pushed_right.png); width: 12px; height: 20px; }

[Little柯南]

你的意思是设置这个控件的背景？ 那么使用：spinbox->setStyleSheet( border-image: url(:/images/pagefold.png);) border-image会改变大小自动适应， background就不会了，只是显示原图片的大小

[FlyToTMoon]

引用 5 楼 just59277 的回复:

[quote=引用 2 楼 u013466477 的回复:] QSpinBox::up-arrow { image: url(:/images/uparrow.png); width: 8px; height: 8px; } 好像并不能自动，你可以去掉宽和高试一下。

引用 3 楼 caojian005 的回复:

箭头那蛮难调整的,去掉宽和高应该是不行.

确实不行，我结合up-button 设置百分比宽高，也没出效果，那原本控件里面的效果是怎么实现的，必须要到QT里面代码控制吗？ [/quote] 代码里肯定是没问题的,就是计算初始大小位置跟缩放因子

[just59277]

引用 7 楼 u010111033 的回复:

QSpinBox::up-button{subcontrol-origin:border; subcontrol-position:right; image: url(:/ico/pushed_right.png); width: 12px; height: 20px; }

确实应该设置up-button的border-image

[Little柯南]

引用 9 楼 just59277 的回复:

[quote=引用 7 楼 u010111033 的回复:] QSpinBox::up-button{subcontrol-origin:border; subcontrol-position:right; image: url(:/ico/pushed_right.png); width: 12px; height: 20px; }

确实应该设置up-button的border-image[/quote] 恭喜宝宝顺利解决问题！