通过Intel XDK编写跨平台app(二)

通过Intel XDK编写跨平台app(一)

通过Intel XDK编写跨平台app(二)

在这个系列的上一篇文章中，我们大致了解了Interl XDK的概况。在这一部分中，我们会详细地介绍如何通过这个框架来构建app，这里我们会以一个简单的照片分享应用为例。

你可以在Github上找到这个例子的最终代码。

对比一下几个框架

Intel XDK支持几种不同的HTML5架构： App Framework, Bootstrap, TopCoat 和JQuery Mobile。APP Designer同时也支持这些不同的框架。介初学者模式App Starter只支持App Framework。  

App Framework 是一个简单的前端框架，它的UI组件都只能用来构建这种类型的应用，而且它能通配各种手机操作系统。在IOS设备上，它看上去和IOS本地组件差不多，在Android设备上，它看上去又和Android本地组件相似，在其它设备中也是这种情况。不仅如此，App framework是一个轻量级的框架，速度也非常快。

JQuery mobile 是一个很经典的手机应用框架了。它已经有很多看的历史，是现如今为数不多的依然存活的框架。你可以在它的库中找到很多的组件，但是这个框架有个很多问题，它很慢，通配做的不好，而且看上去并不像本地应用。

TopCoat 它是个显为人知的框架。它其实并不是一个完整的框架，只是提供了完整的UI组件。 

Bootstrap 它应用是最明星的一个框架了，它用来构建web页面和手机的响应式网站。我第一次使用它的时候真是有点惊讶，因为它毕竟不是一个混合式的应用开发框架。

现在开始编码吧！

让我们从创建一个项目开始，你可以通过点击左上方的”Start New Project“按钮来创建一个应用。然后选择“App Starter”创建方式来创建一个App Framework的工程。

下图是你创建项目的原型：

在css文件夹中创建一个style.css文件，然后创建一个app.js在js文件夹中。imageswhere文件夹用来存放图片资源。这个项目中我们不会使用任何第三方API，如果你在其它项目中需要使用，可以通过编辑项目来添加

。。。。

。。。。

原文来自：通过Intel XDK编写跨平台app(二)