具有自定形狀的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

回答

相關問題