為Ubuntu開發應用程序[QML]

安裝Ubuntu SDK

Ubuntu SDK 是一個IDE,可為我們提供開發基於以下功能的應用程序所需的工具: QTC創作者.

sudo apt-get install ubuntu-sdk

如果一旦安裝,我們將其打開,它將出現:

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

sdk_創建

然後,我們選擇簡單觸摸UI。 在創建項目時,該項目將顯示為結構化的,其中包含一些文件和文件夾,如果現在運行,我們將獲得一個示例應用程序,我們將不使用該示例應用程序,或者將其部分用作創建我們的基礎點。

 從2014-04-06 17:10:44捕獲

如果現在我們添加一個帶有模型的listView,該模型從漫畫中獲取Json數據(例如標題),我們將擁有:

從2014-04-06 18:07:59捕獲

我們創建了一個名為data.js的文件,右鍵單擊項目Add new-> Qt-> JS文件來創建此文件:

從2014-04-06 18:07:00捕獲

我們可以通過僅獲取結果數組來了解如何解析json,對於每個結果,我們將獲取其標題。

console.log就像為控制台打印一樣。

最後,我們在上面輸入了marvel.qml

import "data.js" as Data

結果:從2014-04-06 17:57:16捕獲

假設我們要給應用程序一個更好的外觀,例如,而不是僅顯示顯示圖像的標題。 並能夠水平移動它們,讓我們開始吧:

我們在列表視圖中添加了取向屬性

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});

我們可以看到結果:

從2014-04-06 18:29:44捕獲

現在,我們可以為應用程序做很多功能,例如單擊圖像將向我們顯示信息,一個字符搜索引擎……但是我們將在此處保留示例。

包裝

最後,我們只需要創建我們的包,就可以去打包:

sdk_package

我們可以看到我們必須填寫一些字段。 例如,如果您使用Internet ...,則當我們完成所有操作後,我們會提供創建軟件包,該軟件包將創建一個.click文件,以便我們可以安裝該應用程序。

結論(GTK3或QML)

在外觀方面,我個人非常喜歡gtk,但是對此的“修改”程度有很多不足,另一方面,使用qml可以為其他用戶自定義很多UI,它也具有組件(桌面組件) )的外觀,就好像是gtk。


2條評論,留下您的評論

發表您的評論

您的電子郵件地址將不會被發表。 必填字段標有 *

*

*

  1. 負責數據:MiguelÁngelGatón
  2. 數據用途:控制垃圾郵件,註釋管理。
  3. 合法性:您的同意
  4. 數據通訊:除非有法律義務,否則不會將數據傳達給第三方。
  5. 數據存儲:Occentus Networks(EU)託管的數據庫
  6. 權利:您可以隨時限制,恢復和刪除您的信息。

  1.   @ 他說:

    只是說明一下,Ubuntu SDK不是IDE,也不是基於QtCreator,因為它的名稱表示可以集成到QtCreator中的開發套件。

  2.   奎勒布雷 他說:

    今天,我開始關注本教程和其他三個教程,但是當我嘗試運行該項目時,我退出了應用程序,您能告訴我是否存在任何問題?