[资讯] 腾讯Android轻应用开发组件RapidView已开源
· 7&个月前 |
阅读（5117）·
RapidView是一套用于开发Android客户端界面、逻辑以及功能的开发组件。布局文件(XML)及逻辑文件(Lua)可以运行时执行，主要用以解决Android客户端界面、逻辑快速更新以及快速开发的诉求。
RapidView简介RapidView是一套用于开发Android客户端界面、逻辑以及功能的开发组件。布局文件(XML)及逻辑文件(Lua)可以运行时执行，主要用以解决Android客户端界面、逻辑快速更新以及快速开发的诉求。RapidView的XML语法规则与Android原生XML类似，而写逻辑的Lua部分除语言语法规则外，可以直接使用我们提供的Java API以及Android原生API，因此熟悉Android客户端开发的开发者上手成本会非常小。除了解决动态更新问题外，RapidView希望Android开发者能够以更快的速度开发产品功能需求，因此我们在语法和开发方式上做了一些改变，期望开发者能够实现：小功能极速开发、大功能极速上线。RapidView希望为开发者带来更小的安装包增量以及更加简单、易于维护和修改的组件库，RapidView的代码组件约180KB(30KB组件+150KB luaj)。组件特性1）运行时加载，布局、逻辑可动态刷新；2）无需编译，所见即所得，开发效率更高；3）极小的安装包增量；4）Android开发者低上手成本；5）与NATIVE开发体验相同。快速上手我们为开发者提供了一个简单的DEMO，以及一个简易调试工具Rapid Studio。Rapid Studio除了支持简单的XML语法校验，Lua语法高亮以及自动补全外，还可以实现实时调试，这将极大缩短开发者的调试成本。工程引入RapidView初始化RapidView将源码添加到工程目录下，在Application类的onCreate方法中添加如下代码进行初始化：RapidPool.getInstance().initialize(this, null);如果编译时需要混淆代码，请将*.rapidview.deobfuscated目录保持非混淆状态加载RapidView写一张简单的XML布局文件，保存在assets/rapidview目录下。打开RapidConfig.java，在VIEW{}的枚举中分配一个视图名，在Map中与XML关联。XML布局文件：
RapidConfig.java：
/**VIEW列表，此处配置仅为防止重名，便于索引。**/
public enum VIEW{
native_demo_view, //Demo视图
/** VIEW和NaitveXML的映射关系，当View不存在服务端下发的XML时，寻找本地XML作为默认布局 **/
msMapViewNaitve.put(RapidConfig.VIEW.native_demo_view.toString(), "demo_view.xml");
catch (Exception e){
e.printStackTrace();
}在需要加载RapidView的地方插入如下代码，即完成了简单的RapidView加载：
mRapidView = RapidLoader.load(
RapidConfig.VIEW.native_demo_view.toString(),
HandlerUtils.getMainHandler(),
RelativeLayoutParams.class,
setContentView(mRapidView.getView(), mRapidView.getParser().getParams().getLayoutParams());开发与调试打开RapidConfig.java，将一个名为DEBUG_MODE的静态boolean成员的值改为true并在本地重新编译并安装到手机。打开Rapid Studio调试小工具，点击文件-&打开，选择工程下assets/rapidview目录，打开。
/**DEBUG_MODE
* 调试模式是否开启，一般发布时需要关闭。开启调试模式后，可以在rapiddebug目录中配置调试文件。调试文件
* 实时，并以最高优先级生效。强烈推荐使用RapdiView皮肤引擎专用调试工具RapidStudio Studio调试界面，调
* 试时需要安装开启调试模式的包。**/
public final static boolean DEBUG_MODE =工具目录下有一个rapid_config.ini的配置，工程目录中utils目录下有一个FileUitl的文件，这两个地方配置的目录要对应起来，否则调试会失败。修改XML中的任意可见参数，如backgroundcolor，重新加载当前页面，查看效果。资源地址托管地址：
来源： - 即时通讯开发者社区！
即时通讯框架hot
开源移动端即时通讯框架。
轻量级Web端即时通讯框架。
移动端实时音视频框架。
基于MobileIMSDK的IM系统。
本月热门资讯
技术好文分类
最新社区主题
123456789101112131415
商务/合作：
投稿/报道：
手机访问本站
微信公众号new在 SegmentFault，学习技能、解决问题
每个月，我们帮助 1000 万的开发者解决各种各样的技术问题。并助力他们在技术能力、职业生涯、影响力上获得提升。
问题对人有帮助，内容完整，我也想知道答案
问题没有实际价值，缺少关键内容，没有改进余地
对安卓开发比较熟悉，最近由于项目需求，要做一些Web前端的产品，求大神推荐好的前端框架。目前只了解基础的Javascript和CSS，没有其他的前端开发经验。
另外，因为现在H5的网页应用比较火，所以想问有什么H5框架能做出很炫的和安卓原生应用一样的网页。
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
我是一年多前从 Android 转前端的。说实话用过的框架并不多，因为我当时的打算是好好学一学前端，所以当时基本都是配合一些工具库，然后直接写 JS + CSS + HTML 这样来做。
最常用的库有这三个：
Zepto.js Zepto.js: the aerogel-weight jQuery-compatible JavaScript library （替代 jQuery 用来处理 DOM 和 AJAX）
Mustache.js janl/mustache.js · GitHub （模版）
History.js browserstate/history.js · GitHub (History API)
基本这三个库加上自己写点样式可以完成大部分的 WebApp 需求了。大致思路也很简单，把页面分割成几个模块，每个模块写好相应的视图模版，然后通过 AJAX 加载需要展示的模块（加载后可以缓存下模版）并且去更新浏览器 History 即可。
当然，还有很多辅助的东西，也带来了很多帮助，比如：
Yeoman The web's scaffolding tool for modern webapps 非常好用的项目生成器工具，基于 Grunt/Glup , bower , 等等等等。
Generator-webapp yeoman/generator-webapp · GitHub 配合上面的使用可以生成一个最基本的 WebApp，并且带了很多实用的特性。
Sass Sass: Syntactically Awesome Style Sheets 我选择了 SCSS 来组织我的 CSS 代码，顿时感觉舒适多了
Marx mblode/marx · GitHub 我个人很推荐的 CSS Reset ，有 SCSS 源码，自定义比较方便。
另外还有一些小东西想不起来了，但是这些东西都是锦上添花的，多写写自然而然就会接触到。
当然，虽然这些东西入门都不难，但是要用好还是需要一定时间和经验的。如果需求很急怎么办，这里我要安利一下我们团队出的一个前端框架：
这个框架是做什么的呢？这个框架把 Android 写 App 的一套思路和 API 放到了写 WebApp 上，主要是方便 Android 工程师需要写一个 WebApp 的时候，如果并没有很好的前端基础，那么可以简单的学一下 Javascript 的基础语法，便可以开始写 WebApp 程序。当然，这个框架还是很年轻的，也有很多地方还有值得改进的地方，但是目前来说这个框架以及足矣写不少 WebApp 了。
俗话说得好："Talk is cheap, Show me the code. " 我先贴一个 Demo：
&!DOCTYPE html&
&script src="http://file.gtbrowser.cn/jndroid/jndroid.min.js"&&/script&
var mView = new MyView();
function MyView() {
ViewGroup.apply(this, []);
this.setBackgroundColor(0x1a000000);
var mChild = new View();
mChild.setBackgroundColor(0xff009688);
this.addView(mChild);
this.onMeasure = function(widthMS, heightMS) {
var width = MeasureSpec.getSize(widthMS);
var height = MeasureSpec.getSize(heightMS);
mChild.measure(MeasureSpec.makeMeasureSpec(width / 4, MeasureSpec.Exactly),
MeasureSpec.makeMeasureSpec(height / 4, MeasureSpec.Exactly));
this.setMeasuredDimension(width, height);
this.onLayout = function(x, y) {
mChild.layout(50, 100);
setContentView(mView);
没是不是有一股浓浓的 Java 即视感。 没错，还是那个配方，还是那个味道。那么效果是什么样子的呢？把上面代码保存成 html 就可以看到啦。贴个截图：
嗯，和 Android 里面的画个 View 的效果类似吧，哇咔咔。
最后，该框架已经开源 GTBrowser/Jndroid.js · GitHub， 欢迎 Fork 以及 PR。
PS: Jndroid 官网就是用 Jndroid 本身书写的，也可以作为一个 Demo 参考哟。
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
现在不是有很多应用都是html5做的然后套个android或者ios的壳子嘛我也是想知道是那个框架
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
bootstrap jQuerymobile
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
MeasureSpec.makeMeasureSpec(height / 4, MeasureSpec.Exactly)); this.setMeasuredDimension(width, height); } this.onLayout = function(x, y) { mChild.layout(50, 100); } } setContentView(mView) apk.
该答案已被忽略，原因：
同步到新浪微博
分享到微博？
关闭理由：
删除理由：
忽略理由：
推广（招聘、广告、SEO 等）方面的内容
与已有问题重复（请编辑该提问指向已有相同问题）
答非所问，不符合答题要求
宜作评论而非答案
带有人身攻击、辱骂、仇恨等违反条款的内容
无法获得确切结果的问题
非开发直接相关的问题
非技术提问的讨论型问题
其他原因（请补充说明）
我要该，理由是：
在 SegmentFault，学习技能、解决问题
每个月，我们帮助 1000 万的开发者解决各种各样的技术问题。并助力他们在技术能力、职业生涯、影响力上获得提升。Android 上有哪些值得下载的软件？ - 知乎<strong class="NumberBoard-itemValue" title="1被浏览<strong class="NumberBoard-itemValue" title="0,948分享邀请回答31827 条评论分享收藏感谢收起社会化媒体
了解更多>>
桂ICP备 号
阅读下一篇
自媒体运营攻略
行业经验交流
Hi，在你登录以后，就可以永久免费的收藏任何您感兴趣的内容，关注感兴趣的作者！
手机注册或邮箱注册
点击按钮进行验证
请输入正确的邮箱
已有帐号请点击
帐号创建成功！
我们刚刚给你发送了一封验证邮件
请在48小时内查收邮件,并按照提示验证邮箱
感谢你对微口网的信任与支持
你输入的邮箱还未注册
还没有帐号请点击
点击按钮进行验证
你输入的邮箱还未注册
又想起来了？
你已成功重置密码，请妥善保管，以后使用新密码登录
邮件发送成功！
我们刚刚给你发送了一封邮件
请在5分钟内查收邮件,并按照提示重置密码
感谢你对微口网的信任与支持
对不起，你的帐号尚未验证
如果你没有收到邮件，请留意垃圾箱 或
意见与建议
请留下您的联系方式
* 留下您正确的联系方式，以便工作人员尽快与你取得联系
转藏至我的藏点这15款小巧好用的安卓app，总有一款你需要的！_使用评测_什么值得买
这15款小巧好用的安卓app，总有一款你需要的！
小编注：文章来自#全民分享季#征稿活动，周周都有新的玩法，无论是晒物、评测还是经验，统统都可以写，最高瓜分2万元大奖！，详情戳~前言& & & & 自从从苹果转投了安卓阵营，也折腾了不少软件，近期看到不少值友分享自己喜欢的app，我也把自己中15款小巧好用的app整理了一下，分享给大家，顺序根据软件体积由小到大排列，不分先后。正文NO.1 &Via浏览器 & 496.18K& & & &&不到500K的大小，干净无广告，再也不用忍受震惊部的无耻推送了，最关键的是麻雀虽小，五脏俱全，配合酷安评论区插件使用，效果更好。NO.2 &一个木函 & 1.08M& & & &一个超多功能的，大小仅1M出头，页面简洁，功能丰富，放手机里有备无患。NO.3 &Sideways Mode & 1.33M& & & &当你打开手机屏幕的自动旋转功能时，这款软件能够让你躺着使用的时候不会自动横屏，需要自己手动选择左侧位还是右侧位，所以如果你喜欢翻来覆去，就比较麻烦了&。NO.4 &PPIICC &1.4M& & & & 小巧好用的软件，大小仅有1.4M，横向、竖向以及电影台词拼接模式完全满足我的日常使用。NO.5 &ADM Pro & &1.63M& & & & 下载神器，可配合via使用，支持多线程下载，速度快的飞起。NO.6 &Pure天气 & 2.14M& & & & 天气软件就要有天气软件的样子，老老实实的预报天气就行了，相比起墨迹越来越臃肿的身材，Pure仅2.14M的大小真是将墨迹啪啪啪的打脸。NO.7 &存储空间清理 & 2.78M& & & & 手机空间清理软件，完整版需付费，资费方式为按设备收费，价格3.5，倒是不贵，界面也挺简洁，清理能力个人觉得挺强大了，每次打开都会发现多出来一堆的空，同时重要文件夹也会进行提示避免误删除。&NO.8 &GIF字幕菌 & 2.9M& & & & 最近挺火的GIF添加字幕软件，其实微信公众号也完全够用，不过还是感觉软件用起来方便，况且也不大，跟媳妇儿贫嘴的时候做俩GIF挺好玩的。NO.9 &ZArchive & 3.71M& & & & 强大的压缩与解压缩软件，支持超多类型的格式，当时是为了解压极品飞车压缩包才下载的，一直存放在手机的“备用软件”文件夹里。NO.10 &DU GIF Maker & 4.33M& & & & GIF制作软件，在大妈家混，写个晒单众测报告啥的，不整点儿GIF都不好意思发。NO.11 &轻应用 & 5.04M& & & & 神器！绝对的神器！看视频、小说、、直播，一个软件通通搞定。NO.12 &fooview &7.84M& & & & 一个悬浮球就能完成各种操作，同类型软件也有不少，不过习惯了这款也就不想换了，需要一定的适应过程，熟练了就真心抛不开了。NO.13 &酷安 & 11.4M& & & & 软件本身自然是不错的，不过酷安的精髓还是体现在评论区中，里面的老司机真心多，而且一言不合就开车，各种福利，种花养草都有人教，缺点也有，软件数量还是不够全面，我都是配合豌豆荚使用。NO.14 &白描 & 12.25M& & & & ORC文字识别应用，识别率相当高，已付费使用。NO.15 &CAD手机看图 & 18.72M& & & & 工作原因，经常需要看CAD，手机下了好几款类似的，最终留下了这款，体积不大，开图也挺快。完！谢谢观看！& &
推荐关注：
鼠标移到标签上方，
尝试关注标签~
相关热门原创
作者其他原创（56）
ViewSonic优派 M1 便携式投影机
Kelon 科龙 1P26 大1.5匹一级变频冷暖空调
水星动力Wide Wheel 猛兽版 电动滑板车
【轻众测】EraClean Keeper 汽车空调滤清器
Danny Robot 小丹机器人
福维克Kobold VK200+SP530 二合一硬地清洁机
KNOMO CROMWELL克伦威尔卷盖双肩包
小米8 智能手机
赞100评论228
赞84评论117
赞108评论47
赞1075评论441
赞647评论230
赞589评论319
赞449评论227
赞645评论351
扫一下，分享更方便，购买更轻松
用户名/邮箱
两周内免登录