Ubuntu用アプリケーションの開発[QML]

UbuntuSDKのインストール

Ubuntu SDK は、に基づいてアプリケーションを開発するために必要なツールを提供するIDEです。 QTクリエイター.

sudo apt-get install ubuntu-sdk

インストールしたら、それを開くと、次のように表示されます。

ドキュメンテーション

私たちはで多くの情報を見つけることができます ウェブ Ubuntu開発者、チュートリアル、apiから..。

同じUbuntuSDK内で、学習できるセクションを見つけることができます。コードを参照してください...カテゴリは、ヘルプ、Wiki、コアアプリ、およびAPIです。

APIでは、アプリの作成に使用するコンポーネントであるすべてのUbuntu api.Components0.1を見つけることができます。

Core Appsでは、Webが表示されます ubuntu-phone-coreapps いくつかのアプリケーションのコードを見つけることができるランチパッドの。 ヘルプでは、始めるのに役立ついくつかのマニュアルを見ることができます。

ウエブサイト ここで、qmlとjavascriptを使用してjsonを解析するためのチュートリアルを見つけることができます。

アプリケーション（クライアント）の作成

例を見るには、クライアントを作成します。これについては、すでに少し説明しました。 ここに。

新しいプロジェクトを作成します：ファイル->新しいファイルまたはプロジェクト

そして、Simple TouchUIを選択します。 プロジェクトを作成した時点では、いくつかのファイルといくつかのフォルダーを含む構造化されたように見えます。ここで実行すると、サンプルアプリケーションが表示されます。これは、作成のベースポイントとして使用しないか、部分的に使用します。

 

タイトルなど、コミックからJsonデータを取得するモデルを使用してlistViewを追加すると、次のようになります。

data.jsというファイルを作成します。このファイルを作成するには、プロジェクトを右クリックします。[新規追加]-> [Qt]-> [JSファイル]：

結果配列のみを取得することで、jsonをどのように解析するかを確認できます。ここで、各結果についてタイトルを取得します。

console.logは、コンソールの印刷を行うようなものです。

最後に、インポートがある場所の上にmarvel.qmlを配置します

import "data.js" as Data

結果：

たとえば、画像を表示するタイトルだけを表示するのではなく、アプリケーションの外観を改善したいとします。 そしてそれらを水平に動かすことができます、まあ、それをしましょう：

リストビューにorientationプロパティを追加します

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

結果を見ることができます：

これで、画像をクリックすると情報が表示されたり、文字検索エンジンが表示されたりするなど、アプリケーションで実行できるさまざまな機能を実行できます。ただし、ここでは例を残しておきます。

梱包

最後に、パッケージを作成するだけで、パッケージに移動します。

いくつかのフィールドに入力する必要があることがわかります。 たとえば、インターネットを使用している場合など、すべてが完了したら、アプリケーションをインストールできるように.clickファイルを作成するcreateパッケージを提供します。

結論（GTK3またはQML）

見た目に関しては、個人的にはgtkが大好きですが、この「変更」の程度にはまだまだ足りない部分があります。一方、qmlを使用すると、UIを他の人に合わせてカスタマイズでき、見た目をそのままにするコンポーネント（デスクトップコンポーネント）もあります。それがgtkだった場合。