原創|使用教程|編輯:龔雪|2016-03-07 09:03:47.000|閱讀 924 次
概述:本教程介紹如何使用ui.qml文件開發一個應用程序,使應用程序邏輯從UI中分離。該教程使用Qt Quick Designer實現一個簡化版的UI表單示例,它為一個客戶數據庫提供接口,只用QML和JavaScript編寫。
# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
相關鏈接:
該Customer Notes標簽包含了一個關于所選客戶和取消或保存更改的輸入文本區域。創建標簽內容:
1. 在Projects視圖中雙擊NotesForm.ui.qml打開它并在Design模式下進行編輯。
2. 在Navigator中選擇Item,然后在Properties的Id字段中輸入content。
3. 在Library中選擇Imports > Add Import,然后導出Qt Quick控件和布局。
4. 從庫中拖動一個Column Layout到導航器的content項中。
5. 選擇 Layout > Top、Left和Right按鈕來錨定網格布局到母體中,并將邊距設置為12.
6. 從庫中拖動一個Text Area到列布局中。
7. 在屬性中選擇Layout>Fill width和Fill height,將文本區域填充到列布局中。
8. 在Creating the Settings Tab中創建Save和Cancel按鈕作為指示,您還可以從SettingsForm.ui.qml中復制粘貼行布局。
9. 在導航器中,為每個字段選擇Export,導出該字段IDs作為屬性。下面的項應該被導出,以便它們可以在Notes.qml中被引用:
property alias textArea1: textArea1 property alias cancel: cancel property alias save: save
Customer History標簽包含了一個表格視圖,該視圖顯示客戶進行的事務處理。創建一個您可以在Edit模式下編輯的自定義HistoryTableView類型,對于歷史標簽,您不需要ui.qml文件。
創建歷史標簽:
1. 在Projects視圖中,右鍵單擊qml.qrc然后選擇Add New > Qt > QML File (Qt Quick 2)創建HistoryTableView.qml文件,并將其添加到項目中。
2. 從中復制執行情況。
3. 從示例文件中添加代碼到您的History.qml文件中來訪問代碼模型。
在標簽中添加功能用于從客戶模型中顯示數據,您必須創建所需的文件。現在,您需要從文件中復制設置標簽的執行情況,同時還需要從文件中復制注釋標簽的執行情況。
想要在主視圖中顯示標簽內容,需要在Design模式中設置QML文件作為標簽的資源。在Navigator中選擇設置標簽,然后在Properties視圖的Source字段中指定示例Settings.qml。以類似的方式指定注釋和歷史標簽。
然后,您可以刪除Tab.qml文件生成的向導,您不需要再上下文菜單中選擇Remove File。
本站文章除注明轉載外,均為本站原創或翻譯。歡迎任何形式的轉載,但請務必注明出處、不得修改原文相關鏈接,如果存在內容上的異議請郵件反饋至chenjj@fc6vip.cn
文章轉載自:慧都控件網