各位同學(xué)，早上好，我是你們的老朋友D_clock愛吃蔥花，前些天忙著發(fā)版本，最近也在看各種各樣的新知識，有好多東西想寫啊啊啊啊啊。嗯，先冷靜捋一下，賣個(gè)關(guān)子。扯回正題，今天繼續(xù)為大家推薦一個(gè)Github上的開源框架——QMUI Android，出品自騰訊廣州研發(fā)部QMUI團(tuán)隊(duì)。

https://github.com/QMUI

如果是做Web開發(fā)的同學(xué)，應(yīng)該會很熟悉QMUI所開源的QMUI Web框架，我之前也是因?yàn)榕粋€(gè)Web頁的問題，知道了QMUI Web，然后才了解到QMUI這個(gè)團(tuán)隊(duì)，前段時(shí)間發(fā)現(xiàn)他們新開源了QMUI Android這個(gè)框架，覺得還蠻接地氣的，索性一直暗中觀察，今天就來簡單介紹下它。并且據(jù)官網(wǎng)介紹，目前該項(xiàng)目已經(jīng)支持了QQ郵箱和微信讀書。

QMUI Android是什么？

以下是官方在Github的README中給出的介紹：

QMUI Android的設(shè)計(jì)目的是用于輔助快速搭建一個(gè)具備基本設(shè)計(jì)還原效果的Android項(xiàng)目，同時(shí)利用自身提供的豐富控件及兼容處理，讓開發(fā)者能專注于業(yè)務(wù)需求而無需耗費(fèi)精力在基礎(chǔ)代碼的設(shè)計(jì)上。不管是新項(xiàng)目的創(chuàng)建，或是已有項(xiàng)目的維護(hù)，均可使開發(fā)效率和項(xiàng)目質(zhì)量得到大幅度提升。

簡單的說，它就是一個(gè)封裝完善的Android UI組件庫，使用它可以解決你很多日常開發(fā)需求的UI問題。目前，它主要包含以下兩個(gè)部分：

• UI控件：BottomSheet、Tab、圓角 ImageView、下拉刷新等，使用方便靈活，并且支持自定義控件的樣式；

• 常用工具類：如設(shè)備信息、屏幕信息、鍵盤管理、狀態(tài)欄管理等；

引入工程中使用也非常簡單，參照官方配置文檔的手把手教學(xué)即可Happy Coding！

官方配置文檔：http://qmuiteam.com/android/page/start.html

經(jīng)過一小段時(shí)間的體驗(yàn)之后，我總結(jié)了以下幾個(gè)亮點(diǎn)分享一下。

常見UI效果封裝

QMUI Android中提供了很多常見使用的UI效果封裝，比如下面這些：

1、QMUIDialog：它提供了一系列常用的對話框，解決了使用系統(tǒng)默認(rèn)對話框時(shí)在不同 Android 版本上的表現(xiàn)不一致的問題。

并且可以使用不同的Builder來構(gòu)建不同類型的對話框，這些Builder都擁有設(shè)置title和添加底部按鈕的功能。

2、QMUIGroupListView：通用的列表，常用于App的設(shè)置界面，由于它的父類不是ListView而是LinearLayout，所以，需要配合ScrollView使用。并且它還提供了一個(gè)Section的概念對列表進(jìn)行分塊，按照官方的介紹可以配合其所提供的QMUIGroupListView.Section,?QMUICommonListItemView、QMUIGroupListSectionHeaderFooterView使用。

3、QMUIFloatLayout：類似CSS中的浮動布局，從左到右排列子View并自動換行，同時(shí)還提供控制子View之間的垂直/水平間距和水平對齊方向、限制子View個(gè)數(shù)或行數(shù)等特性。

4、除了以上一些UI效果之外，還有諸如進(jìn)度條效果（QMUIProgressBar）、下拉刷新（QMUIPullRefreshLayout）、類似于PopupWindow的懸浮彈層（QMUIPopup、QMUIListPopup）、加載中的等待效果（QMUILoadingView）等等還有好多。

增強(qiáng)富文本

QMUI Android中提供了很多自定義的Span來幫你解決各種富文本的問題，如：QMUIBlockSpaceSpan、QMUICustomTypefaceSpan、QMUIAlignMiddleImageSpan、QMUIMarginImageSpan、QMUITextSizeSpan、QMUITouchableSpan等。

還有為文字和表情混排提供支持的QMUIQQFaceView、QMUIQQFaceCompiler、IQMUIQQFaceManager，而且相比系統(tǒng)自帶的ImageSpan實(shí)現(xiàn)，QMUI還做了一定的優(yōu)化工作，具體可以對比效果圖中的expend time（因?yàn)殇浿苂if圖所以沒滑動太快，正常情況下，這個(gè)性能差距會更大）。

QMUIQQFaceView實(shí)現(xiàn)效果QMUIQQFaceView和默認(rèn)ImageSpan性能比對

|

|

并且，還提供了支持垂直排版文字的QMUIVerticalTextView，以及QMUISpanTouchFixTextView修復(fù)了原生TextView和ClickableSpan一起使用時(shí)的一些的bug。

QMUIVerticalTextViewQMUISpanTouchFixTextView

|

|

簡直不要太爽。

工具類

工具類的話，也有不少，官方給的文檔言簡意賅，給大家截圖好了。

這些工具類，在平常開發(fā)中都是很實(shí)用的。

不足

介紹完以上幾大亮點(diǎn)，最后再說點(diǎn)個(gè)人覺得唯一的不足之處，就是如果QMUI Android的文檔能像QMUI Web一樣完善，那就更好了。

期待

總的來說，QMUI Android的發(fā)展還是蠻值得繼續(xù)期待，哦，對了，iOS也有對應(yīng)的QMUI iOS哦。

不知道后面會不會出現(xiàn)QMUI RN？QMUI 小程序？哈哈，隨意腦洞下一下。

由于文章篇幅問題復(fù)制鏈接查看詳細(xì)文章以及獲取學(xué)習(xí)筆記鏈接：https://shimo.im/docs/QVGDhCjVKvQ6r6TJ
或者可以查看我的【Github】里可以查看

總結(jié)

以上是生活随笔為你收集整理的GitHub标星5.6K，2020腾讯又一力作开源的Android UI框架——QMUI Android的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。