具有自定形状的QPushButton

我想让一些按钮看起来像您在Skype中看到的按钮。如何使用自定义形状设计QPushButton？我对此没有任何想法。所以我需要一些建议。例如，我想我的QPushButton看起来像这样image 具有自定形状的QPushButton

来源

2012-11-19 Narcisse Doudieu Siewe

您可以使用QT-Stylesheets来设置QPushButton的样式，无论您喜欢它的方式如何。您可以设计QPushButton的border-image属性，有一个示例here解释了这一点。请通过documentation。特别研究css box-modal。

但是您的要求可以通过简单地将以下样式表设置为QPushButton来实现。您必须使用GIMP等图像编辑软件准备PNG图像，因此图像将具有透明背景。

QPushButton#myPushButton 
{ 
    background-color: transparent; 
    background-image: url(":/transparent_image.png"); 
    background-repeat: none;  
    border: none; 
}

此外，你可能想风格:hover和:pressed伪状态以及通过设置两个额外的图像，所以它看起来更像是一个按钮，它的行为的条款。

QPushButton#myPushButton:hover 
{ 
    background-image: url(":/transparent_image_hover.png"); 
} 

QPushButton#myPushButton:pressed 
{ 
    background-image: url(":/transparent_image_pressed.png"); 
}

我几乎已经为您填充了答案，因此请记住，在寻找答案时必须具体。所以人们可以帮助你更集中的答案。

来源

2012-11-19 03:37:06 warunanc

我知道这种方法，但如果你的按钮必须以任何形式（形状）如何做到这一点？假设你在这个链接中有一张相同的图片：http://meship.com/Blog/2011/07/14/move-to-cloud-computing-drives-virtual-call-center-trend/（world + headphones ）你怎么能制作一个形状完全相同的按钮？ –

你的问题更通用，因此你提出了一个通用的答案。如果你可以发布你的QPushButton样式表，我可以更有用的一个特定的答案。我所能说的是，您的要求可以在样式表级别达到 – warunanc

我编辑了我的答案以满足您的特定需求;造型QPushButton看起来像这个链接中显示的图像http://meship.com/Blog/2011/07/14/move-to-cloud-computing-drives-virtual-call-center-trend/ – warunanc

具有自定形状的QPushButton

回答

相关问题