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

以你之姓@ 2022-08-12 01:10 303阅读 0赞

[![de905436-f235-4851-93f2-94f451379363.jpg][]][de905436-f235-4851-93f2-94f451379363.jpg 1]

> [通过Intel XDK编写跨平台app(一)][Intel_XDK_app]
> 
> [通过Intel XDK编写跨平台app(二)][Intel_XDK_app 1]

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

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

# **对比一下几个框架** #

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

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

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

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

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

# **现在开始编码吧！** #

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

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

[![de905436-f235-4851-93f2-94f451379363.jpg][]][de905436-f235-4851-93f2-94f451379363.jpg 1]

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

。。。。

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

[de905436-f235-4851-93f2-94f451379363.jpg]: http://www.gbtags.com/gb/networks/uploadimgthumb/de905436-f235-4851-93f2-94f451379363.jpg
[de905436-f235-4851-93f2-94f451379363.jpg 1]: http://www.gbtags.com/gb/networks/uploadimg/de905436-f235-4851-93f2-94f451379363.jpg
[Intel_XDK_app]: http://www.gbtags.com/gb/share/3852.htm
[Intel_XDK_app 1]: http://www.gbtags.com/gb/editpost.htm?postid=3850
[Link 1]: https://github.com/sitepoint-examples/Intel-XDK-introduction-p2
[App_Framework]: http://app-framework-software.intel.com/
[JQuery_mobile]: http://jquerymobile.com/
[TopCoat]: http://topcoat.io/
[Bootstrap]: http://getbootstrap.com/
[Intel_XDK_app 2]: http://www.gbtags.com/gb/share/3850.htm