35
回答
想学习安卓的朋友,不可错过的贴子
【腾讯云】学生服务器套餐10元/月 >>>   
你知道或不知道的Rexsee EMS
最近在网上不断看到RexseeEMS在招聘,软文、博客、知道等等也充斥着。貌似有很大动静。近日闲来无聊,略看了他们的网站,发觉还有点意思。总结了一下,或许能帮到坛子里的坛友们。
举报
daniel_guo
发帖于7年前 35回/1K+阅

以下是话题补充:

  • @daniel_guo :搭建环境教程 --------放最后了 (7年前)
共有35个评论 最后回答: 7年前

Rexsee EMS开发基础教程标准版——菜单(rexseeMenu对象)

教你怎样实现一个嵌有上下文子菜单的浮出菜单


//首先判断菜单id是否存在,此处使用rexseeMenu对象中的exists()函数

if(!rexseeMenu.exists("menu1")){

//创建一个子菜单,第一个参数是菜单ID,第二个参数是样式

rexseeMenu.create("menu2","label:子菜单;");

//向子菜单中添加菜单项,第一个参数指向添加项的菜单ID,第二个参数指定按下菜单项时代url动作,第三个参数是样式

rexseeMenu.addItem("menu2","javascript:alert('1');","label:子菜单一;");

rexseeMenu.addItem("menu2","javascript:alert('6');","label:子菜单六;");

 

//创建主菜单

rexseeMenu.create("menu1","label:主菜单;");

rexseeMenu.addItem("menu1","javascript:rexseeApplication.confirmExit();","label:退出;");

//此处的rexsee:reload,rexsee:about是Rexsee的内部协议,根据冒号后面的字符串采取动作(详见手册通用信息中的浏览器连接)

rexseeMenu.addItem("menu1","rexsee:reload","label:重载;");

rexseeMenu.addItem("menu1","rexsee:about","label:关于");

//将子菜单当作一个菜单项添加到主菜单中,rexsee:menu?id=menu2同样是Rexsee的内部协议

rexseeMenu.addItem("menu1","rexsee:menu?id=menu2","label:子菜单;");

 

//使用参数menuId指定的菜单作为系统浮出菜单

if(rexseeMenu.getOptionsMenuId()!="menu1"){

rexseeMenu.setOptionsMenuId("menu1");

}

//打开浮动菜单

rexseeMenu.openOptionsMenu();

}

大家动手做做把,有问题随时提问

 

Rexsee EMS开发基础教程标准版——标题栏rexseeTitleBar对象

Rexsee手册的标准版中,rexseeTitleBar对象对标签栏提供了一些实用的函数:


1.设置标题栏样式

示例代码:

  1. rexseeTitleBar.setStyle("visibility:hidden;");
复制代码

2.读取标题栏样式的设置值

示例代码:

  1. alert(rexseeTitleBar.getStyle("width")+","+rexseeTitleBar.getStyle("height"));
复制代码
在Rexsee手册标准版中同样也对状态栏对象的样式提供了一些实用的函数(主要针对样式): 1. 设置状态栏样式 示例代码: rexseeStatusBar.setStyle('visibility:hidden;'); 2. 读取状态栏样式的设置值 示例代码: alert(rexseeStatusBar.getStyle('width')+','+rexseeStatusBar.getStyle('height')); (注:参数name代表要读取得样式名称) 3. 启动状态栏动画 示例代码: rexseeStatusBar.startAnimation('animation-type:rotate;animation-duration:1000;animation-repeat-count:-1;animation-repeat-mode:reverse;animation-rotate-from:-360;animation-rotate-to:0;'); 4.停止状态栏动画 示例代码: rexseeStatusBar.stopAnimation();

rexsee开发基础教程标准版-----rexseeAdvertisementBar广告栏对象 Rexsee标准版中的广告栏rexseeAdvertisementBar对象可以让我们轻松简单的设计出漂亮的广告栏效果,下面我们一起来看看吧! 首先,我们用rexseeAdvertisementBar中的setTarget(String url,Boolean forceOpen)函数来设置广告栏的动作: 其中,参数url:任何合法连接:如:URL,电话号码等。forceOpen: true 表示强制使用默认浏览器。 代码示例: rexseeAdvertisementBar.setTarget(http://www.baidu.com/,true); rexseeDialog.toast("设置成功!"); 接下来,用setStyle(String normalStyle,String pressedStyle)来设置广告栏的样式: 参数:normalStyle:正常状态的样式;pressedStyle:按下状态的样式。 代码示例: rexseeAdvertisementBar.setStyle('label:新浪网,最大的新闻网站;icon-url:http://www.rexsee.com/images/android/ic_launcher_browser.png;visibility:visible;',''); 我们还可以为广告栏定义动画效果,只需在startAnimation(String style)函数中指定样式就可以了: 代码示例: rexseeAdvertisementBar.startAnimation('animation-type:scale;animation-duration:2000;animation-repeat-count:-1;animation-repeat-mode:reverse;animation-scale:1 1 1.1 1;animation-center:50%;');

使用Rexsee手册中的rexseeButtonBars对象来实现按钮栏的方法与菜单栏很相似,现在我们来看看以下效果是如何实现的:



用menuId指向的菜单创建并显示按钮栏,创建后以menuId作为自己的id。如果menuId指向的菜单不存在则没有反应。如同名按钮栏已存在则先删除再创建

示例代码:

if(!rexseeButtonBars.exists("menu1")){

//创建主菜单

rexseeMenu.create("menu1","label:主菜单;");

rexseeMenu.addItem("menu1","javascript:rexseeApplication.confirmExit();","label:退出;");

rexseeMenu.addItem("menu1","rexsee:restart","label:重载;");

rexseeMenu.addItem("menu1","rexsee:about","label:关于;");

rexseeButtonBars.create("menu1");

function setBarStyle(){

//设置按钮栏的样式

rexseeButtonBars.setStyle('menu1','bar-position:bottom;padding:5px;');

}

function setA(){

//开启按钮栏动画

rexseeButtonBars.startAnimation('menu1','animation-type:rotate;animation-duration:1000;animation-repeat-count:-1;animation-repeat-mode:reverse;animation-rotate-from:-360;animation-rotate-to:0;');

}

function stopA(){

//关闭按钮栏动画

rexseeButtonBars.stopAnimation("menu1");

}

标签栏rexseeTabBars对象的运用:

示例图:


//设置正常状态下的样式 

 

var normalStyle=“width:110px;border-width:0;padding:2 10 3 10; 

 

font-size:16;color:#FFFFFF;icon-visibility:"+ 

 

"hidden;background-color:#FF0000+#00FF00+#0000FF/7;"; 

 

//设置按下时的状态 

 

var pressedStyle="background-color:#444444;"; 

 

//设置选中时代状态 

 

var selectedStyle="background-color:#6A0050+#FA0E01+#6A0500/4;"; 

 

 

 

//创建一个菜单 

 

rexseeMenu.create(“testTabBar”,“overflow-x:visible;height:40; 

 

width:fillparent;background-color:#444444;border-width:0; 

 

fading-edge-length:60;fading-edge-color:#444444;“); 

 

//添加项 

 

rexseeMenu.addItem("testTabBar","javascript:alert('JavaScriptCode');", 

 

"label:JavaScript;label-type:string;"+normalStyle,pressedStyle, 

 

selectedStyle); 

 

//将menuId指向的菜单创建并显示标签栏 

 

rexseeTabBars.create("testTabBar");

标准版中的rexseeTabs对象与之前提到的rexseeTabBars对象有着密不可分的关系。rexseeTabBars对象中的函数专注的是整个标签栏的设置和使用,rexseeTabs对象则专注于标签栏中的每一个标签。当中需要特别注意到是,每个标签的ID,就是标签点击时的url动作。

rexseeTabs对象中最常用的函数有以下几个:



//
设置标签样式


setStyle(String id,String normalStyle,String pressedStyle,String selectedStyle);


//
使ID指向的标签选中或取消选中


setSelected(String id,Boolean selected);


//
启动标签动画


startAnimation(String Style);


//
停止标签动画


stopAnimation();


效果图:




  1. function setTabBar(){
  2. //设置正常状态下的样式
  3. var normalStyle="width:110px;border-width:0;padding:2 10 3 10;font-size:16;color:#FFFFFF;icon-visibility:"+
  4. "hidden;background-color:#FF0000+#00FF00+#0000FF/7;";
  5. //设置按下时的状态
  6. var pressedStyle="background-color:#444444;";
  7. //设置选中时代状态
  8. var selectedStyle="background-color:#000000;";
  9. //创建一个菜单
  10. if(!rexseeMenu.exists("testTabBar")){
  11. rexseeMenu.create("testTabBar","bar-position:bottom;overflow-x:visible;height:40;width:fillparent;background-color:#444444;border-width:0;fading-edge-length:60;fading-edge-color:#444444;");

  12. rexseeMenu.addItem("testTabBar","javascript:alert('JavaScriptCode');","label:JavaScript;label-type:string;"+normalStyle,pressedStyle,selectedStyle);
  13. rexseeMenu.addItem("testTabBar","rexsee:restart","label:重启;label-type:string;"+normalStyle,pressedStyle,selectedStyle);
  14. rexseeMenu.addItem("testTabBar","rexsee:info","label:关于;label-type:string;"+normalStyle,pressedStyle,selectedStyle);
  15. rexseeTabBars.setStyle('testTabBar','bar-position:bottom;bar-position-index:-1;padding:0px;');

  16. }//将menuId指向的菜单创建并显示标签栏
  17. rexseeTabBars.create("testTabBar");
  18. }


  19. //删除id指向的标签栏
  20. function moveBar(){
  21. rexseeTabBars.remove("testTabBar");
  22. }

  23. //使id指向的标签选中
  24. function setSelect(){
  25. rexseeTabs.setSelected("rexsee:info",true);



  26. //使id指向的标签取消选中
  27. function unSelect(){
  28. rexseeTabs.setSelected("rexsee:info",false);
  29. }

  30. //启动标签动画
  31. function startA(){
  32. rexseeTabs.startAnimation("rexsee:info","animation-type:rotate;animation-duration:1000;"
  33. +"animation-repeat-count:-1;animation-repeat-mode:reverse;animation-rotate-from:-360;animation-rotate-to:0;");
  34. }

  35. //停止标签动画
  36. function stopA(){
  37. rexseeTabs.stopAnimation("rexsee:info");
  38. }

rexseeBrowser浏览器对象

    页面导航到参数url指定的地址:

  1. rexseeBrowser.go(String url); 

  2. rexseeBrowser.load(String url);
复制代码

         load()相同,但尽量从缓存中查找页面:

         

  1. rexseeBrowser.load(String url);
复制代码

         刷新

        

  1. rexseeBrowser.reload();
复制代码

         后退一步

        

  1. rexseeBrowser.goBack();
复制代码


         前进一步

        

  1. rexseeBrowser.zoomOut();
复制代码

         页面放大1.25

         

  1. rexseeBrowser.zoomIn();
复制代码

         清除浏览器缓存

         

  1. rexseeBrowser.clearCache();
复制代码

         清除浏览器表单数据

        

  1. rexseeBrowser.clearFormData();
顶部