UAP建立ui介面模型

weixin_47056195發表於2020-12-15

1、選中需要新增ui介面模型的模組—>滑鼠右鍵—>new----->選中ui介面模型
在這裡插入圖片描述
2、在模型名稱處輸入新建的模型名稱---->選中建立方式中的選項(如果之前有場景模板就選中 根據場景模板建立,如果沒有場景模板就選擇 全新建立空白介面),這裡我是選擇的是全新建立空白介面 ,,點選Finish
在這裡插入圖片描述
結果如下:
在這裡插入圖片描述
3、選擇基礎控制元件中的 HSplit控制元件,將新建的檢視分為上下兩層,如下:
在這裡插入圖片描述
4、在檢視分層的下層加入資料控制元件 dataGrid 資料控制元件,如下:
在這裡插入圖片描述
5、在檢視層可以新增自己需要的基礎控制元件和資料控制元件
6、在上層檢視中新增一個工具欄 ToolBar,如下:
在這裡插入圖片描述
7、在工具欄上新增工具按鈕 ToolBarItem,如下:
在這裡插入圖片描述
8、修改上下佈局的尺寸,效果如下:
在這裡插入圖片描述
9、點選儲存(切記,一定要儲存後才可以生成程式碼,不然會出問題的)
10、點選生成程式碼按鈕
在這裡插入圖片描述
11、點選finish
在這裡插入圖片描述
12、這個時候回提示,鎖是沒有繫結資料來源,是否繫結資料來源,點選是
在這裡插入圖片描述
13、此時在我們的模組中就出現了新建的介面模型,如下:
在這裡插入圖片描述
也可以在程式碼中修改大小以及相應的引數
在這裡插入圖片描述
以上是自己學習的筆記,僅供學習交流使用,禁止用於商業通途,如有不到之處,還請多多指教,謝謝各位大佬!

相關文章