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

读者可以尝试运行以上项目来检验一下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的更多具体优势(包括机型适配、样式配置等),读者可以在具体使用时去理解与应用。

原文地址:https://www.cnblogs.com/freeself/p/10376482.html

时间: 2024-11-08 21:28:11

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

iOS开发项目篇—25字典转模型第三方框架、运行时机制简介

iOS开发项目篇—25字典转模型第三方框架.运行时机制简介 一.使用第三方框架完成字典转模型 1.获取框架 在www.code4app.com网站中,搜索字典转模型 可以点击下载代码进行下载,也可以带github上去下载. 管理框架的好处:点击刷新按钮会刷新所有的项目. 2.使用 1.导入第三方框架 2.使用示例 错误提示: 在刷新的时候直接使用一行代码即可: 1 /**加载最新微博数据*/ 2 -(void)loadNewStatus 3 { 4 //1.获得请求管理者 5 AFHTTPReq

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

iOS之UI--主流框架的搭建-- 仿制QQ的UI框架 使用XCode搭建多个控制器界面,一般在实际开发中建议超过四个控制器界面使用纯代码. 下面的实例其实已经超过了四个,总结详细步骤的目的,主要是更熟悉XCode的StoryBoard使用细节. 先直接上我们这个主流框架要达到的效果: 首先我们需要设置应用程序的图标: 素材百度云链接: http://pan.baidu.com/s/1dEqz7Vj 密码: g34e 然后是设定应用程序启动界面的素材百度云链接: http://pan.baidu

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

问题分析: 一般第三方ui框架用的都是不同的适配方式,如果我们使用了vw适配,那么在使用mint-ui框架时,就会发现px单位会被转换成vw,从而导致样式变小的问题,如图 解决方案 网上看到了很多种解决方案,这里推荐第四种 1.重写第三方组件ui样式大小 2.在postcss.config.js中的selectorBlackList选项中增加不需要vw转换的类名 selectorBlackList: ['.ignore', '.hairlines'], // (Array) The select

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

集成进第三方的UI框架其实很简单 这里把vant-weapp的dist目录重命名为vant-weapp放在项目根目录的static文件夹下: 在src文件夹下,即我们写vue代码的位置,正在编写的页面中添加main.json文件(vue代码编译成小程序代码时会直接使用这个文件) { "usingComponents": { "van-button": "/static/vant-weapp/button/index" //这个路径是指根目录下st

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

UI是User Interface的缩写,通常被认为是MVC中View的部分,作用是提供跟人机交互的可视化操作界面.MVC中Model提供内容给UI进行渲染,用户通过UI框架产生响应,一般而言会由控制层调用业务逻辑进行处理,并把处理结果以Model方式返回View,再次渲染.UI框架的大致过程就是如此,按实现方式可以分为RIA和瘦客户端方式,目前基于B/S的瘦客户端方式比较流行.UI框架套路上很简单,但是想要做好可就不容易了.目前基于MVC的框架灿若繁星,不客气的说是个软件公司就有自己的技术框架

iOS开发——实用篇&Swift与Object-C混编之框架

swift与OC混编之框架的创建和调用 首先创建一个project取个名字叫“MyMixed”,选择iOS-framework&library-cocoa touch framework 然后在里面创建一个SwiftView.swift文件,一个objc的OCView文件和MyOCView文件三个文件都继承UIView 首先在SwiftView里调用OCView 1 import UIKit 2 3 4 5 class SwiftView: UIView { 6 7 8 9 init(frame

【iOS开发】关于图片加载的第三方框架SDWebImage的使用

SDWebImage是一个第三方框架,用于加载网络图片,还有其他一些好的功能 使用步骤 下载地址 https://github.com/rs/SDWebImage 下载以后解压,解压以后是下图 然后将文件中的SDWebImage文件夹拖到项目中,然后在项目中使用 使用框架 #import "SDWebImage/UIImageView+WebCache.h"//引入头文件 -(UITableViewCell *)tableView:(UITableView *)tableView ce

iOS开发>学无止境 - AKTabBarController:类似微信的第三方库

自从有了评论之后,就可以很方便的和大家交流.以前都是我一个人默默的发文章,看不出大家对文章的看法.评论开通之后,就可以很快速的获取大家对文章的看法. 有人会指出文章里有错误的地方,真的很感激他们,非常的认真:有人会对文章说出自己的见解,加深自己的印象,同时,也能帮助到其他的朋友:有人也会在评论里,提出一些问题,但是鉴于评论的字数限制,只能简单的回答一下. 在昨天的文章评论里面,有一个朋友提出了一个问题,关于微信导航栏的. 问题分析和解答 问: 自定义导航栏怎么写?就像微信那样,tabBar的四个

iOS 10越狱和Reveal 7分析三方App UI框架教程

前言 这是一篇写给开发者的博客,如果碰巧非开发者搜到了这篇博客,那么博客的内容可能不适合你. 其实网上Reveal的教程很多,但是很多都是停留在Reveal 1或者Reveal 2时代的博客,不太适合最新版本的Reveal 7,所以还是决定写这样一篇文章. 本文最终的效果: 淘宝首页: 可以看到,淘宝首页其实就是一个巨大的CollectionView 京东首页: 可以看到,京东首页其实就是一个巨大的TableView 越狱 准备工作: 一台待越狱的设备(10.3系统以下),最好用测试机或者淘汰下