MyEclipse创建HTML5移动应用程序全过程

转自:http://jingyan.baidu.com/article/7c6fb4284b1a0180642c90fc.html

本文主要介绍如何利用MyEclipse移动开发工具创建HTML5移动应用程序以及如何在一个移动网络模拟器中测试应用程序。

工具/原料

• MyEclipse 2013 
  

方法/步骤

1. 1

   本文主要介绍如何利用MyEclipse移动开发工具创建HTML5移动应用程序以及如何在一个移动网络模拟器中测试应用程序。
   

   
   

   首先安装最新的MyEclipse 2013

2. 2

   创建HTML5移动应用程序项目

   1、从菜单中选择File>New>Project，展开MyEclipse>Mobile Tools，然后选择HTML5 Mobile App Project。

   
   

   
3. 3

   2、在Project Name字段中输入mobileProject，选中iOS和Android平台复选框，接受默认Target Runtime，然后点击Next
   

   
4. 4

   3、选择jQuery Mobile模板和Multi-Page Application模板，点击Next。
   

   
5. 5

   4、点击Theme标签，从下拉列表中选择Black模板，点击Finish。
   

   
6. 6

   完成该向导后为iOS和Android应用程序创建和配置项目。下图显示了新项目的结构：
   

   
7. 7

   为现有项目添加App

   一个移动应用程序项目可以包含多个应用程序。例如，一个项目可以包含Android和iOS平台的应用程序，还可以包含针对特定设备的应用程序。下面的步骤具体描述了如何将一个应用程序添加到现有的应用程序中。

   
   

8. 8

   1、右键点击项目，从菜单中选择New>Other。

   2、展开MyEclipse>Mobile Tools，选择HTML5移动应用程序，点击Next。

   
   

   
9. 9

   3、在App Name字段中输入iPadApp，然后选择iOS 平台，点击Finish。新的应用程序被添加到应用程序文件夹中。
   

   
10. 10
    
11. 11

    在移动网络模拟器中测试应用程序

    1、右键点击Mobile App项目，选择Run As>Mobile Web Simulator Application。

    2、选择mobileProject后，点击OK。

    
    

    
12. 12

    3、测试应用程序的用户界面和功能。打开定位和缩放面板放大或在纵向和横向之间切换。使用鼠标滚轮滚动设备的屏幕。单击配置按钮来更改模拟器中所显示的装置。
    

    

参考资料

http://www.evget.com/zh-CN/Info/catalog/18778.html