QMUI 致力于提高各个平台的 UI 开发效率,目前 Web、iOS、Android 三个平台对应的框架均已在 Github 开源。 本文将着重介绍 QMUI Android。...QMUI Android 还封装了许多工具方法,包括设备信息、屏幕信息、键盘管理、状态栏管理等,可以大幅度提升开发效率。 QMUI Android 具体的功能列表,请至官网查看。...同时,QMUI Android 提供了一个 Demo App,可供开发者直接安装运行在 Android 手机上,体验 QMUI Android 的各项功能,并可对照 Github 上的源码查看其实现方式...Github开源地址: https://github.com/Tencent/QMUI_Android (点击文末阅读原文直接访问) QMUI_Android官网地址: https://qmuiteam.com.../Android 请给 QMUI_Android 一个 Star !
作者简介:李浩成(Kayo),腾讯广州研发部 UI 工程师 经过长时间的打磨迭代,QMUI Web 作为腾讯广研 QMUI 团队的一个开源项目,正式发布到 Tencent Github。...为此,QMUI 在处理组件时采取的是“半封装”的处理方式,QMUI 框架封装的是代码,所谓半封装,即封装那些与项目具体 UI 表现没有必然联系的代码。...GUI 我们提供了一个用于管理 QMUI Web 项目的桌面 App,在代码层面它独立于 QMUI Web 的源码。...优化和开源 在经历较长时间的迭代后,QMUI Web 也逐渐完善起来,此时我们也开始将 QMUI Web 进行开源。...关注 QMUI Web Github地址: https://github.com/Tencent/QMUI_Web 来 Github 给QMUI_Web star 吧!
; import com.qmuiteam.qmui.widget.QMUITopBarLayout; import com.qmuiteam.qmui.widget.dialog.QMUIDialog...; import com.qmuiteam.qmui.widget.dialog.QMUIDialogAction; import com.qmuiteam.qmui.widget.roundwidget.QMUIRoundButton...attr/qmui_config_color_gray_5" /> <com.qmuiteam.qmui.widget.roundwidget.QMUIRoundButton...@color/qmui_config_color_gray_8" app:qmui_progress_color="@color/app_color_blue..._2" app:qmui_type="type_rect" app:qmui_skin_background
QMUI 致力于提高各个平台的 UI 开发效率,目前 Web、iOS、Android 三个平台对应的框架均已在 Github 开源。 本文将着重介绍 QMUI iOS。...如果你有以上任何一个问题,那么 QMUI iOS 肯定适合你,无论你是新项目还是老项目,在 QMUI iOS 里面一定可以找到你需要的功能。...QMUI iOS 项目源自于项目团队对多个项目的迭代思考和积累,包括 QQ邮箱、微信读书等等。...Github开源地址:https://github.com/Tencent/QMUI_iOS (点击文末阅读原文直接访问) QMUI iOS 功能列表和上手说明请查看QMUI官网 : https://qmuiteam.com.../ios 请给 QMUI iOS一个 Star !
objectAtIndex:0]) { return NO; } } //这里就是非右滑手势调用的方法啦,统一允许激活 return YES; } II、QMUI...导致右滑返回没有生效的解决方法 先来看看QMUI如何实现实现右滑返回?...2.1 UINavigationController (QMUI)进行控制右滑返回 QMUI使用分类UINavigationController (QMUI)方式进行控制右滑返回,具体核心代码如下 重写...respondsToSelector:_cmd]) { return [self.qmui_interactivePopGestureRecognizerDelegate...respondsToSelector:_cmd]) { BOOL originalValue = YES; [originGestureDelegate qmui_performSelector
经过长时间的打磨迭代,QMUI Web 作为腾讯广研 QMUI 团队的一个开源项目,正式发布到 Tencent Github。...通过 QMUI Web,开发者可以很轻松地提高 Web UI 开发的效率,同时保持了项目的高可维护性与稳健。...更多详细介绍请见:《腾讯 Web UI 解决方案 QMUI Web —— 探索与沉淀》 开发背景 2014 年中,QMUI 团队支持的主要项目是 QQ 邮箱,Web 端的邮箱是个庞大的项目,但其并没有统一的...(QMUI SASS 配置表和公共组件如何帮忙开发者快速搭建项目基础 UI?)...应用案例 当前,QMUI Web框架主要用于以下腾讯公司自已的产品中: ?
之所以选择腾讯的QMUI库来演示APP的换肤功能,主要原因: 1、换肤功能的实现过程较简单、容易理解; 2、能轻松适配Android 10 提供的Dark Mode(深色模式) ; 3、还能白嫖QMUI...="10dp" app:qmui_skin_background="?...attr/colorBg3" app:qmui_skin_text_color="?...: app:qmui_skin_xxx QMUI官网已提供了以下换肤属性,供我们使用,能满足常规的开发需要,如下图所示: image.png 下面,我们来编写Activity代码。...更多内容,可以参考官方文档: https://github.com/tencent/qmui_android/wiki/qmui-换肤 3、案例源码 链接: https://pan.baidu.com/
QMUI Android UI 一个旨在提高 UI 开发效率 快速产生项目 UI 的前端框架 QMUI Web 是一个专注 Web UI 开发,帮助开发者快速实现特定的一整套设计的框架。...通过 QMUI Web,开发者可以很轻松地提高 Web UI 开发的效率,同时保持了项目的高可维护性与稳健。...如果你需要方便地控制项目的整体样式,或者需要应对频繁的界面变动,那么 QMUI Web 框架将会是你最好的解决方案。 组成部分 ? ?...如何获取和访问 Github下载地址: https://github.com/Tencent/QMUI_Web_Desktop 官方网站地址: http://qmuiteam.com/web/page/
:UIColorDarkGold] forState:UIControlStateNormal]; //qmui扩展UIImage的方法 + (UIImage *)qmui_imageWithColor...:(UIColor *)color { return [UIImage qmui_imageWithColor:color size:CGSizeMake(4, 4) cornerRadius:...0]; } + (UIImage *)qmui_imageWithColor:(UIColor *)color size:(CGSize)size cornerRadius:(CGFloat)cornerRadius...color : UIColorClear; BOOL opaque = (cornerRadius == 0.0 && [color qmui_alpha] == 1.0); return [UIImage... qmui_imageWithSize:size opaque:opaque scale:0 actions:^(CGContextRef contextRef) { CGContextSetFillColorWithColor
} - (BOOL)kunnan_forceEnableInteractivePopGestureRecognizer { return YES; } II QMUI...导致右滑返回没有生效的解决方法 先来看看QMUI如何实现实现右滑返回?...2.1 问题分析 QMUI使用分类UINavigationController (QMUI) 方式进行控制右滑返回,具体核心代码如下 重写viewDidLoad设置右滑返回手势的代理为自身...respondsToSelector:_cmd]) { return [self.qmui_interactivePopGestureRecognizerDelegate...respondsToSelector:_cmd]) { BOOL originalValue = YES; [originGestureDelegate qmui_performSelector
QMUI 用于 QMUITabSegment 中 Tab 与数据的适配。...开始使用 qmui 1....引入库 最新的库会上传到 JCenter 仓库上,请确保配置了 JCenter 仓库源,然后直接引用: implementation 'com.qmuiteam:qmui:1.2.0' 至此,QMUI...配置主题 把项目的 theme 的 parent 指向 QMUI.Compat,至此,QMUI 可以正常工作。 3....引入库 arch 库会依赖 qmui 库, 因此也需要引入 qmui 库 implementation com.qmuiteam:arch:0.3.1 2.
这个开源框架就是:QMUI_Android ,它的 Slogan 是:提高 Android UI 开发效率的 UI 库。...QMUI Android 的设计目的是用于辅助快速搭建一个具备基本设计还原效果的 Android 项目,同时利用自身提供的丰富控件及兼容处理,让开发者能专注于业务需求而无需耗费精力在基础代码的设计上。
今天就来解析下QMUI最新版QMUISchemeHandler的设计与实现。 一个 scheme 的格式大概是这样子: schemeName://action?...param1=value1¶m2=value2 例如: qmui://home?...同一个 action 可以根据参数的不同而有不同的跳转行为,例如都是跳转书籍详情,漫画书籍和普通书籍要跳转的界面可能不一样 如果当前界面已经是目标界面,可以选择刷新当前界面或者启动一个新界面 对于 QMUI...和 Fragment 的,因而 scheme 也要同时支持这两者 可以自定义新界面的实例化方法 接口设计 任何一个库的开发,为了让业务使用方足够舒心,既要保证库的功能足够强大,也要保证使用的方便性,QMUI...instance.handle("qmui://xxx")){ // scheme 未被 handle,日志记录? } 大多数场景,QMUISchemeHandler采用单例模式即可。
检测方式可以打条件符号断点,然后把 QMUI 那段代码注释掉,运行起来后会发现依然能命中这个断点,说明系统自身确实是在子线程访问了(UIKit 这种行为特别多,不只是这里)。...所以从原理上看,QMUI 命中这个主线程检测是不可避免的,目前只是做了一些优化,只有真正使用了 QMUITheme 组件时才会出现这个情况,没使用的时候就不会命中,以减少一部分的出错场景。
NodeMail 一个基于 Node 的爬虫脚本,每天定时给女朋友发一封暖心邮件,非单身狗的程序员可以试用下 GitHub:https://github.com/Vincedream/NodeMail QMUI_iOS...一个致力于提高项目 UI 开发效率的解决方案,让开发者能专注于业务需求而无需耗费精力在基础代码的设计上 GitHub:https://github.com/Tencent/QMUI_iOS spring-boot-examples
Omi.template方法来使用任意模板引擎 ⑤ 完全面向对象 ⑥ Omi提供了ES6+和ES5的两种开发方案 (详情:https://github.com/AlloyTeam/omi) 13、UI 前端框架 QMUI...Web ★Star 888 QMUI Web 是一个专注 Web UI 开发,帮助开发者快速实现特定的一整套设计的框架。...通过 QMUI Web,开发者可以很轻松地提高 Web UI 开发的效率,同时保持了项目的高可维护性与稳健。...如果你的项目需要有一套完整的设计,并且可能有频繁的变动,那么 QMUI Web 框架将会是你最好的解决方案。...(详情: https://github.com/QMUI/QMUI_Web) 14、curvejs ★Star 749 是腾讯AlloyTeam打造的一款魔幻线条框架,让线条成为一名优秀的舞者,让线条们成为优秀的舞团
青出于蓝而胜于蓝,提升开发效率是 GitHub 项目的首要任务,本周的 #提高开发效率# 主题的 3 个项目就是最好的效率代表,且不说提高 Android UI 开发效率的 UI 库:QMUI_Android...3.1 提高 Android UI 开发效率的 UI 库:QMUI_Android 本周 star 增长数:200+ QMUI Android 的设计目的是用于辅助快速搭建一个具备基本设计还原效果的 Android...GitHub 地址→https://github.com/Tencent/QMUI_Android 3.2 登陆 So Easy:JustAuth 本周 star 增长数:100+ JustAuth,如你所见
14、xcode修改工程名 xcode修改工程名 15、商品属性选择功能 iOS商品详情页面,商品属性选择功能(SKU) 16、html页面加载优化 html页面加载优化 17、UI绘制工具 QMUI
com.scwang.smartrefresh:SmartRefreshLayout:1.1.0' implementation 'com.scwang.smartrefresh:SmartRefreshHeader:1.1.0' UI框架 QMUI...https://qmuiteam.com/android implementation 'com.qmuiteam:qmui:2.0.0-alpha10' 图片圆角&背景圆角 图片圆角RoundedImageView
领取专属 10元无门槛券
手把手带您无忧上云