【說明：本文演示的APP已經上架AppStore，歡迎您使用。地址：https://itunes.apple.com/cn/app/%E5%A4%A9%E6%B6%AF%E4%BD%95%E5%A4%84%E8%A7%85%E7%9F%A5%E9%9F%B3/id1439297254?mt=8&from=groupmessage&isappinstalled=0android
或在AppStore搜索「覓知音」或「天涯何處覓知音」，下載安裝。】ios
對於移動APP來講，客戶端（iOS或android）的界面開發是必不可少的工做。爲了減輕界面開發的工做量，也爲了提升開發的速度，選擇一個良好的界面框架，是有意義的。
git
iOS開源的界面框架有不少，好比cocoaui、yykit、qmui_ios等。github
本文介紹QMUI_IOS界面框架的使用。xcode
qmui_ios，按github上的描述，這是一個致力於提升UI開發效率的解決方案。微信
qmui_ios的官網是：http://qmuiteam.com/ios，官網詳細介紹了qmui的使用跟它的功能。app
qmui_ios的項目地址是：https://github.com/QMUI/QMUI_iOS，從這個項目修改記錄來看，前不久（2018.9.18以前）還有代碼提交。框架
qmui_ios有一個演示功能的項目：https://github.com/QMUI/QMUIDemo_iOS，這個項目運行起來的一個截圖是這樣的：ui
讀者能夠嘗試運行以上項目來檢驗一下qmui_ios提供的各類控件的效果，須要注意這個demo使用的qmui的版本跟小程下面介紹的不同。spa
接下小程用實際的演示例子來介紹qmui_ios的使用，qmui爲最新版本2.7.6。
據官網介紹，使用qmui有三種方式，分別是：使用CocoaPods、使用Carthage、直接以qmui做爲子項目。
小程以CocoaPods的方式來導入qmui，安裝cocoapods的命令以下：
sudo gem install -n /usr/local/bin cocoapods --pre
pod setup
以後，可使用pod命令，這個命令的功能能夠這樣查看：
pod --help
再好比，搜索qmui這個第三方庫：
pod search QMUIKit
可看到這樣的輸出，注意下圖紅框內的命令在後續介紹中會使用到：
（1）新建項目，引入qmui
這裏用cocoapods來引入qmui項目。
在業務項目（這裏是演示項目）中，建立一個Podfile文件，並加入以下內容：
platform:ios,'8.0'
target 'ZhiYin' dopod 'QMUIKit', '~> 2.7.6'
end
截圖以下：
而後在Podfile所在目錄，在命令終端執行：
pod install
成功執行這個命令後，在演示項目所在目錄，會生成一個Pods文件夾，以下圖：
這時，雙擊ZhiYin.xcworkspace，打開項目，在xcode的項目導航頁，能夠看到多了一個Pods項目，這個項目就是管理全部第三方庫的容器，以下圖：
至此，qmuikit庫已經導入演示項目，可使用了。
這是經過cocoapod使用qmui的一種方式，讀者固然也能夠直接把qmui拉入業務項目來使用。
（2）使用qmui的功能
好比下面的截圖，在加載APP時，使用了qmui的功能：
運行效果是這樣的：
總結一下，本文介紹了iOS平臺的一個界面框架即QMUIKit的安裝與使用。對於qmui的更多具體優點（包括機型適配、樣式配置等），讀者能夠在具體使用時去理解與應用。
本文分享自微信公衆號 - 廣州小程（gzxc2018）。
若有侵權，請聯繫 support@oschina.cn 刪除。
本文參與「OSC源創計劃」，歡迎正在閱讀的你也加入，一塊兒分享。