如何進(jìn)行iOS界面中框架QMUIKit的使用

這篇文章給大家介紹如何進(jìn)行iOS界面中框架QMUIKit的使用，內(nèi)容非常詳細(xì)，感興趣的小伙伴們可以參考借鑒，希望對(duì)大家能有所幫助。

對(duì)于移動(dòng)APP來說，客戶端（iOS或android）的界面開發(fā)是必不可少的工作。為了減輕界面開發(fā)的工作量，也為了提高開發(fā)的速度，選擇一個(gè)良好的界面框架，是有意義的。

iOS開源的界面框架有很多，比如cocoaui、yykit、qmui_ios等。

這里介紹QMUI_IOS界面框架的使用。

qmui_ios，按github上的描述，這是一個(gè)致力于提高UI開發(fā)效率的解決方案。

qmui_ios的官網(wǎng)是：http://qmuiteam.com/ios，官網(wǎng)詳細(xì)介紹了qmui的使用跟它的功能。

qmui_ios的項(xiàng)目地址是：https://github.com/QMUI/QMUI_iOS，從這個(gè)項(xiàng)目修改記錄來看，前不久（2018.9.18之前）還有代碼提交。

qmui_ios有一個(gè)演示功能的項(xiàng)目：https://github.com/QMUI/QMUIDemo_iOS，這個(gè)項(xiàng)目運(yùn)行起來的一個(gè)截圖是這樣的：

讀者可以嘗試運(yùn)行以上項(xiàng)目來檢驗(yàn)一下qmui_ios提供的各種控件的效果，需要注意這個(gè)demo使用的qmui的版本跟小程下面介紹的不一樣。

接下小程用實(shí)際的演示例子來介紹qmui_ios的使用，qmui為最新版本2.7.6。

據(jù)官網(wǎng)介紹，使用qmui有三種方式，分別是：使用CocoaPods、使用Carthage、直接以qmui作為子項(xiàng)目。

小程以CocoaPods的方式來導(dǎo)入qmui，安裝cocoapods的命令如下：

sudo gem install -n /usr/local/bin cocoapods --pre 

pod setup

之后，可以使用pod命令，這個(gè)命令的功能可以這樣查看：

pod --help

再比如，搜索qmui這個(gè)第三方庫(kù)：

pod search QMUIKit

可看到這樣的輸出，注意下圖紅框內(nèi)的命令在后續(xù)介紹中會(huì)使用到：

（1）新建項(xiàng)目，引入qmui

這里用cocoapods來引入qmui項(xiàng)目。

在業(yè)務(wù)項(xiàng)目（這里是演示項(xiàng)目）中，創(chuàng)建一個(gè)Podfile文件，并加入如下內(nèi)容：

platform:ios,'8.0'
target 'ZhiYin' do

pod 'QMUIKit', '~> 2.7.6'

end

截圖如下：

然后在Podfile所在目錄，在命令終端執(zhí)行：

pod install

成功執(zhí)行這個(gè)命令后，在演示項(xiàng)目所在目錄，會(huì)生成一個(gè)Pods文件夾，如下圖：

這時(shí)，雙擊ZhiYin.xcworkspace，打開項(xiàng)目，在xcode的項(xiàng)目導(dǎo)航頁，可以看到多了一個(gè)Pods項(xiàng)目，這個(gè)項(xiàng)目就是管理所有第三方庫(kù)的容器，如下圖：

至此，qmuikit庫(kù)已經(jīng)導(dǎo)入演示項(xiàng)目，可以使用了。

這是通過cocoapod使用qmui的一種方式，讀者當(dāng)然也可以直接把qmui拉入業(yè)務(wù)項(xiàng)目來使用。

（2）使用qmui的功能

比如下面的截圖，在加載APP時(shí)，使用了qmui的功能：

運(yùn)行效果是這樣的：

關(guān)于如何進(jìn)行iOS界面中框架QMUIKit的使用就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，可以學(xué)到更多知識(shí)。如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到。