前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >两种通过Plist加载图片的方法及问题,九宫格的算法,字典转模型1. 序列帧动画实现2. 图片浏览器-两种加载plist的方式3. 图片浏览器-内存问题4 MVC简单介绍和类前缀5 应用管理-两种加载

两种通过Plist加载图片的方法及问题,九宫格的算法,字典转模型1. 序列帧动画实现2. 图片浏览器-两种加载plist的方式3. 图片浏览器-内存问题4 MVC简单介绍和类前缀5 应用管理-两种加载

作者头像
stanbai
发布2018-06-28 12:28:38
8060
发布2018-06-28 12:28:38
举报
文章被收录于专栏:非典型技术宅非典型技术宅

1. 序列帧动画实现

  1. 1方式1:
代码语言:javascript
复制
[UIImage animatedImageWithImages:**动画图片数组** duration:**持续时间**]; // 可以获取一个能做动画的UIImage对象"gif图片"
  1. 2 方式2:
代码语言:javascript
复制
self.imageView.animationImages = array; // 装图片的数组(需要做动画的图片数组)

self.imageView.animationDuration = 2; // 动画时间

self.imageView.animationRepeatCount = 1; // 重复次数 0 表示重复 

[self.imageView startAnimating]; // 开始序列帧动画

2. 图片浏览器-两种加载plist的方式

  1. 1方式1,通过文件路径加载(本地)
代码语言:javascript
复制
NSString *path = [[NSBundle mainBundle] pathForResource:@"images.plist" ofType:nil];

NSArray *images = [NSArray arrayWithContentsOfFile:path];
  1. 2方法2,通过文件 URL 加载(本地/网络)统一资源定位符
代码语言:javascript
复制
- NSURL *url = [[NSBundle mainBundle] URLForResource:@"images.plist" withExtension:nil];

- NSArray *images = [NSArray arrayWithContentsOfURL:url];

3. 图片浏览器-内存问题

3.1 加载图片的两种方法

  1. 1.1 通过imageNamed方法
  • 系统会进行缓存,程序员无法销毁.
  • 加载图片时图片最好就直接放在Assets文件中
代码语言:javascript
复制
self.imageView.image = [UIImage imageNamed:@"image文件名"];

  1. 1.2通过imageWithContentsOfFile方法
  • 建立的图片,使用完成之后,会自动被释放.
  • 用路径方式去加载图片时图片不能放在Assets中,因为放在Assets文件中的图片编译后会被打包成.car文件
代码语言:javascript
复制
[UIImage imageWithContentsOfFile:<#(nonnull NSString *)#>];

3.2 如何选择加载图片方式:

  • 常用的图片,(小的按钮/背景)素材,放在 Assets 中,使用 imageNamed 加载,性能高
  • 临时使用的图片,放在项目的Supporting Files文件夹下,获取图片文件后,使用 imageWithContentsOfFile 加载,使用完成立即释放!

4 MVC简单介绍和类前缀

  • 模型 : 数据
  • 视图 : 负责显示
  • 控制器 : 处理逻辑,如跳转界面
  • 类前缀苹果推荐使用三个或三个以上字母,防止重名

5 应用管理-两种加载xib的方式

从 NSBundle加载XIB,只需要在第一个参数传入 XIB 的文件名,注意:没有扩展名

  • 方法1,iOS 3.0 的方法
代码语言:javascript
复制
 UIView *appView = [[NSBundle mainBundle] loadNibNamed:@"CZAppView" owner:nil options:nil].lastObject;
  • 方法2,iOS 4.0 的方法,做了内存优化"如果内存紧张"内存警告,可以自动释放,如果有需要会重新自动加载""
代码语言:javascript
复制
//第一个参数:XIB的名字
//第二个参数:Bundle 名,如果传入 nil,会自动从 mainBundle 获取
UINib *nib = [UINib nibWithNibName:@"CZAppView" bundle:nil];

//第一个、第二个参数,老师没有讲,说自己从来没有用过。就写nil。
 UIView *appView = [nib instantiateWithOwner:nil options:nil].lastObject;

6-应用管理-管理XIB的类

管理xib的类一般做两个事件

  1. 把加载xib的实现细节封装在此类中
  2. 把子控件设置数据的代码也封装在此类的内部,不要放在外面
代码语言:javascript
复制
#import <UIKit/UIKit.h>

@class HMApp;

@interface HMAppView : UIView

// 定义一个属性用来接收数据

@property (nonatomic, strong) HMApp *app;

// 创建appView

+ (instancetype)appView;

@end
  • 在自定义View中,新建类方法返回自己的实例,然后加载xib.
  • MVC中V负责显示,C只需要拿到这个视图,至于这个视图是怎么来的,C不需要关心.

7 应用管理-九宫格布局

代码语言:javascript
复制
    // 定义格子的宽和高

    NSInteger appW = 100;

    NSInteger appH = 120;

    // 定义格子的总数量

    NSInteger countOfApps = 80;

    // 定义一行有几个格子

    NSInteger numberOfCol = 3;

    // 定义左边距、右边距、顶部间距

    NSInteger marginOfLeft = 10;

    NSInteger marginOfRight = 10;

    NSInteger marginOfTop = 30;

    // 格子之间的间距  视图总宽度-左边距-右边距-(格子宽*一行有几个) / (一行有几个 减 1)

    NSInteger marginOfApp = (self.view.bounds.size.width - marginOfLeft - marginOfRight - (appW * numberOfCol)) / (numberOfCol - 1);

    

//    开始循环布局

    for (NSInteger i = 0; i < countOfApps; i++) {

        

    //计算列号 第几个格子的索引 % 每行的个数

        NSUInteger col = i % numberOfCol;

    // 计算X = 左边间距 + (格子的宽 + 格子之间的间距) * 列号

        CGFloat appX = marginOfLeft + (appW + marginOfApp)*col;

    //计算行号 行号 = i / 列数

        NSUInteger row = i / numberOfCol;

    // 计算格子的Y = 顶部间距 + (格子的高 + 格子之间间距) * 行号

        CGFloat appY = marginOfTop + (appH + marginOfApp)*row;

    

        // 建立UIView

        GMAppView *xib = [GMAppView GMAppView];

        xib.appInfo = _appData[i];

    //设置frame

        xib.frame = CGRectMake(appX, appY, appW, appH);

    //把appView添加到控制器的view上

        [self.view addSubview:xib];

    }

8 字典转模型+MVC

8.1 字典转模型的原因

  • 直接通过字典的键名获取plist中的数据信息,需要直接和数据打交道,如果需要多次使用可能会因为不小心把键名写错,而程序并不报错。鉴于此,可以考虑把字典数据转换成一个模型,把数据封装到一个模型中去,让viewController不再直接和数据打交道,而是和模型交互。
  • 一般情况下,设置数据和取出数据都使用“字符串类型的key”,编写这些key时,编辑器没有智能提示,需要手敲。如:
代码语言:javascript
复制
dict[@"name"] = @"Jack";NSString *name = dict[@"name"];```

##8.2 字典转模型的流程

![](http://upload-images.jianshu.io/upload_images/2248583-c479385a9d8363d9.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

##8.3 注意点

模型应该提供一个可以传入字典参数的构造方法

**同时,还要提供读取Plist,并转为数组的方法**

-(instancetype)initWithDict:(NSDictionary *)dict;

+(instancetype)xxxWithDict:(NSDictionary *)dict;

  • (NSArray *)loadPlist;

//方法实现

  • (instancetype)initWithDict:(NSDictionary *)dictionary{ if (self = [super init]) { GMModel *appData = [GMModel new]; [appData setValuesForKeysWithDictionary:dictionary]; return appData; } return self;

}

  • (instancetype)GModelWithDict:(NSDictionary *)dictionary{
代码语言:javascript
复制
return [[self alloc]initWithDict:dictionary];

}

/**

return a array from Plist

@return NSArray

*/

  • (NSArray *)loadPlist{

// 获取plist文件的NSURL

代码语言:javascript
复制
NSURL * plistUrl = [[NSBundle mainBundle] URLForResource:@"apps.plist" withExtension:nil];

// 通过Plist 的URL读出文件中的array。

代码语言:javascript
复制
NSArray * array = [NSArray arrayWithContentsOfURL:plistUrl];

NSMutableArray * arrayM = [NSMutableArray array];

// plist中的数组中存放的是一个一个字典,因此遍历数组中的字典。把遍历出来的字典添加入可变数组。

代码语言:javascript
复制
for (NSDictionary * dict in array) {

    GMModel * temp = [GMModel modelWithDict:dict];

    [arrayM addObject:temp];

}

return arrayM;

}

代码语言:javascript
复制
提示:在模型中合理地使用只读属性,可以进一步降低代码的耦合度。

声明属性

@property (nonatomic, copy) NSString *name;@property (nonatomic, copy) NSString *icon;

// 图像,定义属性时,会生成getter&setter方法,还会生成一个带下划线的成员变量// 如果是readonly属性,只会生成getter方法,同时没有成员变量@property (nonatomic, strong, readonly) UIImage *image;

代码语言:javascript
复制
### 8.3.1 作为模型

- 有和字典一样的属性

- 有一个根据字典返回自己的方法 (类方法、对象方法两种)

- 加载plist并转为数组的方法

### 8.3.2 作为view

- 有一个返回自己的实例的方法(至于怎么创建的 无所谓) 

- 在.h 里面有一个用来接收模型类型的属性

- 在.m 里面应该有需要显示值的子控件

- 重写set模型的方法,先模拟系统的_xx=xx,把数据放在子控件当中

### 8.3.3 作为controller

- 解析数据,注意转化成模型.步骤(路径,解析临时数组,创建可变数组,遍历获取字典,字典转模型,把模型添加到可变数组中,返回).

- 根据view提供的方法添加到视图上(c不关心view具体是如何创建的),并且,把解析的模型数据复制给view.h里面用来接收模型类型的属性
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2016.11.02 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 1. 序列帧动画实现
  • 2. 图片浏览器-两种加载plist的方式
  • 3. 图片浏览器-内存问题
    • 3.1 加载图片的两种方法
      • 3.2 如何选择加载图片方式:
      • 4 MVC简单介绍和类前缀
      • 5 应用管理-两种加载xib的方式
      • 6-应用管理-管理XIB的类
      • 7 应用管理-九宫格布局
      • 8 字典转模型+MVC
        • 8.1 字典转模型的原因
        领券
        问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档