iOS 组件化开发(三):加载资源文件

经过前两篇文章的学习,相信对组件化开发有了大致的了解,那我们这篇文章就来讲讲资源文件的加载吧

这里我新建了一个LXFMain组件库,主要是用来显示TabBar的玩意,然后再进行组件化抽离出来,其中的过程这里不再赘述,还没了解过的同学建议先阅读下这两篇文章吧 iOS 组件化开发(一):远程私有库的基本使用 iOS 组件化开发(二):远程私有库的更新与子库

这里跟之前不一样的地方在于多了图片资源,组件的核心代码放在Classes文件夹中,而图片我们则存放于Assets目录下,如图所示

存放位置

一、修改Spec

将关于资源加载的注释去掉

s.resource_bundles = {
 # 'LXFMain' => ['LXFMain/Assets/*.png']
 'LXFMain' => ['LXFMain/Assets/*']
}

回到LXFMain的模板库,我们进行一次本地的安装和测试(pod install)

可以看到,图片资源也安装进来了,但是运行的效果如下图,图片并不能成功加载出来

没有图标

二、修改加载资源代码

这是当前加载图片的相关代码

[UIImage imageNamed:@"图片名称"];

show in finder

右击显示包内容

LXFMain.framework

图片就在这个LXFMain.bundle里面(这里就不截图看了),这里主要是让大家对这个目录结构有个了解

我们对imageNamed进行跳转到定义操作

imageNamed

// load from main bundle

可以看到,官方注释着imageNamed加载的是main bundle中的资源,mainBundle的位置如下图

mainBundle

这样当然就无法加载到图片啦,我们需要让它加载自己当前所在bundle里的图片 ,所以加载图片的代码需要进行修改

NSString *normalImgName = @"个人@2x.png";
NSBundle *curBundle = [NSBundle bundleForClass:self.class]; // 获取当前bundle
NSString *normalImgPath = [curBundle pathForResource:normalImgName ofType:nil inDirectory:@"LXFMain.bundle"];
UIImage *normalImage = [UIImage imageWithContentsOfFile:normalImgPath];

但是直接写LXFMain.bundle并不好,不可控,所以还需要改进一下:

NSString *normalImgName = [NSString stringWithFormat:@"%@@2x.png", normalImg];
NSBundle *curBundle = [NSBundle bundleForClass:self.class];
//  *********** 重点 ***********   //
NSString *curBundleName = curBundle.infoDictionary[@"CFBundleName"];
NSString *curBundleDirectory = [NSString stringWithFormat:@"%@.bundle", curBundleName];
NSString *normalImgPath = [curBundle pathForResource:normalImgName ofType:nil inDirectory:curBundleDirectory];
//  ***************************   //
UIImage *normalImage = [UIImage imageWithContentsOfFile:normalImgPath];

成功加载

三、聊聊xib

Xib的加载也是如此

NSBundle *curBundle = [NSBundle bundleForClass:self.class];
LXFCenterView *centerView = (LXFCenterView *)[curBundle loadNibNamed:@"LXFCenterView" owner:nil options:nil].firstObject;
centerView.frame = CGRectMake(30, 140, 200, 100);
[self.view addSubview:centerView];

不过xib中值得一提的是,如果是直接在xib中拖入一个imageView控件来设置图片的加载,我们则需要在图片名字前加上当前bundle名称

LXFMain.bundle/个人

这里除了当前xib要加载的图片不属于mainBundle这个原因之外,还有一点就是xib文件与bundle存放位置属于同一级别,故直接使用相对路径的方式,在图片名字前加上bundle名称即可。

同一目录级别

xib上的操作

虽然无法在xib上直接看到效果,不过确实是有效的

xib成功显示图片

四、遇到的小问题

[!] Unable to find a pod with name, author, summary, or description matching `lxfmain`

我做完一切操作后发现搜索报上面那个错,解决方案是删除本地索引文件,然后再搜索一遍,系统会自动帮你再生成一切本地索引文件,然后就搞定了~

rm -rf ~/Library/Caches/CocoaPods/search_index.json 
pod search lxfmain

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏Hongten

python开发_tkinter_自己做的猜数字小程序

读到这篇文章[python 3.3下结合tkinter做的猜数字程序]的时候,就复制了代码,在自己机器上面跑了一下

641
来自专栏python学习之旅

python appium笔记(二):元素定位

#这里的示例是用android来说明的,xpath应该是通用的,resource-id不太清楚,没配过IOS的环境

991
来自专栏破晓之歌

完全媲美sublime的编辑器-Atom 原

前端可视化插件神器,配合谷歌浏览器一起使用。本质是监控文件修改,实时刷新浏览器,需要安装livereload插件和node.js插件,全局刷新

1233
来自专栏DannyHoo的专栏

iOS开发中去掉navigationBar下方的横线

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/u010105969/article/details/...

713
来自专栏移动端开发

Swift 2.0 UIAlertView 和 UIActionSheet 的使用

 在 IOS 9.0 之后, UIAlertView  是 给废弃了的,虽然你要使用的话,暂时还是可以的,但是在 9.0 之后,IOS 推荐大家使用的是  UI...

1919
来自专栏针针小站

【Soft】Sublime Text 3 Build 3143 可用License 以及 汉化Package

883
来自专栏DannyHoo的专栏

改变视图的位置和大小

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/u010105969/article/details/...

643
来自专栏技术博文

sublime text2快捷键的使用

1. 文件快速导航:  这是sublime上面很好用的功能之一, ctrl+p可以调出窗口,菜单上的解释是gotoanythings ,确实如其所言,调出窗口后...

3006
来自专栏贾鹏辉的技术专栏@CrazyCodeBoy

React Native 混合开发(iOS篇)

在React Native的应用场景中,有时候一个APP只有部分页面是由React Native实现的,比如:我们常用的携程App,它的首页下的很多模块都是由R...

1385
来自专栏维C果糖

详述使用 IntelliJ IDEA 解决 jar 包冲突的问题

在实际的 Maven 项目开发中,由于项目引入的依赖过多,遇到 jar 冲突算是一个很常见的问题了。在本文中,我们就一起来看看,如何使用 IntelliJ ID...

5116

扫码关注云+社区