GitHub标星5.6K,2020腾讯又一力作开源的Android UI框架——QMUI Android
各位同學(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è)性能差距會更大)。
|
|
并且,還提供了支持垂直排版文字的QMUIVerticalTextView,以及QMUISpanTouchFixTextView修復(fù)了原生TextView和ClickableSpan一起使用時(shí)的一些的bug。
|
|
簡直不要太爽。
工具類
工具類的話,也有不少,官方給的文檔言簡意賅,給大家截圖好了。
這些工具類,在平常開發(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)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 一、计算机核心组成及CPU核心组成
- 下一篇: Android动画了解—转场/过渡(Tr