腾讯正式开源 QMUI Web 前端框架,将让你以最短的时间掌握和使用环信即时通讯云

摘要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作为默认布局
**/ static{ try{
msMapViewNaitve.put(RapidConfig.VIEW.native_demo_vip8455新葡萄娱乐官网,view.toString(),
“demo_新葡萄棋牌,view.xml”); } catch (Exception e){ e.printStackTrace();
}在需要加载RapidView的地方插入如下代码,即完成了简单的RapidView加载:
mRapidView = RapidLoader.load(
RapidConfig.VIEW.native_demo_view.toString(),
HandlerUtils.getMainHandler(), this, RelativeLayoutParams.class, map,
null); 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 =
true;工具目录下有一个rapid_config.ini的配置,工程目录中utils目录下有一个FileUitl的文件,这两个地方配置的目录要对应起来,否则调试会失败。修改XML中的任意可见参数,如backgroundcolor,重新加载当前页面,查看效果。资源地址托管地址:

摘要今日,腾讯正式开源 QMUI Web 前端框架:一个旨在提高 UI
开发效率、快速产生项目 UI 的前端框架,来自腾讯广研 QMUI
团队。前言经过长时间的打磨迭代,QMUI Web作为腾讯广研 QMUI
团队的一个开源项目,正式发布到 Tencent Github。QMUI Web 是一个 Web UI
的解决方案,从零开始,由编码规范,到组件和工具方法的制作,再到工作流的整合,不断在迭代,也不断在优化,走过了不少的路。QMUI
Web 是一个专注 Web UI
开发,帮助开发者快速实现特定的一整套设计的框架。框架主要由一个强大的
SASS 方法合集与内置的工作流构成。通过 QMUI Web,开发者可以很轻松地提高
Web UI
开发的效率,同时保持了项目的高可维护性与稳健。如果你需要方便地控制项目的整体样式,或者需要应对频繁的界面变动,那么
QMUI Web 框架将会是你最好的解决方案。更多详细介绍请见:《腾讯 Web UI
解决方案 QMUI Web —— 探索与沉淀》开发背景2014 年中,QMUI
团队支持的主要项目是 QQ 邮箱,Web
端的邮箱是个庞大的项目,但其并没有统一的 UI
基础库,多年的高速迭代使得项目的 UI
代码变得混乱,各个模块之间各自开发,除了在代码层面表现出混乱和不可控之外,表现层面也并没有很好地统一起来。因此,项目急需一套统一的团队编码规范以及一个
UI 基础库。恰好,这个时候 Sass 等 CSS
预处理器已经发展成熟,自动化工作流的工作模式也日趋完善,因此,我们决定基于这些技术制作一套通用于不同项目的
Web UI
框架。框架的场景定位很明确:需要控制整体样式,并且可以适应频繁迭代打磨的大型项目。所以,这套即将诞生的
Web UI
框架的特性也很明确:需要方便地控制项目的整体样式,应对频繁的界面变动,并保持项目质量稳健。此后经过三年的发展,QMUI
Web 最终发展为包含编码规范、样式工具方法与样式管理、内置工作流,配套的
GUI 桌面
App,以及拥有完整文档的解决方案。功能特性基础配置与组件:通过内置的公共组件和对应的
SASS 配置表,你只需修改简单的配置即可快速实现所需样式的组件。(QMUI SASS
配置表和公共组件如何帮忙开发者快速搭建项目基础 UI?)SASS 增强支持:QMUI
Web 包含70个 SASS
mixin/function/extend,涉及布局、外观、动画、设备适配、数值计算以及 SASS
原生能力增强等多个方面,可以大幅提升开发效率。脚手架:QMUI Web
内置的工作流拥有从初始化项目到变更文件的各种自动化处理,包含了模板引擎,雪碧图处理,图片集中管理与自动压缩,静态资源合并、压缩与变更以及冗余文件清理等功能。扩展组件:QMUI
Web
除了内置的公共组件外,还通过扩展的方式提供了常用的扩展组件,如等高左右双栏,文件上传按钮,树状选择菜单。应用案例当前,QMUI
Web框架主要用于以下腾讯公司自已的产品中:工程主页和源码地址工程主页:
Web UI 解决方案 QMUI Web —— 探索与沉淀》

摘要作为即时通讯云市场的开创者和全球最大的即时通讯云厂商,环信正式发布“Alpha计划”,将对所有报名的ISV厂商和开发者提供技术、审核认证及发行等方面的支持。前言作为即时通讯云市场的开创者和全球最大的即时通讯云厂商,环信正式发布“Alpha计划”,将对所有报名的ISV厂商和开发者提供技术、审核认证及发行等方面的支持。环信“Alpha计划”旨在为ISV和开发者们提供更加全面且专业的支持,帮助其在包括企业IM、协同OA、APP内社交、直播互动、IOT、智能硬件等领域挖掘产生更多落地有商业前景的优质项目,一起建设整个即时通讯云服务生态。培训目标环信Alpha计划开发者线下培训8月季启动了。本次培训将在北京、上海、深圳三个城市相继举行。为期两天的培训,通过循序递进的知识传递,将让你以最短的时间掌握和使用环信即时通讯云。培训时间培训课程大纲您需要具备的技能本次培训将基于iOS开发环境,如果具有如下技能,效果将会更好:•
熟悉iOS的Foundation,和UIKit框架•
熟悉OC语言和http网络请求郭永峰(环信讲师)十余年IT互联网老司机,JavaEE,iOS,Android,php,H5,Linux等方向大牛,曾担任大型银联支付业务系统、跨国际短信业务系统(基于电信的SGIP)以及集团内部通讯系统的项目负责人。培训认证报名地址

相关文章