【说明：本文演示的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源创计划”，欢迎正在阅读的你也加入，一块儿分享。