QML
文章平均质量分 91
Elastic 中国社区官方博客
Elastic 首席布道师,Elastic 认证工程师,认证分析师,认证可观测性工程师,阿里云最有价值专家
展开
-
在Ubuntu平台上开发Qt Quick QML应用 (视频)
在这个视频里,我们从“0”开始来开发一个mini的RSS阅读器。通过这个练习,开发者可以对QML的编程有一个基本的了解,并了解在Ubuntu平台上的一些开发的流程。原创 2015-01-13 15:08:31 · 3009 阅读 · 0 评论 -
在QML语言中怎么定义signal并怎么正确使用它
信号及槽(signal-slot)是Qt语言最基本的,也是最you原创 2014-08-15 14:37:41 · 3467 阅读 · 0 评论 -
QML入门必备基础知识之——UI布局管理
QML入门必备基础知识之——UI布局管理概述使用 Qt 做过 UI 后一定对 QHBoxLayout, QVBoxLayout, 和 QGridLayout 这三个最重要也最常使用的 layout managers 非常熟悉。那么在 QML 中又是如何控制和管理 UI 布局的呢?那么我们这篇文章就为大家介绍这些基础知识。首先,QML 同样允许大家转载 2014-10-16 09:41:16 · 2523 阅读 · 0 评论 -
如何在Ubuntu中使用条件布局
我们知道现代手机可以随着手持的方位发生改变而使得手机的方位也随着发生改变。对有些应用来说,我们也希望手机的布局也能跟随发生变化。另外一种情况是当我们的应用安装到不同屏幕尺寸的平台上,我们希望我们的布局会随着屏幕的尺寸不同而发生不同的变化。我们可以利用剩余的空间显示更多的内容。在Ubuntu平台中,我们使用一个称作为conditinal layout的机制来使得我们的布局发生改变。在conditio原创 2014-09-03 13:41:04 · 2116 阅读 · 0 评论 -
如何使用QML动态产生Component来完成我们的气球游戏 (1)
在这篇文章里,我们将学习如何使用QML动态创建一些Component。原创 2014-09-10 11:41:52 · 2348 阅读 · 0 评论 -
怎么安装Ubuntu应用到Device中
这里我们先设想你们已经把手机刷到Ubuntu Touch最新软件。下面我们来介绍怎么生成Click package,并安装到手机中。1) 生成Click Package启动Ubuntu SDK打开已经创建的应用选择IDE左下方的目标架构为"Ubuntu Device (GCC armhf-ubuntu-sdk-14.10-ut原创 2014-08-06 09:56:09 · 2483 阅读 · 0 评论 -
用Qt Quick快速设计UI
这是一个视频教程。我先前的同事已经把它给录下来了。我觉得非常好。具体的地址 是:http://v.youku.com/v_show/id_XMjM0NjczMjE2.html。现在分享给大家。可能大家不能找到源码。大家可以参考我的设计在如下地址:https://code.launchpad.net/~liu-xiao-guo/debiantrial/flickr你可原创 2014-08-06 09:57:08 · 2890 阅读 · 0 评论 -
QML入门教程(3)
经过前面两个教程,文字也能显示,也能处理鼠标事件了,来点动画吧。这个教程实现了当鼠标按住的时候,Hello,World从顶部到底部的一个旋转过程,并带有颜色渐变的效果。完整的源代码main.qmlimport QtQuick 2.0 Rectangle { id: page width: 500; height: 200 color:转载 2014-08-06 09:54:03 · 1792 阅读 · 0 评论 -
QML入门教程(1)
这接下来的几篇关于Qt Quick的文章是我以前的同事在Qt官方网站上发表的文章翻译过来的,我觉得很好。这次我把它重新整理一下供大家一起来学习吧。QML是什么?QML是一种描述性的脚本语言,文件格式以.qml结尾。语法格式非常像CSS(参考后文具体例子),但又支持javacript形式的编程控制。 它结合了QtDesigner UI和QtScript的优点。QtDe转载 2014-08-06 09:49:10 · 2671 阅读 · 0 评论 -
怎么在Ubuntu平台上面读取电话及短信记录(History API)
bzr branch lp:~liu-xiao-guo/debiantrial/history原创 2014-09-04 12:05:55 · 1856 阅读 · 4 评论 -
QML入门教程(2)
QML入门教程(2)在上一篇文章里我们使用了最基础的QML类型实现了文字Hello,World的显示。这篇文章中将会增加颜色选项面板,用户可以给Hello,World设置不同的颜色,如下图显示QML组件从图中可以看到选项面板由6个颜色小块组成,它们唯一的区别就是颜色不一样。那么我们就可以用组件(Component)来实现一个颜色块,然后在需要的时候使用这转载 2014-08-06 09:52:44 · 2129 阅读 · 0 评论 -
如何得到QML package的详细API接口
尽管我们的developer网站有丰富的API介绍,但是,有些API的介绍可能并不全,有些API也在不断地演进中。为了得到更详细的API,我们可以通过如下的命令来得到更加详细的信息。原创 2015-03-12 14:55:15 · 2156 阅读 · 5 评论 -
Ubuntu OS上的QML应用框架
在我们编写QML应用的时候,我们有时事先需要来考虑我们怎么使用一个好的框架来完成我们的应用。我们的应用有多少个页面,页面之间的导航到底是怎么样子的。这个对于我们一开始来设计我们的应用来说非常中要。在这篇文章中,我们来介绍如何在上层来设计我们的应用框架。 1)使用tab来创建一个平面的导航应用我们可以使用我们的Ubuntu SDK来创建一个最基本的叫做TabApp的应用: ...原创 2019-01-16 00:50:11 · 734 阅读 · 0 评论 -
用Ubuntu SDK创建Currency Converter (视频)
这是一个利用Ubuntu SDK来创建一个QML应用的视频。这个例程的原教程可以在我们的开发者网站“构建首个QML应用程序”。原创 2015-04-14 15:40:52 · 1568 阅读 · 0 评论 -
如何在Ubuntu QML应用中实现一个垂直的Slider
我们在使用Ubuntu SDK中的Slider的时候,我们发现,它没有orientation的属性尽管在Qt官方网站的slider是有这个属性的。在默认的情况下,这个Slider是水平的。那么我们该如实现这个呢?原创 2015-04-28 11:48:58 · 2312 阅读 · 0 评论 -
如何在QML中实现一个垂直的Ubuntu Slider
我们在使用Ubuntu SDK中的Slider的时候,我们发现,它没有orientation的属性尽管在Qt官方网站的slider是有这个属性的。在默认的情况下,这个Slider是水平的。那么我们该如实现这个呢?原创 2015-04-28 11:43:11 · 794 阅读 · 0 评论 -
Ubuntu手机开发者创新大赛-西安站-6月3日 周三07:00-10:30 西安邮电大学长安校区东区fz118
我们即将于5月9日在南京财经大学大学生活动中心116室开展我们的培训原创 2015-05-05 10:19:18 · 2670 阅读 · 0 评论 -
在QML的UbuntuApplication Context Property
我们可以在Ubuntu SDK的文档中可以看到UbuntuApplication API。但是我们看不到它的具体的用法。在这篇文章中,我们来通过如下的方法来查看一下该如何使用该API。原创 2015-06-11 12:34:17 · 1378 阅读 · 0 评论 -
如何使用Loader来动态载入一个基于item的Component
QML中的Loader是用来动态地载入一个QML的Component。它可以用来载入一个QML文件(使用它的source属性)。它也可以载入一个Component(使用它的sourceComponent属性)。它适合在需要载入一个Component时才载入它,这样避免资源的浪费。它可以动态地载入按需求在需要的时候创建我们需要的Component。更多阅读,可以参照:http://qt-projec原创 2014-09-09 14:07:55 · 2655 阅读 · 0 评论 -
如何使用QML动态产生Component来完成我们的气球游戏 (2)
在上一篇文章中,我们已经生成了我们Balloon component了。现在我们来让大家怎么来动态生成很多的气球。4)更进一步完成我们的Balloon component为了使得我们的Balloon更加像现实生活中的气球,我们来给Balloon给予更多的属性: property int x1 property int y1 property原创 2014-09-10 20:39:32 · 2176 阅读 · 0 评论 -
在Ubuntu上的C++及QML混合编程
在这篇文章中,我讲述如果使用QML来调用C++来扩展我们的应用。我们需要在如下的情况下使用Qt C++来扩展我们的功能:1)我们已经有成熟的C++引擎设计或协议等。比如我们已经用C++设计好了我们的Fetion协议代码。我们没要再用另外一个低性能的语言来重新写一边2)有些功能我们没有办法使用Javascript来完成,必须使用系统或专用的一些功能包来完成。这时我们可以使用C++语言来完成我们需要的功能3)有些代码对计算的要求非常高,需要使用大量的CPU时间,这时,我们可以考虑使用C++来完成这部分的原创 2014-08-14 13:28:23 · 2259 阅读 · 0 评论 -
怎么在Ubuntu系统上保存自己的数据
保存数据对于一些应用来说非常重要。比如在游戏zhuang原创 2014-08-29 15:15:45 · 3270 阅读 · 0 评论 -
使用SQLite offline storage API来存储应用的设置
在前面的一篇文章中,我们已经使用了一种方法U1db来存储我们的应用的原创 2014-09-01 10:26:16 · 2354 阅读 · 1 评论 -
使用Qt.labs.settings来存储应用的设置
我在以前的文章中,讲述了如何使用U1db及SQLite offline storage API来存储应用的一些状态。在这篇文章中,我将介绍如何使用Qt.labs.settings来存储应用的状态。更加详细的介绍,请参阅链接。原创 2014-10-16 15:18:13 · 2626 阅读 · 0 评论 -
如何在Ubuntu OS上读取电话本信息
在这篇文章里,我来介绍如何在Ubuntu OS上上面读取电话本的信息。原创 2014-09-09 09:01:03 · 1709 阅读 · 0 评论 -
如何在QML中使用不同的字体(font)
在这篇文章中,我们将展示如何在我们的QML应用中使用不同的font.我们既可以使用本地应用带有的字体,也可以使用系统带有的字体.我们也展示了如何使用一个在网路上的字体.原创 2016-01-04 08:27:17 · 13526 阅读 · 0 评论 -
如何在QML应用中显示在系统中的所有的字体
在这篇文章中,我们来显示在Ubuntu 手机中所有的已经有的字体.大家可以根据自己的需求来选择自己所需要的字体.原创 2016-01-04 09:25:26 · 3324 阅读 · 0 评论 -
利用ContentHub API来import图片
由于Ubuntu OS的安全机制,任何第三方的应用无法访问另外一个应用的存储。这样就带来了问题,比如我们想访问Gallery中的图片怎么办?我们可以利用Ubuntu OS提供的ContentHub API来访问另外一个应用所提供的可以访问的内容。前提是另外一个应用必须有相应的功能实现exporter的功能。在这篇文章中,我们来介绍如何使用ContentHub来获取由Gallery所提供的图片。更多关于ContentHub的API介绍,可以参照链接。原创 2014-11-06 18:07:22 · 1814 阅读 · 0 评论 -
如何优化在Ubuntu手机中的QML应用
在我们写QML应用时,我们如何来优化我们的应用呢?在Ubuntu平台的API中,有一个API叫做"PerformanceOverlay".就像它的名字所说的,它是一个overlay.它可以用来显示一个应用启动或运行时所需要的时间及CPU的使用情况.原创 2016-01-26 12:07:05 · 1231 阅读 · 0 评论 -
有那些UbuntuColors?
在我们设计我们的Ubuntu应用中,如果我们想把我们的应用设计成为最符合Ubuntu的颜色的话,我们需要使用UbuntuColors来作为我们设计的参考.在今天的练习中,我们来显示我们的Ubuntu系统中到底有那些颜色.原创 2016-03-15 15:48:50 · 893 阅读 · 0 评论 -
利用Expandable创建一个可以扩展的列表
我们可以通过利用Ubuntu.Components.ListItems 中的Expandable来创建一个可以扩展的List列表.在有些列表应用中这个是非常有用的.它可以让我们展示更多的内容原创 2016-03-16 15:52:20 · 1074 阅读 · 0 评论 -
如何得到Ubuntu UI Toolkit的版本
该文章介绍了如何获取Ubuntu Toolkit的版本信息.原创 2016-03-16 08:30:21 · 1369 阅读 · 0 评论 -
利用QtGraphicalEffects来使得自己的图像显示更加生动
有兴趣的开发者可以参阅连接http://doc.qt.io/qt-5/qtgraphicaleffects-qmlmodule.html来深度学习Qt对Graphics方面的处理。在今天的这篇文章中,我们来使用OpacityMask做一点小小的例子来抛砖引玉看看Qt对我们的图像的处理。具体的例子在Qt的官方网站上可以看到。由于一些原因,在官方网站上下载的例程中的文件并不能被使用,需要做一些的处理才可以。原创 2015-07-06 11:21:09 · 2381 阅读 · 0 评论 -
如何在Ubuntu手机中使得一个应用是全屏的应用
我们知道很多的开发者想把自己的应用设置为全屏的应用,这样可以使得应用能更多地占用屏幕的有效面积以使得自己的应用更好看。在默认的SDK的样板中,在应用的最上面,有一个“title”的地方占用很多的空间。对于一些应用来说,在主界面中,这个可能并不有用,但是对于使用PageStack的应用来说,这个区域显示一个向左的箭头以返回上一个页面的。 最近我也有这样的问题,我既想使用PageStack给予我的方便,又想拥有全屏的功能。在这篇文章中,我们来介绍如何做到全屏的应用。另外我们值得指出的是:我们的全屏的应用不能覆盖原创 2015-04-23 08:43:59 · 2002 阅读 · 0 评论 -
利用thumbnailer API来提取图标视频或专辑的thumbnail
最近我读了一篇关于thumbnailer API的文章.这个API主要是用来让我们提取图片,视频,或在线音乐的图片的thumbnail的.原创 2016-03-07 15:34:29 · 1275 阅读 · 0 评论 -
如何在Ubuntu手机中使得一个应用是全屏的应用 - Ubuntu.Components 1.3
在我先前的文章"如何在Ubuntu手机中使得一个应用是全屏的应用",我已经介绍了如何在Ubuntu手机上实现一个全屏的应用.随着我们手机软件的演化.我们需要使用更高版本的Ubuntu.Components来实现我们所需要的功能.我们先前的trick再也不能使用了.在这篇文章中,我们将介绍如何在更高版本的Ubuntu.Components来实现Full Screen.原创 2016-02-21 17:26:12 · 1573 阅读 · 0 评论 -
在Ubuntu应用中应用PageHeadSections
在Ubuntu toolkit中,我们可以充分利用PageHeadSections来对我们的每个页面的head section进行设定从而充分利用toolkit给我没带来的便利.在这篇文章中,我们来介绍如何充分利用PageHeadSections来设计一些动作.我们最终的界面如下:原创 2016-02-19 10:39:39 · 1153 阅读 · 0 评论 -
在Ubuntu QML应用中实现Particle特效
粒子是计算机图形技术,可视化某些图形效果。典型的影响可能是:落叶,火灾,爆炸,流星,云,等。原创 2016-02-02 11:08:08 · 1876 阅读 · 0 评论 -
如何实现QML中的pathview
在之前的很多练习及教程中,我们展示了如何在QML语言设计中使用ListView及GridView来展示我们所需要的效果.在今天的教程中,我们来深刻体会一下如何使用QML语言中的 PathView来展示我们的效果.在PathView中,我们可以用它来显示旋转木马的效果.如果大家有使用我们的Ubuntu Scope的话,可能大家已经曾经使用carousel显示模板.在很多的场合中可以实现很炫的显示效果.原创 2016-01-28 15:52:10 · 3623 阅读 · 0 评论 -
在QML应用中显示image tag
我们在许多的手机中应用中可以看见在文字中可以插入图片.这对于我们的有些应用添加很多的情趣.在今天的例程中,我们通过一个很小的例程来展示如何实现同样的功能原创 2016-01-14 15:18:16 · 1851 阅读 · 0 评论