1.2 UI基础-九宫格、封装、懒加载

知识点

  • init方法内部会自动调用initWithFrame:方法

    - (instancetype)initWithFrame:(CGRect)frame
    
  • layoutSubviews

    • 1.这个方法专门用来布局子控件,一般在这里设置子控件的frame
    • 2.当控件本身的尺寸发送改变的时候,系统会自动调用这个方
        - (void)layoutSubviews{
            // 一定要调用super的layoutSubviews
            [super layoutSubviews];
        }
    

九宫格案例

  • 1.定义模型VHShop

    • 创建属性
    • 创建字典转模型方法
      • 类方法
      • 对象方法
        - (instancetype)initWithDict:(NSDictionary *)dict
        {
            if (self = [super init]) {
                self.name = dict[@"name"];
                self.icon = dict[@"icon"];
            }
            return self;
        }
    
        + (instancetype)shopWithDict:(NSDictionary *)dict
        {
            return [[self alloc] initWithDict:dict];
        }
    
  • 2.自定义View VHShopView

    • 创建VHShop模型
    • 创建开始初始化类方法 shopView
    • 创建子控件,懒加载
    • layoutSubviews设置子控件位置大小
    • 重写VHShop模型的set方法,用于设置子控件的值
  • 3.加载数据模型

    // 加载plist数据(比较大)
    // 懒加载:用到时再去加载,而且也只加载一次
    - (NSArray *)shops
    {
        if (_shops == nil) {
            // 1、加载一个字典数组
            NSArray *dictArray = [NSArray arrayWithContentsOfFile:[[NSBundle mainBundle] pathForResource:@"shops" ofType:@"plist"]];
            //2、字典数组转模型数组
            NSMutableArray *shopArray = [NSMutableArray array];
            for (NSDictionary *dict in dictArray) {
                XMGShop *shop = [XMGShop shopWithDict:dict];
                [shopArray addObject:shop];
            }
            //3.赋值
            _shops = shopArray;
        }
        return _shops;
    }
    
  • 4.动态新增添加按钮删除按钮

  • 5.创建商品添加方法删除方法

    • 利用控件的索引index计算出控件所在的行号和列号
    • 利用列号计算控件的x值
    • 用用行号计算控件的y值
    • 九宫格核心排列代码
      // 商品的索引
      NSUInteger index = self.shopsView.subviews.count;
      // 给商品控件传递商品模型
      shopView.shop = self.shops[index];
      
      // 商品的x值
      NSUInteger col = index % cols;
      CGFloat shopX = col * (shopW + colMargin);
      
      // 商品的y值
      NSUInteger row = index / cols;
      CGFloat shopY = row * (shopH + rowMargin);
      
    • 移除子控件
      [[self.shopsView.subviews lastObject] removeFromSuperview];
      
  • 6.检查状态(按钮状态、HUD状态)

    • 设置定时任务

      • 方法一:perfoemSelector
      // 1.5s后自动调用self的hideHUD方法
      

[self performSelector:@selector(hideHUD) withObject:nil afterDelay:1.5];
```
- 方法二:GCD

    ```objc
    dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(1.5 * NSEC_PER_SEC)), dispatch_get_main_queue(), ^{
// 1.5s后自动执行这个block里面的代码
self.hud.alpha = 0.0;

});
```
- 方法三 :NSTimer

    ```objc
    // 1.5s后自动调用self的hideHUD方法

[NSTimer scheduledTimerWithTimeInterval:1.5 target:self selector:@selector(hideHUD) userInfo:nil repeats:NO];
// repeats如果为YES,意味着每隔1.5s都会调用一次self的hidHUD方法
```

一个控件看不见有哪些可能?

  • 宽度或者高度其实为0
  • 位置不对(比如是个负数或者超大的数,已经超出屏幕)
  • hidden == YES
  • alpha <= 0.01
  • 没有设置背景色、没有设置内容
  • 可能是文字颜色和背景色一样

错误

今天写了加载图片,默认图片写的是[UIImage imageNamed:@""],之后就报下面的错误

 DemoShopView[5776:482951] CUICatalog: Invalid asset name supplied: (null)

这个提示的意思是说你用了这个方法

[UIImage imageNamed:name];但是这个name却是空的,所以就报了这个错了。
解决方法,在项目中搜索UIImage imageNamed:,然后打印看看所谓的name是否为空。找到后替换。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 206,723评论 6 481
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 88,485评论 2 382
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 152,998评论 0 344
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 55,323评论 1 279
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 64,355评论 5 374
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,079评论 1 285
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,389评论 3 400
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,019评论 0 259
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 43,519评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,971评论 2 325
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,100评论 1 333
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,738评论 4 324
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,293评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,289评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,517评论 1 262
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,547评论 2 354
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,834评论 2 345

推荐阅读更多精彩内容

  • 1、加载plist文件 文件名不为 info.plist 接下来通过代码来解析Plist文件中的数据获得Plist...
    居敬持志阅读 417评论 1 3
  • 掌握 UIView的常见属性和方法 九宫格计算方法 字典转模型 Xib的使用 自定义view(view的封装) 简...
    JonesCxy阅读 1,335评论 1 3
  • Li文/马文涛(简书作者) 原文链接:http://www.jianshu.com/p/a86300ec106c ...
    songtaste阅读 439评论 0 6
  • UI Basic Note UIView的常用方法 获取父/子控件@property(nonatomic,read...
    马文涛阅读 1,741评论 3 16
  • 一个月 又过去了 总想捉住时间干他一轮 当你自以为成功的时候 他一个转身让你扑空 一个月 又过去了
    刘莎阅读 288评论 2 4