对于移动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,这个项目运行起来的一个截图是这样的:

读者可以尝试运行以上项目来检验一下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 --pre
pod setup

之后,可以使用pod命令,这个命令的功能可以这样查看:

pod --help

再比如,搜索qmui这个第三方库:

pod search QMUIKit

可看到这样的输出,注意下图红框内的命令在后续介绍中会使用到:

(1)新建项目,引入qmui

这里用cocoapods来引入qmui项目。

在业务项目(这里是演示项目)中,创建一个Podfile文件,并加入如下内容:

platform:ios,'8.0'
target 'ZhiYin' do
pod 'QMUIKit', '~> 2.7.6'
end

截图如下:

然后在Podfile所在目录,在命令终端执行:

pod install

成功执行这个命令后,在演示项目所在目录,会生成一个Pods文件夹,如下图:

这时,双击ZhiYin.xcworkspace,打开项目,在xcode的项目导航页,可以看到多了一个Pods项目,这个项目就是管理所有第三方库的容器,如下图:

至此,qmuikit库已经导入演示项目,可以使用了。

这是通过cocoapod使用qmui的一种方式,读者当然也可以直接把qmui拉入业务项目来使用。

(2)使用qmui的功能

比如下面的截图,在加载APP时,使用了qmui的功能:

运行效果是这样的:


总结一下,本文介绍了iOS平台的一个界面框架即QMUIKit的安装与使用。对于qmui的更多具体优势(包括机型适配、样式配置等),读者可以在具体使用时去理解与应用。

iOS开发(0):框架QMUIKit的使用 | 使用第三方UI框架 | cocoapods的使用的更多相关文章

  1. vue项目中使用了vw适配方案,引入第三方ui框架mint-ui时,适配问题解决

    问题分析: 一般第三方ui框架用的都是不同的适配方式,如果我们使用了vw适配,那么在使用mint-ui框架时,就会发现px单位会被转换成vw,从而导致样式变小的问题,如图 解决方案 网上看到了很多种解 ...

  2. iOS开发:在Xcode中用Pods管理第三方库

    之前写了一篇 iOS开发:在Swift中调用oc库 ,今天记录一下如何用Pods的方式来管理第三方库,包括Swift/Object-C的库. 在这之前请先查阅Guides.CocoaPods如何使用的 ...

  3. iOS之UI--主流框架的搭建--仿制QQ的UI框架

    使用XCode搭建多个控制器界面,一般在实际开发中建议超过四个控制器界面使用纯代码. 下面的实例其实已经超过了四个,总结详细步骤的目的,主要是更熟悉XCode的StoryBoard使用细节. 先直接上 ...

  4. mpvue小程序开发之 集成第三方UI框架Vant Weapp UI

    集成进第三方的UI框架其实很简单 这里把vant-weapp的dist目录重命名为vant-weapp放在项目根目录的static文件夹下: 在src文件夹下,即我们写vue代码的位置,正在编写的页面 ...

  5. SpringCloud微服务实战——搭建企业级开发框架(四十八):【移动开发】整合uni-app搭建移动端快速开发框架-使用第三方UI框架

      uni-app默认使用uni-ui全端兼容的.高性能UI框架,在我们开发过程中可以满足大部分的需求了,并且如果是为了兼容性,还是强烈建议使用uni-ui作为UI框架使用.   如果作为初创公司,自 ...

  6. 《开源框架那些事儿22》:UI框架设计实战

    UI是User Interface的缩写.通常被觉得是MVC中View的部分,作用是提供跟人机交互的可视化操作界面. MVC中Model提供内容给UI进行渲染,用户通过UI框架产生响应,一般而言会由控 ...

  7. iOS开发中遇到的错误整理 - 集成第三方框架时,编译后XXX头文件找不到

    iOS编译报错-XXX头文件找不到 错误出现的情况: 自己在继承第三方的SDK的时候,明明导入了头文件,但是系统报错,提示头文件找不到 解决方法 既然系统找不到,给他个具体路径,继续找去! 路径就填写 ...

  8. iOS开发常用的第三方类库

    在iOS开发中不可避免的会用到一些第三方类库,它们提供了很多实用的功能,使我们的开发变得更有效率:同时,也可以从它们的源代码中学习到很多有用的东西. Reachability 检测网络连接 用来检查网 ...

  9. 【转】iOS开发常用的第三方类库

    原文: http://blog.csdn.net/xiazailushang/article/details/9716043 在iOS开发中不可避免的会用到一些第三方类库,它们提供了很多实用的功能,使 ...

随机推荐

  1. 微信公众号的分享接口,分享提示config:fail,invalid signature的解决办法(2017年12月)

    微信中打开网页,使用微信右上角菜单中自带的分享功能的经历及总结: 最开始,微信分享页面时,直接读取页面的标题(title)和页面中的第一张符合条件的图片[此种方式在2017-03-29之前管用,这一天 ...

  2. CentOS 7 查询yum安装的软件及路径

    来源:CentOS 7 查询yum安装的软件及路径 先执行下面的命令,查看所有的已安装软件名称. rpm -qa 然后执行 rpm -ql 软件名称 就可以显示软件的安装路径.   [root@loc ...

  3. [Bat]如何彻底关闭每个盘符默认的共享$(即使重启也有效)

    Windows启动时都会默认打开admin$ ipc$ 和每个盘符的共享,对于不必要的默认共享,一般都会把它取消掉,可当又需要打开此默认共享时,又该从哪里设置呢,一般来说有两个地方,MSDOS命令和计 ...

  4. MySQL skip-character-set-client-handshake导致的一个字符集问题

    http://www.quweiji.com/mysql-skip-character-set-client-handshake%E5%AF%BC%E8%87%B4%E7%9A%84%E4%B8%80 ...

  5. Re:uxul

    Re: Unbelieveable eXperience of University Life

  6. Beta冲刺 (7/7)

    Part.1 开篇 队名:彳艮彳亍团队 组长博客:戳我进入 作业博客:班级博客本次作业的链接 Part.2 成员汇报 组员1:(组长)柯奇豪 过去两天完成了哪些任务 部分代码的整合 编辑文章部分的完成 ...

  7. EF6 学习笔记(一):Code First 方式生成数据库及初始化数据库实际操作

    EF6 学习笔记总目录:ASP.NET MVC5 及 EF6 学习笔记 - (目录整理) 本篇参考原文地址: Creating an Entity Framework Data Model 说明:学习 ...

  8. Codeforces Round #514 (Div. 2) B - Forgery

    这个题我一开始没思路,最后也没思路 2个小时一直没思路 本来还想解释题意的,写了半天发现解释的不是很清楚,你还是google翻译一下吧 这个题解法是这样的: 首先,给你图案里面有很多的点,每个点的周围 ...

  9. ssh整合详解

    http://www.cnblogs.com/tuhooo/p/6491906.html

  10. JVM自动内存管理机制——Java内存区域(下)

    一.虚拟机参数配置 在上一篇<Java自动内存管理机制——Java内存区域(上)>中介绍了有关的基础知识,这一篇主要是通过一些示例来了解有关虚拟机参数的配置. 1.Java堆参数设置 a) ...