为Ubuntu开发应用程序[QML]

安装Ubuntu SDK

Ubuntu软件开发工具包 是一个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,它还具有使外观保持不变的Components(桌面组件)如果是gtk。


2条评论,留下您的评论

发表您的评论

您的电子邮件地址将不会被发表。 必填字段标有 *

*

*

  1. 负责数据:MiguelÁngelGatón
  2. 数据用途:控制垃圾邮件,注释管理。
  3. 合法性:您的同意
  4. 数据通讯:除非有法律义务,否则不会将数据传达给第三方。
  5. 数据存储:Occentus Networks(EU)托管的数据库
  6. 权利:您可以随时限制,恢复和删除您的信息。

  1.   @

    只是澄清一下,Ubuntu SDK不是IDE,也不是基于QtCreator,因为它的名称表示可以集成到QtCreator中的开发套件。

  2.   奎勒布雷

    今天,我开始关注本教程和其他三个教程,但是当我尝试运行该项目时,我退出了应用程序,您能告诉我是否存在任何问题?