前言

在移動端應用中，用戶頭像一般都是圓形的， 在Android開發中github上有專門生成圓形圖片的庫可以使用，傳入一張正常照片就可以返回圓形圖片，并用戶頭像設置。那么在QML中也可以實現相同的效果，并且使用非常簡單。需要用到OpacityMask組件，在Qt官方文檔中已經非常詳細的介紹了該組件的使用，那么接下來我們看看如何做一張圓形的圖片出來。

正文

先看看效果圖，左邊是原圖，右邊是處理后的。

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

import QtQuick 2.0 import QtGraphicalEffects 1.0Item {width: 300height: 300Image {id: imgsource: "3.jpg"sourceSize: Qt.size(parent.width, parent.height)smooth: truevisible: false}Rectangle{id:maskanchors.fill: parentradius: width/2.}OpacityMask {anchors.fill: parentsource: imgmaskSource: mask}}

代碼很簡單，不再贅述。

與50位技術專家面對面20年技術見證，附贈技術全景圖

總結

以上是生活随笔為你收集整理的QML做类似Android圆形头像的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。