手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

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

时间:2024-10-28 18:45:26

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

2、创建HTML5移动应用程序项目1、从菜单中选择File>New>Project,展开MyEclipse>Mobile Tools,然后选择HTML5 Mobile App Project。

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

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

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

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

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

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

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

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

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

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

8、右键点击项目,从菜单中选择New>Other。2、展开MyEclipse>Mobile Tools,选择HTML5移动应用程序,点击Next。

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

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

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

11、在移动网络模拟器中测试应用程序1、右键点击Mobile App项目,选择Run As>Mobile Web Simulator Application。2、选择mobileProject后,点击OK。

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

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

MyEclipse创建HTML5移动应用程序全过程
© 手抄报圈