iOS開發(0):框架QMUIKit的使用 | 使用第三方UI框架 | cocoapods的使用
對於移動APP來說,客戶端(iOS或android)的介面開發是必不可少的工作。為了減輕介面開發的工作量,也為了提高開發的速度,選擇一個良好的介面框架,是有意義的。
iOS開源的介面框架有很多,比如cocoaui、yykit、qmui_ios等。
本文介紹QMUI_IOS介面框架的使用。
qmui_ios,按github上的描述,這是一個致力於提高UI開發效率的解決方案。
qmui_ios的官網是: http://qmuiteam.com/ios ,官網詳細介紹了qmui的使用跟它的功能。
qmui_ios的專案地址是: https://github.com/QMUI/QMUI_iOS ,從這個專案修改記錄來看,前不久(2018.9.18之前)還有程式碼提交。
qmui_ios有一個演示功能的專案: https://github.com/QMUI/QMUIDemo_iOS ,這個專案執行起來的一個截圖是這樣的:

qumi的demo效果
讀者可以嘗試執行以上專案來檢驗一下qmui_ios提供的各種控制元件的效果,需要注意,這個demo使用的qmui的版本跟小程下面介紹的不一樣。
接下來小程用實際的演示例子來介紹qmui_ios的使用,qmui為最新版本2.7.6。
據官網介紹,使用qmui有三種方式,分別是:使用CocoaPods、使用Carthage、直接以qmui作為子專案。
小程以CocoaPods的方式來匯入qmui,安裝cocoapods的命令如下:
sudo gem install -n /usr/local/bin cocoapods --prepod setup
之後,可以使用pod命令,這個命令的功能可以這樣檢視:
pod --help
再比如,搜尋qmui這個第三方庫:
pod search QMUIKit
可看到這樣的輸出,注意下圖紅框內的命令在後續介紹中會使用到:

pod查詢QMUIKit
(1)新建專案,引入qmui
這裡用cocoapods來引入qmui專案。
在業務專案(這裡是演示專案)中,建立一個Podfile檔案,並加入如下內容:
platform:ios,'8.0'target 'ZhiYin' dopod 'QMUIKit', '~> 2.7.6'end
截圖如下:

建立Podfile
然後在Podfile所在目錄,在命令終端執行:
pod install
成功執行這個命令後,在演示專案所在目錄,會生成一個Pods資料夾,如下圖:

pod安裝效果1
這時,雙擊ZhiYin.xcworkspace,開啟專案,在xcode的專案導航頁,可以看到多了一個Pods專案,這個專案就是管理所有第三方庫的容器,如下圖:

pod安裝效果2
至此,qmuikit庫已經匯入演示專案,可以使用了。
這是通過cocoapod使用qmui的一種方式,讀者當然也可以直接把qmui拉入業務專案來使用。
(2)使用qmui的功能
比如下面的截圖,在載入APP時,使用了qmui的功能:

qumi使用示例1
執行效果是這樣的:

qumi使用效果1
總結一下,本文介紹了iOS平臺的一個介面框架即QMUIKit的安裝與使用。對於qmui的更多具體優勢(包括機型適配、樣式配置等),讀者可以在具體使用時去理解與應用。