IOS开发基础—qq表情排列重构

最新推荐文章于 2018-08-23 11:58:17 发布

dqw18037

最新推荐文章于 2018-08-23 11:58:17 发布

阅读量660

点赞数

分类专栏： IOS 文章标签： ios 方法

本文链接：https://blog.csdn.net/dqw18037/article/details/45575339

版权

IOS 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

作者声明

因跟人能力问题，文中不免有错误之处，欢迎各位读者交流，批评，指正！

摘要

在上文的基础上，重构“qq表情排列”，主要的原则就是：将公共代码提取到一个方法中，供其它方法调用，不同的地方通过传递参数来实现。主要包括添加表情代码和排序代码。

实例

viewController h代码

#import <UIKit/UIKit.h>

@interface ViewController : UIViewController

- (IBAction)sortImages:(UISegmentedControl *)sender;

#pragma mark 待改进1：是否可以通过其它方法将其省略？
// 仅仅是为了在加号的监听事件调用的方法中得到segment的值。
@property (weak, nonatomic) IBOutlet UISegmentedControl *segment;


@end

viewController m代码

//
//  ViewController.m
//  qq表情排序（按老师的思路重写一遍）
//
//  Created by dqw on 15/5/7.
//  Copyright (c) 2015年 itcast. All rights reserved.
//

#import "ViewController.h"

#define KImageWH 50 // 每个图片的长宽
#define No 10       // 初始化图片的个数。

@interface ViewController ()

@end



@implementation ViewController

#pragma mark 1. 在view加载完毕后加载图片。
- (void)viewDidLoad {

    [super viewDidLoad];

    // 加载图片。
    for (int i = 0; i < No; i++) {

        [self addImageWithNo:i AtIndex:i + 1 isInitial:YES];

    }

    // 加载后按2列排序。
    [self sortImagesWithCount:No InColumns:2];

}

#pragma mark 2. 定义加载单个图片方法
- (void)addImageWithNo:(int)imageNo AtIndex:(int)index isInitial:(BOOL)isInitial
{
    NSString *newImageName = [NSString stringWithFormat:@"%d.png",imageNo];

    UIImage *newImage = [UIImage imageNamed:newImageName];

    // 定义父类指针。
    UIView *newImageView;

#pragma mark 注意点1：最后一个是button类型。
    // 创建最后一个加号（button类型）
    if ((imageNo == (No -1)) && isInitial ) {

        newImageView = [[UIButton alloc]init];

#pragma mark 重点1：多态。
        // 多态，强制类型转换后才能调用子类方法。
        UIButton *temp = (UIButton *)newImageView;

        [temp setImage:newImage forState:UIControlStateNormal];

        // 为按钮添加监听事件。
        [temp addTarget:self action:@selector(addImage) forControlEvents:UIControlEventTouchUpInside];

    }
    // 创建非最后一个加号，或者随机图片。
    else
    {
        newImageView = [[UIImageView alloc]init];

        // 多态，强制类型转换后才能调用子类方法。
        UIImageView *temp = (UIImageView *)newImageView;

        temp.image = newImage;

    }

#pragma mark 待改善1：是否可以简化合成
#pragma mark 疑问1：仔细研究这三种插入方法。
    // 初始化和随机插入两种情况，该部分要考虑一下是否可以合成。
    if (isInitial) {
        [self.view insertSubview:newImageView atIndex:index];
    }
    else{

        [self.view insertSubview:newImageView belowSubview:self.view.subviews[index]];
    }

}

#pragma mark 3. 定义图片排序方法
- (void)sortImagesWithCount:(int)count InColumns:(int)column
{

#pragma mark 注意点2：动画的位置。
    // 动画放在这里更合适，因为位置值的改变就这这里发生。
    [UIView beginAnimations:nil context:nil];

    [UIView setAnimationDuration:1.0];

    // 图片y方向的起始位置和间距。
    CGFloat startY = 10;
    CGFloat distanceY = 50;
    CGFloat startX;
    CGFloat x;
    CGFloat y;

    startX = (self.view.frame.size.width -column * KImageWH) / (column + 1);

    // 多态，父类指针。
    UIView *tempView;

    for (int i = 0; i < count; i++) {

        x = startX + (startX + KImageWH) * (i % column);

        y = startY +  (distanceY + KImageWH) * (i / column);

        tempView = self.view.subviews[i + 1];

        tempView.frame = CGRectMake(x, y, KImageWH, KImageWH);

    }

    [UIView commitAnimations];

}

#pragma mark 4. 监听segment的值。
- (IBAction)sortImages:(UISegmentedControl *)sender {

//    [UIView beginAnimations:nil context:nil];
//    
//    [UIView setAnimationDuration:1.0];

    int column = sender.selectedSegmentIndex + 2;

    // 更新个数。
    int count = self.view.subviews.count;

    [self sortImagesWithCount:count -1  InColumns:column];

//    [UIView commitAnimations];
}

#pragma mark 5. 定义添加随机图片的方法（供加号监听事件调用）
- (void)addImage
{
#pragma mark 待改善2：是否可以合成到添加图片方法中？
#pragma mark 疑问2：监听事件调用该方法时如果该方法有参数则如何传递参数？

    int imageNo = arc4random() % 9;

    int count = self.view.subviews.count;

    // index参数和插入的方法对应。
    [self addImageWithNo:imageNo AtIndex:count - 1  isInitial:NO];

    int column = _segment.selectedSegmentIndex + 2;

    // 注意此处的count，因为已经add过了，所以此处count不-1.
    [self sortImagesWithCount:count  InColumns:column];
}

@end