@qml

動態 列表
@jiuliangxiaodeshuanggang

qml實現頭像裁剪功能

效果 首先了解一下flickable flickable在確定高度寬度後,使用contentWidth,contentHeight綁定內容大小,當內容大小大於flickable大小時,flickable會自動提供滾動條以便鼠標拖動查看。 所以打開一個圖片後要先調整適合flickable,前提是保持比例,不然根據圖片的比例縮放. 假設flickable是一個正方形,如果圖片長寬比為1:2等,

@mengps

Qt 中實現系統主題感知

【寫在前面】 在現代桌面應用程序開發中,系統主題感知是一項重要的功能,它使得應用程序能夠根據用户的系統主題設置(如深色模式或淺色模式)自動調整其外觀。 Qt 作為一個跨平台的C++圖形用户界面應用程序開發框架,提供了豐富的工具和類來實現這一功能。 【正文開始】 一、使用效果 二、系統主題感知助手類(SystemThemeHelper) SystemThemeHelper類是一個封裝了系統主題感

mengps 頭像

@mengps

昵稱 夢起丶

@mengps

Qml 中實現水印工具

【寫在前面】 在 Qt 的 Quick 模塊中,QQuickPaintedItem 是一個非常有用的類,它允許我們在 Qml 中自定義繪製邏輯。 我們可以通過這種方式實現水印工具,包括在文本、圖片或整個窗口上添加水印。 本文將介紹如何在 Qml 中實現一個簡單但功能強大的水印工具,包括水印文本的透明度、顏色、字體大小、旋轉角度等自定義功能。 【正文開始】 一、效果圖 二、水印工具類的設計 首先

mengps 頭像

@mengps

昵稱 夢起丶

@mengps

Qml 中實現毛玻璃效果

【寫在前面】 毛玻璃效果(Acrylic Effect)是一種常見的 UI 設計風格,它通過模糊背景並添加透明度和噪聲效果,使界面元素看起來像是半透明的磨砂玻璃。 本文將介紹如何使用 Qml 實現這種效果,並提供一個完整的示例代碼。 【正文開始】 1. 效果圖 2. 毛玻璃效果的實現原理 毛玻璃效果的核心是通過模糊背景圖像,併疊加透明度和噪聲效果來實現。 具體來説,實現毛玻璃效果的步驟如下:

mengps 頭像

@mengps

昵稱 夢起丶

@mengps

Qml 中實現任意角為圓角的矩形

【寫在前面】 在 Qml 中,矩形(Rectangle)是最常用的元素之一。 然而,標準的矩形元素僅允許設置統一的圓角半徑。 在實際開發中,我們經常需要更靈活的圓角設置,例如只對某些角進行圓角處理,或者設置不同角的圓角半徑。 本文將介紹如何通過自定義 Qml 元素實現一個任意角可為圓角的矩形。 【正文開始】 效果圖 自定義 Qml 元素:DelRectangle 我們將創建一個名為 DelRe

mengps 頭像

@mengps

昵稱 夢起丶