基于Rexse项目中心创建Hello World.docVIP

Rexsee Hello World 基于Rexsee项目中心的在线开发入门 概览 1 在Rexsee项目中心创建新项目 1 代码编写与调试 3 在线编译，生成apk应用程序 7 关于升级与维护 8 附：不使用项目中心的开发流程说明 8 后记 9 概览 作为开源的Android应用开发平台，Rexsee提供了接近2000个扩展API，不仅简化了Android原生开发，更支持Web开发者基于标准化Web开发模式，使用HTML、CSS和Javascript快速实现移动应用。 Rexsee社区目前已提供了全部的扩展API说明与详细源码。 / 社区于年初推出在线开发服务，支持开发者在“项目中心”里在线创建并开发应用。同时更强化了应用的源码分享。 本文将细致讲述如何基于Rexsee项目中心，在线实现我们的第一个Hello World程序。 在Rexsee项目中心创建新项目 登录Rexsee社区，并进入项目中心（/project/index.php ），点击左侧头部的“创建新项目”即可开始咱们的Hello World应用创建。 应用信息填写 应用包名：程序的包名，英文字母开头，可以包含字母、数字和下划线。html head titleRexsee Hello World/tiltle script type=text/javascript //Rexsee代码从这里开始 window.onRexseeReady=function(){ rexseeDialog.toast(系统加载完毕！);//出现后随即消失效果 } /script /head body/body /html 代码说明： Rexsee提供的是JS API，可以在html中加入script type=text/javascript/script标签；也可以在外部文件中添加JS代码，然后通过script type=text/javascript src=你的外部javascript地址引用； 本段代码中用到了window.onRexseeReady=function（），当系统加载完毕后将会执行{}中的JS语句； rexseeDialog.toast()，这行代码执行时会弹出一个随即消失的对话框； 更多详细的JS对象和事件说明请在Rexsee社区的“手册与源码”中获取，或者下载Rexsee开发手册：/CN/helpReference.php 手机在线版手册：/rexsee/rexseeReference.apk 手机本地版手册：/rexsee/rexseeLocalReference.apk 调试 利用Rexsee开发版进行调试 Rexsee开发版是一个专门用于调试Rexsee应用的软件，在社区的快速入门中已经有所介绍。开发者可以访问如下链接，免费下载Rexsee开发版，并安装在测试用的Android手机，或者模拟器上。 Rexsee开发版：/rexsee/rexseeDeveloper-release.apk Rexsee模拟器（有点大）：/rexsee/RexseeEmulator.rar 在开发版的“首页地址”中输入程序链接地址，即刚刚创建的index.html页面地址，就可以看到程序效果。 直接生成apk应用程序 当然，这只是一个简单的应用示例，你大可直接编译生成apk应用程序，安装并试用即可。（关于如何在线编译生成apk将在下一章节进行说明。） 进一步尝试 接下来，我们让这段代码变得复杂一些。 代码修改和提交 进入我的项目，并点击“编辑”进入index.html页面的修改中，将JS代码调整为如下内容： …… //Rexsee代码从这里开始 rexseeTitleBar.setStyle(visibility:hidden;);//隐藏系统的标题栏 rexseeStatusBar.setStyle(visibility:hidden;);//隐藏系统的状态栏 var normalStyle = ; normalStyle+=border-width:0;; //边框宽度为零 normalStyle+=color:#FFFFFF;; //色彩为白色 normalStyle+=background-color:#ffffff+#3399ff/0;;//从白色过渡到蓝色 normalStyle+=font-size:24;; //字体大小为24 if (!rexseeMenu.exists(head)){ //设置头部标签栏菜单 rexseeMenu.create(head); rexseeMenu.addItem(head,rexsee:,label:Re