安裝Ubuntu SDK
Ubuntu SDK 是一個IDE,可為我們提供開發基於以下功能的應用程序所需的工具: QTC創作者.
sudo apt-get install ubuntu-sdk
如果一旦安裝,我們將其打開,它將出現:
文件
我們可以在中找到很多信息 捲筒紙 Ubuntu開發人員,教程,API ...
在同一個Ubuntu SDK中,我們可以找到可以學習的部分,請參見代碼。類別為幫助,Wiki,Core Apps和API。
在API中,我們可以找到所有Ubuntu api.Components 0.1,這是我們將用來創建應用程序的組件。
在Core Apps中,它向我們顯示了網絡 ubuntu-手機-coreapps 啟動板的位置,我們可以在其中找到幾個應用程序的代碼。 在幫助中,我們可以看到一些手冊,可以幫助我們入門。
在綫 在這裡我們可以找到使用qml和javascript解析json的教程。
創建一個應用程序(一個客戶端)
來看一個例子,我們將創建一個客戶端,我已經談到了一個客戶端 在這裡。
我們創建一個新項目:File-> New File or Project
然後,我們選擇簡單觸摸UI。 在創建項目時,該項目將顯示為結構化的,其中包含一些文件和文件夾,如果現在運行,我們將獲得一個示例應用程序,我們將不使用該示例應用程序,或者將其部分用作創建我們的基礎點。
如果現在我們添加一個帶有模型的listView,該模型從漫畫中獲取Json數據(例如標題),我們將擁有:
我們創建了一個名為data.js的文件,右鍵單擊項目Add new-> Qt-> JS文件來創建此文件:
我們可以通過僅獲取結果數組來了解如何解析json,對於每個結果,我們將獲取其標題。
console.log就像為控制台打印一樣。
最後,我們在上面輸入了marvel.qml
import "data.js" as Data
假設我們要給應用程序一個更好的外觀,例如,而不是僅顯示顯示圖像的標題。 並能夠水平移動它們,讓我們開始吧:
我們在列表視圖中添加了取向屬性
orientation: ListView.Horizontal
我們還更改了圖像的文本:
Image {
width: 200; height: 150
fillMode: Image.PreserveAspectFit
source: thumbnail+".jpg"
}
然後在data.js中添加縮略圖
marvelModel.append({id: i.id, title: i.title, thumbnail: i.thumbnail.path});
我們可以看到結果:
現在,我們可以為應用程序做很多功能,例如單擊圖像將向我們顯示信息,一個字符搜索引擎……但是我們將在此處保留示例。
包裝
最後,我們只需要創建我們的包,就可以去打包:
我們可以看到我們必須填寫一些字段。 例如,如果您使用Internet ...,則當我們完成所有操作後,我們會提供創建軟件包,該軟件包將創建一個.click文件,以便我們可以安裝該應用程序。
結論(GTK3或QML)
在外觀方面,我個人非常喜歡gtk,但是對此的“修改”程度有很多不足,另一方面,使用qml可以為其他用戶自定義很多UI,它也具有組件(桌面組件) )的外觀,就好像是gtk。
只是說明一下,Ubuntu SDK不是IDE,也不是基於QtCreator,因為它的名稱表示可以集成到QtCreator中的開發套件。
今天,我開始關注本教程和其他三個教程,但是當我嘗試運行該項目時,我退出了應用程序,您能告訴我是否存在任何問題?