目錄

?

?

效果及演示

偽代碼

---

?

效果及演示

這個功能十分有用，并且常用，在此記錄下！

如下效果：

下面的圖我不再截全了。這個框只是方便開發者看，現在把框去掉！

如果不想讓其透明，可以轉換為這樣的效果：

很丑對吧，如果是有底紋的貼圖就不會這樣了。

再添加一點透明度：

如果要實現底部是半透明的，控件不透明也是很簡單的。

把重復的2個Rectangle放到一起，有一層是半透明，有一層是全透明，但控件不透明，這樣就可以了！

?

?

偽代碼

這里全透明主要是依靠這個屬性：color: "transparent"

半透明主要依靠：opacity: 0.5? 這個屬性

?

偽代碼如下：

//登錄的那個框框 Rectangle {id: loginFramewidth: loginItem.width * 0.9height: loginItem.height * 0.4anchors {top: topRow.bottomtopMargin: topRow.height - 20horizontalCenter: topRow.horizontalCenter}// 僅僅是用于定位，看看會畫到哪//border.color: "white"//border.width: 2color: "transparent"//opacity: 0.5//radius: 10//smooth: true......... }

?

總結

以上是生活随笔為你收集整理的QML工作笔记-界面登录框设置（方便其他控件居中）的全部內容，希望文章能夠幫你解決所遇到的問題。

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