作者声明
因个人能力问题,文中不免有错误之处,欢迎各位读者交流,批评,指正!
摘要
本文通过一个实例:将qq表情按不同的列排序,并实现表情添加功能,学习控件segment的基本用法。
实例
viewController h代码
//
// ViewController.h
// 简单的表情排列app
//
// Created by dqw on 15/5/7.
// Copyright (c) 2015年 itcast. All rights reserved.
//
#import <UIKit/UIKit.h>
@interface ViewController : UIViewController
@property (weak, nonatomic) IBOutlet UIView *iconsView;
@property (weak, nonatomic) IBOutlet UISegmentedControl *segment;
- (IBAction)setColumns:(UISegmentedControl *)sender;
@end
viewController m代码
//
// ViewController.m
// 简单的表情排列app
//
// Created by dqw on 15/5/7.
// Copyright (c) 2015年 itcast. All rights reserved.
//
#import "ViewController.h"
@interface ViewController ()
{
// 定义供多个方法使用的成员变量。
NSArray *_iconViews;
CGFloat _width;
CGFloat _height;
CGFloat _x;
CGFloat _y;
NSUInteger _count; // 表情图片的个数。
int _n; // 添加的表情个数。
}
@end
@implementation ViewController
#pragma mark 1. 初始化加载表情。
- (void)viewDidLoad {
[super viewDidLoad];
// 初始化。
_n = 0;
// 给_width和_height赋值。
UIImage *icon = [UIImage imageNamed:@"0.png"];
_width = icon.size.width;
_height = icon.size.height;
// 定义变量。
NSString *iconName;
UIImageView *iconView;
for (int i = 0; i < 10; i++) {
// 创建图片实例。
iconName = [NSString stringWithFormat:@"%d.png",i];
UIImage *icon = [UIImage imageNamed:iconName];
// 创建图片视图。
iconView = [[UIImageView alloc]init];
// 定义各图片控件的位置。
_x = (_iconsView.frame.size.width - _width * 2) * 0.5 + _width * (i % 2);
_y = _height * (i / 2);
// 设置图片控件
iconView.frame = CGRectMake(_x, _y,_width,_height);
iconView.image = icon;
if (i == 9) {
#pragma mark 重点:uiimageview不能调用addtargetxx方法。
// 添加uicontrol类型的控件,因为uiimageview类型的控件不可以添加监听事件。addtatget不是uiview的方法,而是其子类uicontrol的方法。
UIButton *addBut = [[UIButton alloc]init];
addBut.frame = CGRectMake(_x, _y,_width,_height);
[addBut setBackgroundImage:icon forState:UIControlStateNormal];
[_iconsView addSubview:addBut];
}
else{
// 添加图片控件。
[_iconsView addSubview:iconView];
}
}
// 提取图片框中的所有子控件到数组内。注意体会:@property(nonatomic,readonly,copy) NSArray *subviews;
_iconViews = _iconsView.subviews;
_count = _iconViews.count;
#pragma mark 为最后一个button控件添加监听事件。
// 为最后一个控件添加监听事件。
[_iconViews[_count -1] addTarget:self action:@selector(addIcon) forControlEvents:UIControlEventTouchUpInside];
}
#pragma mark 2. 定义监听事件调用的添加表情方法。
- (void)addIcon{
// 更新_count数值。
_iconViews = _iconsView.subviews;
_count = _iconViews.count;
#pragma mark 重点2:不能通过数组元素来访问frame变量。
// 因为不能通过数组元素得到frame属性。所以通过一个相同类型的指针temp来得到其frame属性。
UIImageView *temp = _iconViews[_count -1];
UIImageView *temp1 = [[UIImageView alloc]init];
// 深刻体会。
temp1.frame = temp.frame;
NSString *iconName = [NSString stringWithFormat:@"%d.png",(_n++ % 9)];
temp1.image = [UIImage imageNamed:iconName];
#pragma mark 重点3:insert below 。
// 在最后一个元素前面插入新元素,注意用的是below。
[_iconsView insertSubview:temp1 belowSubview:_iconViews[_count - 1]];
// 插入新元素后更新_count值。
_iconViews = _iconsView.subviews;
int index = _iconViews.count -1;
// 为了得到列数,引入了segment成员变量。
int column = _segment.selectedSegmentIndex + 2 ;
// 更改最后一个元素的位置。
_x = (_iconsView.frame.size.width - _width * column) * 0.5 + _width * (index % column);
_y = _height * (index / column);
temp.frame = CGRectMake(_x, _y, _width, _height);
}
#pragma mark 3. 按列排序。
- (IBAction)setColumns:(UISegmentedControl *)sender{
[UIView beginAnimations:nil context:nil];
[UIView setAnimationDuration:1.0];
// 获取列数。
int column = sender.selectedSegmentIndex + 2;
// 更新_count。
_iconViews = _iconsView.subviews;
_count = _iconViews.count;
#pragma mark 重点3:不能通过数组元素来访问frame变量。
// 此处需注意:不能通过数组访问subview的frame成员变量(即_iconView[i].frame 是错误的表达,编译不通过),所以要新建一个临时的UIImageView temp 来作为过渡。个人认为:可能是因为_iconView是个不可变数组.但是把其中的元素提取出来后,更改其属性,实际的元素属性的确被更改了,这是不是代表着该数组是深复制的不可变数组(uiview的subviews变量是用copy修饰的),但是其中的元素时浅复制,所以单独更改后,真实的元素属性也被更改了。虽然temp是通过赋值得到的元素,但是temp和xx[]都是指针,所以都指向的时同样的元素。
#pragma mark 疑问1 subviews copy修饰??
// @property(nonatomic,readonly,copy) NSArray *subviews;还不是理解?
UIImageView *temp;
for (int i = 0; i < _count; i++) {
// 对应temp。
temp = _iconViews[i];
// 让图片位于左右的中间,注意取余数和取商的用法。
_x = (_iconsView.frame.size.width - _width * column) * 0.5 + _width * (i % column);
_y = _height * (i / column);
temp.frame= CGRectMake(_x, _y, _width, _height);
}
[UIView commitAnimations];
}
@end
重点 难点 注意点
- uiimageview不能调用addtarget方法,将最后的加号图片设置为uibutton类型。
- 在uiimageview中最后一个subview前面插入subview ,是用的below,而不是above。
- 不能通过数组访问subview的frame成员变量(即_iconView[i].frame 是错误的表达,编译不通过),所以要新建一个临时的UIImageView temp 来作为过渡。个人认为:可能是因为_iconView是个不可变数组.但是把其中的元素提取出来后,更改其属性,实际的元素属性的确被更改了,这是不是代表着该数组是深复制的不可变数组(uiview的subviews变量是用copy修饰的),但是其中的元素时浅复制,所以单独更改后,真实的元素属性也被更改了。虽然temp是通过赋值得到的元素,但是temp和xx[]都是指针,所以都指向的时同样的元素。
- 既然是排列,类似于矩阵,为了得到其行数和列数,用取余数和取商是个很好的方法。
疑问
- @property(nonatomic,readonly,copy) NSArray *subviews;还不是理解?其中的copy??
待完善的内容
- 更深入了解一下segment的用法。