前言

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

正文

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

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

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位技術(shù)專家面對面20年技術(shù)見證，附贈技術(shù)全景圖

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。