彩票走势图

使用PhoneGap创建Windows8应用程序

原创|其它|编辑:郝浩|2013-02-01 13:42:55.000|阅读 1770 次

概述:PhoneGap作为一个开源的移动开发框架。今天慧都就为大家介绍一下,如何使用PhoneGap来打造微软的两个新平台——Windows8和Windows Phone8的应用程序。

# 慧都年终大促·界面/图表报表/文档/IDE等千款热门软控件火热促销中 >>

  众所周知,PhoneGap是一个开源的移动开发框架,它使开发人员能够使用JavaScriptHTML5CSS3来创建移动设备应用程序,而不是设备特定的语言,如C#或Objective-C。今天慧都就为大家介绍一下,如何使用PhoneGap来打造微软的两个新平台——Windows8和Windows Phone8的应用程序。

PhoneGap为Win8应用程序带来的价值

  Windows 8 APP的设计和编写可以使用HTML,CSS和JavaScript, PhoneGap的APP也可以。PhoneGap和Windows 8应用程序的开发是非常类似的。开发者现有的开发技术,资源,还有现有的纯HTML / CSS和JavaScript代码都可以运用到Windows8应用程序中。

创建步骤

1、下载PhoneGap

2、创建新的JavaScript项目

使用PhoneGap创建Windows8应用程序

3、 添加“cordova-2.x.js”这个JavaScript文件到你的js文件夹。 (在\ LIB \ windows8里面)

4、将 default.html更改为index.html

使用PhoneGap创建Windows8应用程序

5、在index.html页面引用cordova-2.x.js文件

6、添加“deviceready”处理程序

使用PhoneGap创建Windows8应用程序

PhoneGap WinJS

  PhoneGap和WinJS之间的主要区别是在API中,当你需要访问一些设备资源,你需要使用不同的API。例如,在Cordova中创建地理定位,你需要使用navigator.geolocation.getCurrentPosition(…)函数。在WinJS库中,你需要创建一个定位器:var geolocator = Windows.Devices.Geolocation.Geolocator(),然后再调用geolocator.getGeopositionAsync().。

使用PhoneGap的showLocation功能

function showLocation() {
      navigator.geolocation.getCurrentPosition(function (location) {
          $("#locationResult").innerHTML = "Latitude: <strong>" + location.coords.latitude + "</strong><br/>Longitude: <strong>" + location.coords.longitude + "</strong>";
     }, function (err) {
         $("#locationResult").textContent = "Error getting location";
      }, { timeout: 30000, enableHighAccuracy: true });
}

使用WinJS实现同样的功能

function showLocation() {
  
      var geolocator = Windows.Devices.Geolocation.Geolocator();
      geolocator.desiredAccuracy = Windows.Devices.Geolocation.PositionAccuracy.high;
      geolocator.getGeopositionAsync().then(getCurPosHandler, errHandler);
  }

总结  

  使用PhoneGap创建Windows8应用程序其实非常容易,其最大的优势在于创建不同平台的应用程序时,无需重新编译原来的HTML和JavaScript代码。让使用PhoneGap开发的Windows 8应用,可以无需重写JavaScript代码便可实现对其他平台的移植。


标签:PhoneGap

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@pclwef.cn

文章转载自:慧都控件网

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP