韦德国际bv1946_www.bv1946com_韦德国际1946手机版
做最好的网站

怎么实现组件化

日期:2020-04-07编辑作者:韦德国际bv1946计算机

本片文章主要讲解我们项目中为什么要组件化 组件化的好处 怎么使用组件化 怎么实现组件化

  • 随着项目的更新迭代 项目代码越来越复杂 每个模块之间相互依赖 更改一处代码 有可能要更改跟这段代码耦合度非常高的多处代码 导致增加了我们的开发时间 增加了不必要的麻烦
  • 使用组件化 可以把业务模块 共同的功能性代码和基础代码 分离出来 单独管理 每个开发人员只负责维护自己的模块就可以了 不仅节省了开发周期 还大大降低了维护成本

就好比封装控件,复杂的控件一般都会封装,组件化只不过是把每个模块单独抽出来,作为一个小工程,然后在组成一个一个完整的项目

  • 在项目当中我们使用Cocoapod来管理我们的组件化开发
  1. 打开终端 创建一个XXX项目工程cd 到一个文件跟目录下
pod lib create xxx
  1. 配置下工程信息图片 1Snip20180402_7.png
  2. 工程配置完成 我们把我们需要的项目组件拖入到我们工程的Classes文件中 然后 cd 进入到Example 文件中 pod install 安装下我们的组件

    图片 2Snip20180402_9.png

为什么要pod install,因为不重新pod install Example工程根本不知道Pod更新了,pod install的作用:重新让pod库与所依赖的工程文件产生关联打开 Example 文件中的项目 Command B 一下 如果没有问题 就说明集成成功

  1. 配置描述文件 podspec这里需要重点说一下 podspec 文件 podspec : 描述自己组件工程的代码目录和资源目录在哪,还有自己组件工程所依赖其他框架,到时候就会根据podspec的指引去引入自己的仓库代码
// 创建pod索引库,固定写法,并且定义索引库的名字为s,后续通过s,就能拿到索引库 Pod::Spec.new do |s| // 设置名称 s.name = "tcggMain" // 设置版本号 s.version = "0.0.1" // 设置摘要 s.summary = "A short description of tcggMain." // 设置详情 s.description = "Good" // 设置仓库主页 s.homepage = "http://xxxx/xxxx" // 设置许可证 s.license = "MIT" // 设置作者 s.author = { "iThinkerYZ" => "xxxx@qq.com" } // 设置仓库源,表示在哪可以找到组件工程 s.source = { :git => "xxxxx", :tag => "#{s.version}" } // 设置 源文件路径 => 不是整个工程的文件,而是自己封装的代码,以后别的工程引入,就会引入这里的代码。 s.source_files = "tcggMain/Classes/**/*.{h,m}" // s.dependency = '' 组件工程依赖哪些第三方框架 // s.frameworks = 'UIKit', 'MapKit' 组件工程依赖哪些原生框架 // s.resource_bundles = {} 组件工程图片资源 end

PodSpec

  1. 本地组件配置完成之后 就需要把本地的组件上传的远程私有仓库( 上传的代码就不贴出来了 网上有很多 )

注意点push 远程仓库的时候 一定要打tag 并且tag的版本号要跟Spec文件中 s.version 的版本号一致 因为cocoapods是根据代码仓库的tag,去下载对应tag的远程代码库的

6.在本地Cocoapods索引库中创建我们私有组件的索引库文件

pod repo add 私有组件名称 索引库远程地址pod repo add TcggBase https://git.coding.net/XUser/TccBase.git

如果不想使用命令行输入的话 我们也可以手动创建-- 找到本地的cocoapods 的地址 在 repos 文件中创建一个 TcggBase 文件

图片 3Snip20180402_14.png

  1. 把自己私有库的索引添加到自己私有库中
pod repo push 索引库名称 当前组件中podspec文件全称pod repo push TcggBase TcggBase.podspec --allow-warnings

本地索引库就会有自己的私有库,并且远程也会有,pod repo push 会帮我们推送到远程索引库

图片 4Snip20180402_15.png

打开本地cocoapods中自己的私有库索引地址 发现里面已经有了 我们自己的私有库索引 0.1.0 是我们的版本号 cocoapod 会根据Spec文件中的tag 创建相对应的文件名称

如果 Push 中出现的错误 我们也可以手动去上传在cocoapods 本地索引库中 找到我们自己创建的索引库 在我们自己创建的索引库中 我们手动创建我们跟当前Spec文件中 描述的版本号相符的文件 文件名字就是我们当前组件的版本号 在把我们自己组件中的Spec文件复制 拷贝到当前的文件中去 就行了

使用自己的私有索引仓库

Podfile 文件中 添加两个 source 一个是cocoapods 公有的索引库源 一个是我们自己的索引库源 然后我们在pod 'xxx' pod install 就可以了

图片 5Snip20180402_17.png

  • 只需要把最新的版本代码绑定tag,更新Podspec文件,重新上传到版本索引库就好了
pod repo push xxxx xxxx.podspec --allow-warnings 
  • 工程文件在使用的时候,使用pod update 就能加载最新版本组件代码.
pod update --no-repo-update

1.根据Podfile描述,找到对应代码库的描述文件podspec2.podspec中描述,去哪才能找到代码库,并且找到之后,需要拷贝哪些文件(s.source_files)到自己的工程中。

加载XIB文件报错

图片 602576880-5A64-4125-AD02-2D6639931103.png

回到代码查看一下,原来加载XIB的方式如下

图片 7BC46FF90-7496-4DB7-86D0-BD080AF2AB9C.png

显然通过加载上面的bundle的方式加载不到XIB,需要重新设置budle的路径,修改如下:

图片 855D1EFCD-B138-4AF9-B5BB-DD8F7878BFB1.png

图片资源加载问题

把组件中需要的图片存放到Assets

图片 94A887AAA-B538-464B-A71E-5E6E8DBAD536.png

需要修改.podspec文件,打开资源的加载路径,然后执行pod install。然后会发现多了一个Resource的资源文件夹

图片 10FD4D7ECF-48C2-47BE-BBF6-9C708C6B0B70.png

需要改变图片的加载方式

图片 1194BC756A-0218-4662-BB14-5FEC4FC9E532.png

说明:必须指明图片的全名和图片所在bundle的包名因为涉及到@2x,@3x图片这里不能写成固定的,应该按照scale来设置

图片 1202A9C836-51EF-4CC4-A26D-F346904B8717.png

因为之前设置图片的方式都需要修改,上面修改图片加载方式的代码在很多地方都会用到,所以最好的做法就是抽取一个工具方法

  (instancetype)ff_imagePathWithName:(NSString *)imageName bundle:(NSString *)bundle targetClass:targetClass{ NSInteger scale = [[UIScreen mainScreen] scale]; NSBundle *currentBundle = [NSBundle bundleForClass:targetClass]; NSString *name = [NSString stringWithFormat:@"%@@%zdx",imageName,scale]; NSString *dir = [NSString stringWithFormat:@"%@.bundle",bundle]; NSString *path = [currentBundle pathForResource:name ofType:@"png" inDirectory:dir]; return path ? [UIImage imageWithContentsOfFile:path] : nil;}
修改字体

将字体相关文件也拖入到Assets文件夹下,然后修改一下podspec文件。最后执行pod install把字体资源pod进来。接着在原来设置字体的地方做相应的修改,和修改图片资源路径的方式相似

 _categoryLabel = [[UILabel alloc]init]; NSBundle *currentBundle = [NSBundle bundleForClass:[self class]]; NSString *path = [currentBundle pathForResource:@"CODE BOLD.OTF" ofType:nil inDirectory:@"FFSpecialKit”]; [_categoryLabel text:nil textColor:kHexColor_c7a762 fontSize:FONT_SIZE_14 fontName:path];
下一篇

组件化之间的通讯

本文由韦德国际bv1946手机版发布于韦德国际bv1946计算机,转载请注明出处:怎么实现组件化

关键词: iOS 组件 实战篇

可以在单例这里直接设置属性

最新!!! 有人反映使用有问题,换了一种实现方式,修改如下。 集成过高德地图的筒子们应该都清楚,创建地图内...

详细>>

通过检查比2.0更大的值来检测强烈的摇动

一、概念 加速计和陀螺仪是通过CoreMotion框架访问的。此框架提供了CMMotionManager等类,该类提供的所有数据都用来描述...

详细>>

理解运行期环境中各个部分协同工作的原理

OC是面向对象的变成语言,“对象”就是“基本构造单元”。而对象之间传递数据并执行任务的过程,就是“消息传递...

详细>>

iOS中常见的传感器

iOS中常见的传感器 一.距离传感器 监听方式:添加 观察者 ,监听 通知 通知名称: UIDeviceProximityStateDidChangeNotification 监听...

详细>>