开源Rexsee平台的UI实现原理

j8900610

　　目前有很多的移动Web开发框架可以用来实现应用，大致的说法都是基于HTML和CSS，再加上js调用api。。在UI方面，大部分的选择都是JQuery，但实际上的效果可能并不理想。。简单说来，基于这类开发框架的CSS实现与常规的Web开发是基本一致的。。

　　主要是研究了国内的一个开源平台Rexsee，相较于别的平台，基于Rexsee的扩展我们不仅仅可以利用CSS去控制Web方面的展现，还能很好的实现对于Android原生UI的控制。同时，Rexsee还提供了Javaview扩展，可以直接调用Android原生UI控件。后者不在这里多说了，有兴趣的可以在社区去查看相关的介绍：http://www.rexsee.com/CN/bbs/thread/2012-02-13/449.html

　　RexseeUI设计简单分两种：页面内UI、页面外UI：

　　1.页面内的UI：页面内的UI由html元素组成，使用css设计，rexsee以webkit为内核，所有webikt支持的css3属性都可以在设计中使用。

　　2.页面外的UI：页面外的UI由android系统提供的view组成，使用rexsee布局样式表进行设计。

　　如何使用CSS对页面进行设计？比方说，我们要用红色作为网页的背景色：用HTML的话，我们可以写<bodybgcolor="#FF0000">；用CSS的话，我们可以这样获得同样的效果body{background-color:#FF0000;}。。你会注意到，HTML和CSS的代码颇有几分相似。上例也向你展示了基本的CSS模型（找了张图示意：http://zh.html.net/tutorials/css/figure001.zh.png）

　　那在Rexsee开发过程中，该把CSS代码放在哪？为HTML文档应用CSS，有三种方法可供选择。下面对这三种方法进行了概括。我们建议你对第三种方法（即外部样式表）予以关注。

　　方法1：行内样式表（style属性）。。使用HTML属性style：<bodystyle="background-color:#FF0000;">

　　方法2：内部样式表（style元素）。。body{background-color:#FF0000;}

　　方法3：外部样式表（引用一个样式表文件）。。在Rexsee开发中推荐采用这种引用外部样式表的方法：<linkrel="stylesheet"type="text/css"href="style/style.css"/>

　　是不是觉得这样的方法都很熟悉？在基于rexsee实现Android应用的时候，就是使用与常规一样的CSS方式来实现对页面的控制。当然，如果要做到对于各个屏幕的适配那就得好好考虑了，同时，对于Rexsee的在UI方面的一些扩展对象也得有个仔细研究。有点多，不再这里细说了，关于详细的手册可以在网上找找，自行下载就是。

　　补充上来：http://www.rexsee.com/CN/helpReference.php

348131342

LZ能说说Rexsee是如何去调用原生UI控件的么？

348131342

没有说到什么不同的啊，这个最基本的CSS样式不需要再介绍太多了