腾讯开源的Android UI框架——QMUI Android

于 2024-05-11 01:22:36 发布
阅读量350 收藏 7
点赞数 3
分类专栏： 程序员 文章标签： 开源 android ui
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2401_84010326/article/details/138688708
版权

QMUI Android中提供了很多常见使用的UI效果封装，比如下面这些：

1、QMUIDialog：它提供了一系列常用的对话框，解决了使用系统默认对话框时在不同 Android 版本上的表现不一致的问题。

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

并且可以使用不同的Builder来构建不同类型的对话框，这些Builder都拥有设置title和添加底部按钮的功能。

2、QMUIGroupListView：通用的列表，常用于App的设置界面，由于它的父类不是ListView而是LinearLayout，所以，需要配合ScrollView使用。并且它还提供了一个Section的概念对列表进行分块，按照官方的介绍可以配合其所提供的QMUIGroupListView.Section, QMUICommonListItemView、QMUIGroupListSectionHeaderFooterView使用。

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

3、QMUIFloatLayout：类似CSS中的浮动布局，从左到右排列子View并自动换行，同时还提供控制子View之间的垂直/水平间距和水平对齐方向、限制子View个数或行数等特性。

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

4、除了以上一些UI效果之外，还有诸如进度条效果（QMUIProgressBar）、下拉刷新（QMUIPullRefreshLayout）、类似于PopupWindow的悬浮弹层（QMUIPopup、QMUIListPopup）、加载中的等待效果（QMUILoadingView）等等还有好多。

增强富文本

QMUI Android中提供了很多自定义的Span来帮你解决各种富文本的问题，如：QMUIBlockSpaceSpan、QMUICustomTypefaceSpan、QMUIAlignMiddleImageSpan、QMUIMarginImageSpan、QMUITextSizeSpan、QMUITouchableSpan等。

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

还有为文字和表情混排提供支持的QMUIQQFaceView、QMUIQQFaceCompiler、IQMUIQQFaceManager，而且相比系统自带的ImageSpan实现，QMUI还做了一定的优化工作，具体可以对比效果图中的expend time（因为录制gif图所以没滑动太快，正常情况下，这个性能差距会更大）。

QMUIQQFaceView实现效果QMUIQQFaceView和默认ImageSpan性能比对
)

|

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

|

并且，还提供了支持垂直排版文字的QMUIVerticalTextView，以及QMUISpanTouchFixTextView修复了原生TextView和ClickableSpan一起使用时的一些的bug。

QMUIVerticalTextViewQMUISpanTouchFixTextView
)

|

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

|

简直不要太爽。

工具类

工具类的话，也有不少，官方给的文档言简意赅，给大家截图好了。

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

这些工具类，在平常开发中都是很实用的。

不足

介绍完以上几大亮点，最后再说点个人觉得唯一的不足之处，就是如果QMUI Android的文档能像QMUI Web一样完善，那就更好了。

期待

总的来说，QMUI Android的发展还是蛮值得继续期待，哦，对了，iOS也有对应的QMUI iOS哦。

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

不知道后面会不会出现QMUI RN？QMUI 小程序？哈哈，随意脑洞下一下。觉得文章不错的同学，可以帮忙转发、点赞支持哦。
之前的精彩文章

面试宝典

面试必问知识点、BATJ历年历年面试真题+解析

学习经验总结

（一）调整好心态
心态是一个人能否成功的关键，如果不调整好自己的心态，是很难静下心来学习的，尤其是现在这么浮躁的社会，大部分的程序员的现状就是三点一线，感觉很累，一些大龄的程序员更多的会感到焦虑，而且随着年龄的增长，这种焦虑感会越来越强烈，那么唯一的解决办法就是调整好自己的心态，要做到自信、年轻、勤奋。这样的调整，一方面对自己学习有帮助，另一方面让自己应对面试更从容，更顺利。

（二）时间挤一挤，制定好计划
一旦下定决心要提升自己，那么再忙的情况下也要每天挤一挤时间，切记不可“两天打渔三天晒网”。另外，制定好学习计划也是很有必要的，有逻辑有条理的复习，先查漏补缺，然后再系统复习，这样才能够做到事半功倍，效果才会立竿见影。

（三）不断学习技术知识，更新自己的知识储备
对于一名程序员来说，技术知识方面是非常重要的，可以说是重中之重。要面试大厂，自己的知识储备一定要非常丰富，若缺胳膊少腿，别说在实际工作当中，光是面试这一关就过不了。对于技术方面，首先基础知识一定要扎实，包括自己方向的语言基础、计算机基础、算法以及编程等等。
《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》，点击传送门，即可获取！
编程等等。
《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》，点击传送门，即可获取！

2401_84010326
关注
  • 3
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
qmui android导入项目,QMUI 学习一： 入门，如何添加QMUI框架到 android项目 ，并引入QMUI的主题Theme:...
weixin_39640085的博客
05-29 997
用是最新的Android Studio 3.6.x的，下了新的QMUIDemo参考学习UI。先上效果图： 如何添加QMUI框架并引用它的主题：1.添加框架：在app.gradle里面添加依赖： implementation 'com.qmuiteam:qmui:2.0.0-alpha08'dependencies {implementation fileTree(include: ['*.j...
推荐一个腾讯出品的Android UI框架 —— QMUI
lixinxiaos的博客
04-22 2442
近期发现了一个腾讯出品的Android UI框架库，旨在快速开发，这些没有什么可多说的。（在最后附上SDK官网和GitHub地址）说几个比较常用的，具体的可以去看官方的文档： UI类 QMUIFloatLayout 类似 CSS 里 float: left 的浮动布局，从左到右排列子 View 并自动换行。支持以下特性： 控制子 View 之间的垂直/水平间距。 控制子 View 的水平对齐方向...
Android QMUI实战：沉浸式/适配状态栏
Android技术之家
10-19 1060
近期研究QMUI换肤的实现，顺便分析了下QMUI的沉浸式。网上已有很多关于QMUI实现页面沉浸式的文章，简而言之：复杂了。本期，我们仅通过几行代码，即可完美实现页面沉浸式效果，并轻松匹配换...
分享两个超实用的Android开源UI框架——QMUI和XUI
热门推荐
青冘的技术学习博客
07-13 3万+
目录 QMUI_Android 功能特性 全局 UI 配置 丰富的 UI 控件 高效的工具方法 功能列表 支持 Android 版本 使用方法 QMUI Demo APP 安装包下载 XUI 特征 演示程序截图 QMUI_Android 是腾讯的一款开源UI库 QMUI Android 的设计目的是用于辅助快速搭建一个具备基本设计还原效果的 Andro...
QMUI Android框架使用详细步骤1-环境配置到正常现实对话框
大路的博客
05-29 1万+
开始使用QMUI Android框架，找找使用教程，网上一大堆的把官网的三段话复制一遍。实际上要到真正的运行起来，远远还不是这么简单，官网的教程适合有一定编程基础的人员，想我这样刚刚接触Android开发的，摸索了好久，终于是有效果了。针对Android开发的初学者，将详细的操作步骤写出来。我也是初学者，有些代码之类的，也没看这么细。1、新建一个演练项目：QMUI_Practise，使用Empty...
腾讯开源超实用的UI轮子库，我是轮子搬运工，程序员经验分享
m0_58397123的博客
03-21 826
外链图片转存中…(img-wYYgHNUF-1711026235275)]
提高 Android UI 开发效率的 UI 库
最新发布
05-25
QMUI_Android是一个由腾讯Qzone团队开源的Android UI框架，它的目标是提供一套简洁、易用且高性能的UI组件，同时保持良好的自定义性，以适应不同设计风格的需求。QMUI着重于以下几点： 1. **组件丰富**：QMUI包含...
Android项目源码在线课堂教育UI框架
04-06
Android项目源码在线课堂教育UI框架源码是一个基于安卓的在线课堂应用源码，只做了一个UI框架，没有实现任何具体功能。有类似win8的方块布局。注册登录多线程自定义进度条等界面都做的不错。有需要的可以下载看看。...
QMUI_Android_v2.0.0-alpha10
09-22
QMUI是来自腾讯QQ团队的一个开源项目，它提供了一系列预设的UI组件、工具类以及主题系统，帮助开发者快速构建美观、统一的Android应用界面。 QMUI的主要特点包括： 1. **丰富的UI组件**：QMUI提供了各种常见的...
Android源码——腾讯微博客户端源码.zip
10-08
【Android源码——腾讯微博客户端源码.zip】这个压缩包主要包含的是腾讯微博客户端的源代码，对于Android开发者来说，这是一个宝贵的参考资料。通过研究这份源码，开发者可以深入理解一个大型社交应用在Android平台...
QMUI_Android：提高Android UI开发效率的UI库
02-02
QMUI_Android QMUI Android的设计目的是用于辅助快速组装的一个基本设计还原效果的Android项目，同时利用自身提供的丰富控件和兼容处理，让开发者能专注于业务需求而无需耗费费用在基础代码的设计上。无论是新项目的创造，还是已有项目的维护，基本上使开发效率和项目质量得到大幅度提升。 官网： : 功能特性 全局UI配置 只需要修改一份配置表就可以调整App的布局样式，包括组件颜色，导航栏，布局，列表等。 丰富的UI控件 提供丰富的常用的UI控件，例如BottomSheet，Tab，圆角ImageView，拖放刷新等，使用方便灵活，并支持自定义控件的样式。 高效的工具方法 提供高效的工具方法，包括设备信息，屏幕信息，键盘管理，状态栏管理等，可以解决各种常见场景并大幅度提高开发效率。 功能列表 请查看官网的 支持Android版本 QMUI Android支持API Level 19+。 使用方法 请查看官网的。 QMUI演示APP安装包下载 点击链接下载： : 或扫二维码至官网下载：
腾讯最新开源！超实用的UI轮子库，我只是个轮子搬运工
q16974058的博客
04-02 1060
今天关于面试的分享就到这里，还是那句话，有些东西你不仅要懂，而且要能够很好地表达出来，能够让面试官认可你的理解，例如Handler机制，这个是面试必问之题。有些晦涩的点，或许它只活在面试当中，实际工作当中你压根不会用到它，但是你要知道它是什么东西。最后在这里小编分享一份自己收录整理上述技术体系图相关的几十套腾讯、头条、阿里、美团等公司20年的面试题，把技术点整理成了视频和PDF（实际上比预期多花了不少精力），包含知识脉络 + 诸多细节，由于篇幅有限，这里以图片的形式给大家展示一部分。还有。
android qmui简书,QMUI 2 终于来了
weixin_42151036的博客
06-05 1473
QMUI 2 提了很久很久了，在蜗牛般的开发速度下(加班过多，效率低下)，终于来了首个对外版本。 你可以前往官网下载 QMUIDemo 体验体验，然后前往Github 给个 star 吧。这个版本主要是做了以下几个主要修改：支持库迁移到 Androidx， 最低支持版本升级到 API 19。支持夜间模式，QMUI 做得更通用一点，提供了换肤功能。重构 QMUIPopup 与 QMUITabSegm...
QMUI Android使用
Angus博客
08-19 2761
管网： https://qmuiteam.com/android githubhttps://github.com/Tencent/QMUI_Android 腾讯的一款Android UI开源组件库， 功能列表：包含了很多UI使用 https://qmuiteam.com/android/documents/ Components Classes QMUIAnimationListView 使ListView支持添加/删除 Item 的动画，支持自定义动画效果。 QMUIBo...
android qmui简书,QMUI_Android/qmui_style_widget.xml at master · Tencent/QMUI_Android · GitHub
weixin_42465953的博客
06-05 218
false@dimen/qmui_tab_segment_indicator_height@dimen/qmui_tab_segment_text_size@dimen/qmui_tab_segment_text_sizefalseleftwrap_content?attr/qmui_tab_sign_count_view_min_size?attr/qmui_skin_support_tab_s...
arr 安卓调用qmui_腾讯开源的Android UI框架——QMUI Android
05-13
要在 Android 项目中使用 QMUI Android，可以按照以下步骤进行： 1. 将 QMUI Android 引入项目中，可以使用 Gradle，将以下代码添加到 `build.gradle` 文件中： ```groovy dependencies { implementation 'com.qmuiteam:qmui:2.1.0' } ``` 2. 在 Application 类中初始化 QMUI，可以在 `onCreate()` 方法中添加以下代码： ```java public class MyApplication extends Application { @Override public void onCreate() { super.onCreate(); QMUI.init(this); } } ``` 3. 在布局文件中使用 QMUI 的控件，例如： ```xml <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:qmui="http://schemas.android.com/apk/res-auto" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"> <com.qmuiteam.qmui.widget.QMUITopBarLayout android:id="@+id/topbar" qmui:layout_constraintTop_toTopOf="parent" android:layout_width="match_parent" android:layout_height="?attr/actionBarSize"/> <com.qmuiteam.qmui.widget.QMUIRoundButton android:id="@+id/button" android:text="Button" android:layout_width="wrap_content" android:layout_height="wrap_content"/> </LinearLayout> ``` 在这个例子中，我们使用了 `QMUITopBarLayout` 和 `QMUIRoundButton`，它们都是 QMUI 的控件，可以通过 `xmlns:qmui="http://schemas.android.com/apk/res-auto"` 引入 QMUI 的命名空间。 在 Activity 类中，可以通过以下方式来获取控件的实例： ```java public class MyActivity extends AppCompatActivity { private QMUITopBarLayout mTopBarLayout; private QMUIRoundButton mButton; @Override protected void onCreate(@Nullable Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_my); mTopBarLayout = findViewById(R.id.topbar); mButton = findViewById(R.id.button); // 设置 TopBar 的标题 mTopBarLayout.setTitle("My Activity"); } } ``` 以上就是使用 QMUI Android 的基本步骤，更多的 QMUI 控件和用法可以参考官方文档。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值