led asp mage gravity details fill text sca ima

廢話不多說!直接上代碼。

我們在很多UI設計應用中，需要用到自定義形狀頭像，在這裏，我對圓形頭像的設計做簡單的闡述，其它形狀頭像可參考本文做相應的更改即可。如下圖所示為設計的圓形頭像：

上代碼：

SetMask::SetMask(QWidget *parent)
: QWidget(parent)
{
ui.setupUi(this);
QPixmap pixmapBack = ":/SetMask/Resources/mask.png";

ui.head->setMask(pixmapBack.mask());
ui.headborder->setStyleSheet("border-image:url(:/SetMask/Resources/mask.png)");
QPixmap head = QPixmap(":/SetMask/Resources/head.jpg").scaled(QSize(ui.head->width(), ui.head->height()), Qt::KeepAspectRatio, Qt::SmoothTransformation);
ui.head->setPixmap(head);
}

在這裏如果你對setMask有相關疑惑的地方，可參考QT幫助文檔，在這裏不做太多介紹。

工程文件我已上傳，需要的可以免費自行下載：QT之圓形頭像工程文件下載

http://blog.csdn.net/ly305750665/article/details/53494574

QT之圓形頭像（使用PNG的Mask達到的效果）