ios UI 图片排列（简单实现）

//
//  ViewController.h
//  06-imgPlace
//
//  Created by zjj on 15/5/7.
//  Copyright (c) 2015年 zjj. All rights reserved.
//

#import <UIKit/UIKit.h>

@interface ViewController : UIViewController

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

@end

//
//  ViewController.m
//  06-imgPlace
//
//  Created by zjj on 15/5/7.
//  Copyright (c) 2015年 zjj. All rights reserved.
//

#import "ViewController.h"

#define kImgw 50// 宏定义常量格式 #define x 40等价int x =40 全局变量
#define kImgh 50

@interface ViewController ()
{
    NSArray *array;

}
@end

@implementation ViewController
#pragma mark 控制器的view加载完毕就调用一次img
- (void)viewDidLoad {
    [super viewDidLoad];
    array =@[
                      @"010.png",
                      @"011.png",
                      @"012.png",
                      @"013.png",
                      @"014.png",
                      @"015.png",
                      @"016.png",
                      @"017.png",
                      @"018.png",
                      ];
    int  columns = 2;
    //每个表情之间的间距 = （控制器的宽度-列数*表情宽度）/（列数+1）
    CGFloat margin = (self.view.frame.size.width - columns * kImgw) / (columns + 1);
    // 定义第一个表情的x值
    CGFloat oneX = 100;
    //y值
    CGFloat oneY = margin;
    for (int i = 0; i < array.count; i++) {
        //        int no = i % array.count;//取余 控制数组越界 【0，8】size=9
        // i这个位置对应的列数
        int col = i % columns;
        // i这个位置对应的行数
        int row = i / columns;
        CGFloat x = oneX + col * (kImgh + margin);
        CGFloat y = oneY + row * (kImgw + margin);
        [self addImg:array[i] x:x y:y];
    }
    
}


- (void)didReceiveMemoryWarning {
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.
}
- (void)addImg :(NSString *)icon x:(CGFloat) x y:(CGFloat) y
{
    UIImageView *one =  [[UIImageView alloc]init];
    one.image = [UIImage imageNamed:icon];
    one.frame = CGRectMake(x, y, kImgw, kImgh);
    [self.view addSubview:one];
}

#pragma mark 更改表情的列数
- (IBAction)indexChange:(UISegmentedControl *)sender {
    [UIView beginAnimations:nil context:nil];
    [UIView setAnimationDuration:0.5];
    int columns =  (int)sender.selectedSegmentIndex + 2;//确定列数
    //每个表情之间的间距 = （控制器的宽度-列数*表情宽度）/（列数+1）
    CGFloat margin = (self.view.frame.size.width - columns * kImgw) / (columns + 1);
    // 定义第一个表情的x值
    CGFloat oneX = 50;
    //y值
    CGFloat oneY = margin;
    for (int i = 0; i < array.count; i++) {
        // int no = i % array.count;//取余 控制数组越界 【0，8】size=9
        // i这个位置对应的列数
        int col = i % columns;
        // i这个位置对应的行数
        int row = i / columns;
        CGFloat x = oneX + col * (kImgh + margin);
        CGFloat y = oneY + row * (kImgw + margin);
//        [self addImg:array[i] x:x y:y]; // 每次点击按钮都要创建函数不可取
        // 取出+1 为hi对应的imgview，设置x和y
        // +1是为了跳过最前面的UISegmentedControl
        UIView *child = self.view.subviews[i + 1];
//        NSLog(@"%@",child.class);
        CGRect tempF = child.frame;
//        tempF.origin.x = x;
//        tempF.origin.y = y;//两句等价于CGPointMake
        tempF.origin = CGPointMake(x, y);
        child.frame =tempF;
        [UIView commitAnimations];
    }
    NSLog(@"打印子控件数量%ld",self.view.subviews.count);
}

效果图

代码重构

//
//  ViewController.m
//  06-imgPlace
//
//  Created by zjj on 15/5/7.
//  Copyright (c) 2015年 zjj. All rights reserved.
//

#import "ViewController.h"
// 宏定义常量格式 #define x 40等价int x =40 全局变量
#define kImgw 25 // 图标宽度
#define kImgh 25 // 图标高度
#define kPointX 0 //第一个图标坐标x值
@interface ViewController ()
{
    NSArray *array;// 定义全局可用
}
@end

@implementation ViewController
#pragma mark 控制器的view加载完毕就调用一次img
- (void)viewDidLoad {
    [super viewDidLoad];
    // 创建图片地址数组
    array =@[
              @"010.png",
              @"011.png",
              @"012.png",
              @"013.png",
              @"014.png",
              @"015.png",
              @"016.png",
              @"017.png",
              @"018.png",
            ];
    [self adjustImgPostWithColumns:2 add:YES];
}
#pragma 代码重构
- (void) adjustImgPostWithColumns :(int)columns add:(BOOL)add
{
//#warning 不同地方标记一下 已修改
    //每个表情之间的间距 = （控制器的宽度-列数*表情宽度）/（列数+1）
    CGFloat margin = (self.view.frame.size.width - columns * kImgw) / (columns + 1);
    // 定义第一个表情的x值
    CGFloat oneX = kPointX;
    // 定义第一个表情的y值
    CGFloat oneY = margin;
    // 创建所有的表情
    for (int i = 0; i < array.count; i++) {
        // i这个位置对应的列数
        int col = i % columns;
        // i这个位置对应的行数
        int row = i / columns;
        CGFloat x = oneX + col * (kImgh + margin);
        CGFloat y = oneY + row * (kImgw + margin);
//#warning 创建方式不同 需要重构  
        if(add)
        {
            [self addImg:array[i] x:x y:y];
        }
        else
        {
            // 取出+1 为hi对应的imgview，设置x和y
            // +1是为了跳过最前面的UISegmentedControl
            UIView *child = self.view.subviews[i + 1];
            CGRect tempF = child.frame;
            tempF.origin = CGPointMake(x, y);
            child.frame =tempF;
        }
    }
}
#pragma mark 添加表情 icon表情图片名
- (void)addImg :(NSString *)icon x:(CGFloat) x y:(CGFloat) y
{
    UIImageView *one =  [[UIImageView alloc]init];
    one.image = [UIImage imageNamed:icon];
    one.frame = CGRectMake(x, y, kImgw, kImgh);
    [self.view addSubview:one];
}

#pragma mark 更改表情的列数
- (IBAction)indexChange:(UISegmentedControl *)sender {
    [UIView beginAnimations:nil context:nil];
    [UIView setAnimationDuration:0.5];
    [self adjustImgPostWithColumns:(int)sender.selectedSegmentIndex + 2 add:NO];
    [UIView commitAnimations];
//    NSLog(@"%f - %f",self.view.frame.size.width,self.view.frame.size.height);
//    NSLog(@"打印子控件数量%ld",self.view.subviews.count);
}
@end