【说明】 | rexseeJavaView使开发者可以用JavaScript创建和管理原生的Android View,rexseeJavaView创建的View只是驻留在内存中,并不会显示出来,如果要显示,需要将这些View添加到rexseeJavaDialog或rexseeJavaBar中。 rexseeJavaView的函数请参考rexseeJavaView。 rexseeJavaView的事件请参考rexseeJavaView事件。 |
【类型说明】 | 用于展示图片或View,用rexseeJavaView.create(id,"Gallery",style)创建。 |
【setValue】 | 指定位置。 |
【getValue】 | 当前位置。 |
【特有样式】 |
mode:drawable或view。
horizontal-spacing:帧之间的距离。 effect:reflectshader表示带倒影,仅在mode为drawable时有效。 |
【特有函数】 |
fling(id,velocity):模拟划屏。
showPrevious(id):切换到前一个。 showNext(id):切换到后一个。 [Android Bug]为了使showPrevious(id)和showNext(id)有效,必须将样式horizontal-spacing设为小于0的值。 |
【特有事件】 | onJavaGalleryChanged(id,position) |
【类型示例】 |
对话框1代码
显示对话框1
对话框2代码
显示对话框2
rexseeJavaView.setValue('gallery','3');
setValue
alert(rexseeJavaView.getValue('gallery'));
getValue
rexseeJavaView.fling('gallery',-1000);
fling
rexseeJavaView.showPrevious('gallery');
showPrevious
rexseeJavaView.showNext('gallery');
showNext
|
【类型说明】 | 用rexseeJavaView.create(id,"GridView",style)创建。 |
【setValue】 | 选中选项的位置。 |
【getValue】 | 无 |
【特有样式】 |
mode:string、drawable或view。
format:STRETCH_SPACING、STRETCH_SPACING_UNIFORM、STRETCH_COLUMN_WIDTH或NO_STRETCH,列的拉伸方式。 column-number:列的数量,0表示自动。 column-width:列的宽度。 horizontal-spacing:水平列距。 vertical-spacing:垂直行距。 |
【特有函数】 | rexseeJavaView.setChilds(id,options):设置选项,第二个参数不一定是view的ID,根据mode属性,可能是文字、图片或View,用“|”分隔。 |
【特有事件】 |
onJavaItemClicked(id,position)
onJavaItemLongClicked(id,position) |
【类型示例】 |
对话框1代码
显示对话框1
对话框2代码
显示对话框2
对话框3代码
显示对话框3
rexseeJavaView.setValue('gridView',3);
setValue
|
【类型说明】 | 用rexseeJavaView.create(id,"ListView",style)创建。 |
【setValue】 | 选中选项的位置。 |
【getValue】 | 无 |
【特有样式】 |
mode:string、drawable或view。
horizontal-line:分割线颜色字符串。 vertical-spacing:项目之间的距离,也就是分隔线的高度。 |
【特有函数】 | rexseeJavaView.setChilds(id,options):设置选项,第二个参数不一定是view的ID,根据mode属性,可能是文字、图片或View,用“|”分隔。 |
【特有事件】 |
onJavaItemClicked(id,position)
onJavaItemLongClicked(id,position) |
【类型示例】 |
对话框1代码
显示对话框1
对话框2代码
显示对话框2
对话框3代码
显示对话框3
rexseeJavaView.setValue('listView',3);
setValue
|
【类型说明】 | 根据相对位置排放多个子对象,用rexseeJavaView.create(id,"RelativeLayout",style)创建。 |
【setValue】 | 无 |
【getValue】 | 无 |
【特有样式】 |
position:子对象的position属性必须设为"relative"。
left:水平方向对齐方式,型如"对齐方式/对齐对象"的字符串。如果对齐对象为空,表示向父对象对齐。 top:垂直方向对齐方式,型如"对齐方式/对齐对象"的字符串。如果对齐对象为空,表示向父对象对齐。 对齐方式包括:
|
【特有函数】 | 无 |
【特有事件】 | 无 |
【类型示例】 | 对话框代码 显示对话框 |
【类型说明】 | 用rexseeJavaView.create(id,"SlidingDrawer",style)创建。 |
【setValue】 | "open"用来开启,"close"用来关闭。 |
【getValue】 | Json对象,是否已开启及是否正在滑动。 |
【特有样式】 | orientation:"x"或"horizontal"表示右侧的水平抽屉,"y"或"vertical"表示底部的垂直抽屉。 |
【特有函数】 |
setChilds(id,options):设置选项,第二个参数只能包含两个view,第一个是手柄,第二个是抽屉,用“|”分隔。
start(id):打开抽屉。 stop(id):关闭抽屉。 |
【特有事件】 | onJavaSlidingDrawerChanged(id,status) |
【类型示例】 |
布局代码
显示布局
隐藏布局
rexseeJavaView.setValue('slidingDrawer','open');
setValue
alert(rexseeJavaView.getValue('slidingDrawer'));
getValue
rexseeJavaView.start('slidingDrawer');
start
rexseeJavaView.stop('slidingDrawer');
stop
|
【类型说明】 | 顺序排放多个TableRow子对象形成一个表格,可以看作一个垂直方向的LinearLayout,用rexseeJavaView.create(id,"TableLayout",style)创建。 |
【setValue】 | 无 |
【getValue】 | 无 |
【特有样式】 | 无 |
【特有函数】 |
void setColumnAttributes(String id, int columnIndex, boolean collapsed, boolean shrinkable, boolean stretchable):设定指定列的属性,包括是否折叠,是否可缩窄和拓宽。columnsIndex小于零时,会同时设置所有列(但不会改变折叠状态)。
String getColumnAttributes(String id, int columnIndex):返回Json对象,读取指定列的属性,包括是否已折叠,是否可缩窄和拓宽。 |
【特有事件】 | 无 |
【类型示例】 |
对话框代码
显示对话框
alert(rexseeJavaView.getColumnAttributes('tableLayout',1));
getColumnAttributes
折叠第一列: rexseeJavaView.setColumnAttributes('tableLayout',1,true,false,false);
setColumnAttributes
展开第一列,并将其设为可缩窄、可拓宽: rexseeJavaView.setColumnAttributes('tableLayout',1,false,true,true);
setColumnAttributes
|
【类型说明】 | TableLayout中的一行,可以看作是一个水平的LinearLayout,用rexseeJavaView.create(id,"TableRow",style)创建。 |
【setValue】 | 无 |
【getValue】 | 无 |
【特有样式】 |
position:子对象必须将该属性设为"table";
column-span:子对象该属性的设置决定该列是否跨列(和html中的colspan相同)。 |
【特有函数】 | 无 |
【特有事件】 | 无 |
【类型示例】 | 参见TableLayout。 |
【类型说明】 | 用于展示图片或View,用rexseeJavaView.create(id,"ThreeDGallery",style)创建。 |
【setValue】 | 指定位置。 |
【getValue】 | 当前位置。 |
【特有样式】 |
mode:drawable或view。
horizontal-spacing:帧之间的距离。 effect:reflectshader表示带倒影,仅在mode为drawable时有效。 |
【特有函数】 |
fling(id,velocity):模拟划屏。
showPrevious(id):切换到前一个。 showNext(id):切换到后一个。 [Android Bug]为了使showPrevious(id)和showNext(id)有效,必须将样式horizontal-spacing设为小于0的值。 |
【特有事件】 | onJavaGalleryChanged(id,position) |
【类型示例】 |
对话框1代码
显示对话框1
对话框2代码
显示对话框2
rexseeJavaView.setValue('threeDGallery','3');
setValue
alert(rexseeJavaView.getValue('threeDGallery'));
getValue
rexseeJavaView.fling('threeDGallery',-1000);
fling
rexseeJavaView.showPrevious('threeDGallery');
showPrevious
rexseeJavaView.showNext('threeDGallery');
showNext
|
【类型说明】 | 包含若干个View,每次只显示一个,用函数进行动画切换,用rexseeJavaView.create(id,"ViewAnimator",style)创建。 |
【setValue】 | 新的View。 |
【getValue】 | 当前View。 |
【特有样式】 | 无 |
【特有函数】 |
setAnimation(id,inStyle,outStyle):设置切入动画和切出动画。
showPrevious(id):切换到前一个。 showNext(id):切换到后一个。 |
【特有事件】 | 无 |
【类型示例】 |
对话框代码
显示对话框
rexseeJavaView.setValue('viewAnimator','image2');
setValue
rexseeJavaView.setValue('viewAnimator','image3');
setValue
alert(rexseeJavaView.getValue('viewAnimator'));
getValue
rexseeJavaView.setAnimation('viewAnimator',in1,out1);
showNext
rexseeJavaView.showNext('viewAnimator'); rexseeJavaView.setAnimation('viewAnimator',in2,out2);
showPrevious
rexseeJavaView.showPrevious('viewAnimator'); |
【类型说明】 | 和ViewAnimator相同,但可以自动播放,用rexseeJavaView.create(id,"ViewFlipper",style)创建。 |
【setValue】 | 新的View。 |
【getValue】 | Json对象,当前View和是否正在自动播放。 |
【特有样式】 | duration:自动播放时的间隔。 |
【特有函数】 |
setAnimation(id,inStyle,outStyle):设置切入动画和切出动画。
showPrevious(id):切换到前一个。 showNext(id):切换到后一个。 start(id):开始自动播放。 stop(id):停止自动播放。 |
【特有事件】 | 无 |
【类型示例】 |
对话框代码
显示对话框
rexseeJavaView.setValue('viewFlipper','image2');
setValue
rexseeJavaView.setValue('viewFlipper','image3');
setValue
alert(rexseeJavaView.getValue('viewFlipper'));
getValue
rexseeJavaView.setAnimation('viewFlipper',in1,out1);
showNext
rexseeJavaView.showNext('viewFlipper'); rexseeJavaView.setAnimation('viewFlipper',in2,out2);
showPrevious
rexseeJavaView.showPrevious('viewFlipper'); rexseeJavaView.start('viewFlipper');
start
rexseeJavaView.stop('viewFlipper');
stop
|
【类型说明】 | 通过setValue在View之间动态切换,用rexseeJavaView.create(id,"ViewSwitcher",style)创建。 |
【setValue】 | 新的View的ID。 |
【getValue】 | 当前View的ID。 |
【特有样式】 | 无 |
【特有函数】 |
setAnimation(id,inStyle,outStyle):设置切入动画和切出动画。
setChilds(id,childId):只能添加一个View,该View将动画显示,替代当前的View。 |
【特有事件】 | 无 |
【类型示例】 |
对话框代码
显示对话框
rexseeJavaView.setValue('viewSwitcher','image2');
setValue
rexseeJavaView.setValue('viewSwitcher','image3');
setValue
alert(rexseeJavaView.getValue('viewSwitcher'));
getValue
|
【类型说明】 | 用rexseeJavaView.create(id,"Chronometer",style)创建。 |
【setValue】 | 计时起始时间,相当于样式“duration”。 |
【getValue】 | 当前计时时间。 |
【特有样式】 |
format:计时器的格式字符串,其中的“%s”将会被时间所代替。
duration:当前时间戳加上该毫秒数是计数器的起始时间。 |
【特有函数】 |
start():开始计时。
stop():停止计时。 |
【特有事件】 | onJavaChronometerChanged(id,time) |
【类型示例】 |
对话框代码
显示对话框
rexseeJavaView.start('chronometer');
start
rexseeJavaView.stop('chronometer');
stop
rexseeJavaView.setValue('chronometer',0);
setValue
alert(rexseeJavaView.getValue('chronometer'));
getValue
|
【类型说明】 | 用rexseeJavaView.create(id,"DatePicker",style)创建。 |
【setValue】 | 型如1980-08-08的日期。 |
【getValue】 | 型如1980-08-08的日期。 |
【特有样式】 |
enable:用“|”分隔的true/false,表示年、月、日三个部分是否启动。
label-visibility:用“|”分隔的visible/hidden,表示年、月、日三个部分是否可见。 |
【特有函数】 | 无 |
【特有事件】 | onJavaDatePickerChanged(id,position) |
【类型示例】 |
对话框代码
显示对话框
rexseeJavaView.setValue('datePicker','1980-08-08');
setValue
alert(rexseeJavaView.getValue('datePicker'));
getValue
|
【类型说明】 | 用rexseeJavaView.create(id,"EditText",style)创建。 |
【setValue】 | 文本编辑框的文本。 |
【getValue】 | 文本编辑框的文本。 |
【特有事件】 | onJavaEditTextChanged(id, newText) |
【特有样式】 |
selectall:是否在获得焦点时全部选中。
maxlength:输入的最大长度。 hint:提示文本。 hint_color:提示文本的颜色。 format:文本输入的格式:text|number|decimal|signed|phone|password|email|url。 |
【特有函数】 | 无 |
【类型示例】 |
对话框代码
显示对话框
rexseeJavaView.setValue('editText','文本框');
setValue
alert(rexseeJavaView.getValue('editText'));
getValue
|
【类型说明】 | 通过setValue在图片之间动态切换,用rexseeJavaView.create(id,"ImageSwitcher",style)创建。 |
【setValue】 | 新的图片地址。 |
【getValue】 | 当前图片地址。 |
【特有样式】 | 无 |
【特有函数】 | setAnimation(id,inStyle,outStyle):设置切入动画和切出动画。 |
【特有事件】 | 无 |
【类型示例】 |
对话框代码
显示对话框
rexseeJavaView.setValue('imageSwitcher','android://btn_star_big_on');
setValue
rexseeJavaView.setValue('imageSwitcher','android://btn_star_big_off');
setValue
alert(rexseeJavaView.getValue('imageSwitcher'));
getValue
|
【类型说明】 | 用rexseeJavaView.create(id,"ProgressBar",style)创建。 |
【setValue】 | 进度,带%。 |
【getValue】 | 进度,不带%。 |
【特有样式】 | mode:circular表示为无进度值的圆形旋转进度,indetermination表示无进度值的水平进度条,其它表示有进度值的水平进度条(可以使用setValue/getValue)。 |
【特有函数】 | 无 |
【特有事件】 | 无 |
【类型示例】 |
对话框代码
显示对话框
rexseeJavaView.setValue('progressBar','50%');
setValue
alert(rexseeJavaView.getValue('progressBar'));
getValue
|
【类型说明】 | 用rexseeJavaView.create(id,"RatingBar",style)创建。 |
【setValue】 | 进度,带%。 |
【getValue】 | 进度,不带%。 |
【特有样式】 |
mode:indicator表示仅用于表示评分而不响应用户动作,其它表示可以响应用户动作。
rating-stars:共几颗星。 rating_step:可表示的最小步幅。 |
【特有函数】 | 无 |
【特有事件】 | onJavaRatingBarChanged(id,position) |
【类型示例】 |
对话框代码
显示对话框
rexseeJavaView.setValue('ratingBar',3);
setValue
alert(rexseeJavaView.getValue('ratingBar'));
getValue
|
【类型说明】 | 用rexseeJavaView.create(id,"Spinner",style)创建。 |
【setValue】 | 选中选项的位置。 |
【getValue】 | 选中选项的位置。 |
【特有样式】 | 无 |
【特有函数】 | rexseeJavaView.setChilds(id,options):设置选项,第二个参数不是view的ID,而是多个文字选项,用“|”分隔。 |
【特有事件】 | onJavaSpinnerChanged(id,position) |
【类型示例】 |
对话框代码
显示对话框
rexseeJavaView.setValue('spinner',2);
setValue
alert(rexseeJavaView.getValue('spinner'));
getValue
|
【类型说明】 | 用于绘图的视图,用rexseeJavaView.create(id,"SurfaceView",style)创建。 |
【setValue】 | 无 |
【getValue】 | 无 |
【特有样式】 | 无 |
【特有函数】 | void draw(String id, final String commands, boolean anotherThread) |
【特有事件】 | onJavaSurfaceChanged(String id, String status, String format, int width, int height) |
【类型示例】 | 请参见rexseeJavaView之SurfaceView |
【类型说明】 | 通过setValue在文件之间动态切换,用rexseeJavaView.create(id,"TextSwitcher",style)创建。 |
【setValue】 | 新的文字。 |
【getValue】 | 当前文字。 |
【特有样式】 | 无 |
【特有函数】 | setAnimation(id,inStyle,outStyle):设置切入动画和切出动画。 |
【特有事件】 | 无 |
【类型示例】 |
对话框代码
显示对话框
rexseeJavaView.setValue('textSwitcher','<font color=red>这里有人</font>');
setValue
rexseeJavaView.setValue('textSwitcher','<font color=yellow>那里有东西</font>');
setValue
alert(rexseeJavaView.getValue('textSwitcher'));
getValue
|
【类型说明】 | 用rexseeJavaView.create(id,"TimePicker",style)创建。 |
【setValue】 | 型如12:12的时间。 |
【getValue】 | 型如12:12的时间。 |
【特有样式】 |
enable:用“|”分隔的true/false,表示小时、分钟两个部分是否启动。
label-visibility:用“|”分隔的visible/hidden,表示小时、分钟两个部分是否可见。 format:"12"表示12小时制,否则表示24小时制。 |
【特有函数】 | 无 |
【特有事件】 | onJavaTimePickerChanged(id,position) |
【类型示例】 |
对话框代码
显示对话框
rexseeJavaView.setValue('timePicker','1980-08-08');
setValue
alert(rexseeJavaView.getValue('timePicker'));
getValue
|
【类型说明】 | 视频播放器,用rexseeJavaView.create(id,"VideoView",style)创建。 |
【setValue】 | 跳转,value是毫秒数。 |
【getValue】 | Json对象,视频信息。 |
【特有样式】 |
mode:"loop"或"looping"表示循环播放,否则不循环。
path:视频文件路径。 |
【特有函数】 |
start(String id):播放。
resume(String id):恢复播放。 pause(String id):暂停播放。 stop(String id):结束播放。 |
【特有事件】 | 请参见rexseeVideoPlayer,唯一的不同是每个事件函数的第一个参数是viewId。 |
【类型示例】 |
布局代码
显示布局
隐藏布局
rexseeJavaView.setValue('videoView','2000');
setValue
alert(rexseeJavaView.getValue('videoView'));
getValue
rexseeJavaView.start('videoView');
start
rexseeJavaView.stop('videoView');
stop
|
【类型说明】 | 浏览器,在其中的页面可以使用所有Rexsee对象,用rexseeJavaView.create(id,"WebView",style)创建。 |
【setValue】 | 浏览器地址或内容(以“:”开头)。 |
【getValue】 | 浏览器地址或内容(以“:”开头)。 |
【特有样式】 | 无 |
【特有函数】 | 无 |
【特有事件】 | 无 |
【类型示例】 |
对话框代码
显示对话框
隐藏对话框
rexseeJavaView.setValue('browser','http://www.rexsee.com/CN/help/index.php');
setValue
reload
alert(rexseeJavaView.getValue('browser'));
getValue
|