终于效果图

BeyondViewController.h

//

//  BeyondViewController.h

//  6_ToolBar

//

//  Created by beyond on 14-7-24.

//  Copyright (c) 2014年 com.beyond. All rights reserved.

//

#import <UIKit/UIKit.h>

@interface BeyondViewController : UIViewController

- (IBAction)addClick:(UIBarButtonItem *)sender;

- (IBAction)removeClick:(UIBarButtonItem *)sender;

@property (weak, nonatomic) IBOutlet UIBarButtonItem *trashItem;

// 从xib界面中拖过来的,前提是设置界面中的file 's owner 为当前控制器类,而且,在代码中载入nib的时候,也要指明owner是当前控制器类的实例对象,一般写self或者空

- (IBAction)deleteBtnClick:(UIButton *)sender;

- (IBAction)headBtnClick:(UIButton *)sender;

@end

BeyondViewController.m

//

//  BeyondViewController.m

//  6_ToolBar

//

//  Created by beyond on 14-7-24.

//  Copyright (c) 2014年 com.beyond. All rights reserved.

//

#import "BeyondViewController.h"

#import "RowView.h"

#define kRowHight 65

// 类扩展 class extension 也叫匿名分类

@interface BeyondViewController ()

{

    // 成员,数组,由姓名组成

    NSArray *_array_name;

    // 数组取值时的索引,与图片名挂钩

    int _index;

}

@end

@implementation BeyondViewController

- (void)viewDidLoad

{

    [super viewDidLoad];

    _array_name =@[@"林黛玉",@"薛宝钗",@"妙玉",@"史湘云",@"探春",@"晴雯",@"nana"];

	_index = 0;

}

- (IBAction)addClick:(UIBarButtonItem *)sender {

    // 调用自己定义方法,通过代码创建一行rowView

    // UIView *rowView = [self createRowViewByCoding];

    // 调用自己定义方法,通过xib创建一行rowView

    UIView *rowView = [self createRowViewByXcodeInterfaceBuilding];

    // 调用自己定义方法,通过RowView的类方法,返回一个RowView的实例对象

    // UIView *rowView = [self createRowViewByXIB];

    // 3,加入到当前控制器的view

    [self.view addSubview:rowView];

    // 5,动画效果

    [UIView animateWithDuration:0.2 animations:^{

        // 下面三步为OC标准代码,由于OC中不同意直接修该对象中结构体属性的成员的值,要通过中间的暂时结构体变量

        CGRect frame = rowView.frame;

        frame.origin.x = 0;

        rowView.frame=frame;

        rowView.alpha = 1;

    } completion:^(BOOL finished) {

        // 4,置删除button为可用

        _trashItem.enabled = YES;

    }];

}

// 用xib创建一行 rowView,xib <--> nib   ipa <-->apk

- (UIView *)createRowViewByXIB

{

    // 假设加入到了数组最后一张,从头開始加入

    if (_index >= _array_name.count) {

        _index = 0;

    }

    // 下面先计算3个參数,图片名,姓名,rowView要显示的frame的Y坐标

    NSString *imgName = [NSString stringWithFormat:@"%d.png",_index];

    NSString *labelName = _array_name[_index];

    // 新加入一行的y值 取决于view中最后一个子控件的y + height + 1

    UIView *lastView = self.view.subviews.lastObject;

    CGFloat rowY = lastView.frame.origin.y + lastView.frame.size.height+1;

    // 调用类方法,返回一个创建好了的rowView

    RowView *rowView = [RowView rowViewWithHeadName:imgName andLabelName:labelName andRowY:rowY];

    // 为下一次加入行作准备

    _index++;

    return rowView;

}

// 用xib创建一行 rowView,xib <--> nib   ipa <-->apk

- (UIView *)createRowViewByXcodeInterfaceBuilding

{

    // mainBundel载入xib,扩展名不用写.xib  owner为nil时,手动addTarget,若为xib界面中file's owner指定的class的实例对象时,填self,这样就能够直接拖线

    // 1,xib界面中file's owner指定的类class,目的不过右击界面时,能够弹出连线

    // 2,进行连线

    // 3,代码loadNibNamed中指定owner为哪个实例对象,相当于addTarget中的第一个參数

    NSArray *arrayXibObjects = [[NSBundle mainBundle] loadNibNamed:@"rowView" owner:self options:nil];

    UIView *rowView = arrayXibObjects[0];

    // 新加入一行的y值 取决于view中最后一个子控件的y + height + 1

    UIView *lastView = self.view.subviews.lastObject;

    CGFloat rowY = lastView.frame.origin.y + lastView.frame.size.height+1;

    rowView.backgroundColor = [UIColor grayColor];

    CGFloat winWidth = self.view.frame.size.width;

    rowView.frame = CGRectMake(320, rowY,winWidth, kRowHight);

    rowView.alpha = 0;

    // 假设加入到了数组最后一张,从头開始加入

    if (_index >= _array_name.count) {

        _index = 0;

    }

    // 2,设置label内容

    UILabel *name = (UILabel *)[rowView viewWithTag:1];

    name.text = _array_name[_index];

    // 3,设置headBtn内容

    UIButton *btn = (UIButton *)[rowView viewWithTag:2];

    NSString *imgName = [NSString stringWithFormat:@"%d.png",_index];

    UIImage *img = [UIImage imageNamed:imgName];

    [btn setImage:img forState:UIControlStateNormal];

    // 为button加入点击事件

    // [btn addTarget:self action:@selector(headBtnClick:) forControlEvents:UIControlEventTouchUpInside];

    // 4,设置deleteBtn内容

    UIButton *del = (UIButton *)[rowView viewWithTag:3];

    // 为删除button加入点击事件

    [del addTarget:self action:@selector(deleteBtnClick:) forControlEvents:UIControlEventTouchUpInside];

    // 为下一次加入行作准备

    _index++;

    return rowView;

}

// 用代码创建一行 rowView

- (UIView *)createRowViewByCoding

{

    // 假设加入到了数组最后一张,从头開始加入

    if (_index >= _array_name.count) {

        _index = 0;

    }

    // 加入一行,实为view,view中左边是头像,右边是名字

    UIView *rowView = [[UIView alloc]init];

    // 新加入一行的y值 取决于view中最后一个子控件的y + height + 1

    UIView *lastView = self.view.subviews.lastObject;

    CGFloat rowY = lastView.frame.origin.y + lastView.frame.size.height+1;

    rowView.backgroundColor = [UIColor grayColor];

    CGFloat winWidth = self.view.frame.size.width;

    rowView.frame = CGRectMake(320, rowY,winWidth, kRowHight);

    rowView.alpha = 0;

    // 2,加入label到view

    UILabel *name = [[UILabel alloc]init];

    name.frame = CGRectMake(0, 0, 320, kRowHight);

    name.backgroundColor = [UIColor clearColor];

    name.textAlignment = NSTextAlignmentCenter;

    name.tag = 1; //方便后面点击头像button时,得到兄弟标签即姓名

    // 随机索引,取姓名,取图片用的

    //int randIndex = arc4random_uniform(_array_name.count);

    //name.text = _array_name[randIndex];

    name.text = _array_name[_index];

    [rowView addSubview:name];

//    3,加入头像到view

//    UIImage *img = [UIImage imageNamed:@"nana.jpg"];

//    UIImageView *head = [[UIImageView alloc]initWithImage:img];

//    head.frame = CGRectMake(0, 0,50, 50);

//    [rowView addSubview:head];

    // 3,加入头像button到view

    UIButton *btn = [[UIButton alloc]init];

    btn.frame = CGRectMake(0, 0,65, kRowHight);

    NSString *imgName = [NSString stringWithFormat:@"%d.png",_index];

    UIImage *img = [UIImage imageNamed:imgName];

    [btn setImage:img forState:UIControlStateNormal];

    // 为button加入点击事件

    [btn addTarget:self action:@selector(headBtnClick:) forControlEvents:UIControlEventTouchUpInside];

    [rowView addSubview:btn];

    // 4,加入删除button到view

    UIButton *del = [[UIButton alloc]init];

    del.frame = CGRectMake(260, 0,65, kRowHight);

    [del setTitle:@"再见" forState:UIControlStateNormal];

    // 为删除button加入点击事件

    [del addTarget:self action:@selector(deleteBtnClick:) forControlEvents:UIControlEventTouchUpInside];

    [rowView addSubview:del];

    // 为下一次加入行作准备

    _index++;

    return rowView  ;

}

// 点击rowView里面的删除button

- (void)deleteBtnClick:(UIButton *)sender

{

    // 拿到rowView

    UIView *rowView = sender.superview;

    [UIView animateWithDuration:0.3 animations:^{

        // 下面三步为OC标准代码,由于OC中不同意直接修该对象中结构体属性的成员的值,要通过中间的暂时结构体变量

        CGRect frame = rowView.frame;

        frame.origin.x = 320;

        rowView.frame=frame;

        rowView.alpha = 0;

    } completion:^(BOOL finished) {

        // rowView在父容器中的索引

        int rowView_index = [self.view.subviews indexOfObject:rowView];

        // 将rowView从其父控件中,即self.view中删除

        [rowView removeFromSuperview];

         _trashItem.enabled = self.view.subviews.count!=1;

        // rowView身后的这些rowView动画上移

        for (int i=rowView_index; i<self.view.subviews.count; i++) {

            // rowView身后的这些rowView动画上移

            UIView *rowViewSibling = self.view.subviews[i];

            [UIView animateWithDuration:0.3 animations:^{

                // 下面三步为OC标准代码,由于OC中不同意直接修该对象中结构体属性的成员的值,要通过中间的暂时结构体变量

                CGRect frame = rowViewSibling.frame;

                frame.origin.y -= kRowHight + 1;

                rowViewSibling.frame=frame;

            }];

        }

    }];

}

// 点击头像button,弹出alterView

- (void)headBtnClick:(UIButton *)sender

{

    NSLog(@"点击了头像button--%@",sender);

    UIView *rowView = sender.superview;

    UILabel *name = (UILabel *)[rowView viewWithTag:1];

    NSLog(@"被点击的button的兄弟标签是:%@",name);

    // 弹出alterView

    UIAlertView *alert = [[UIAlertView alloc]init];

    [alert show];

}

// 点击删除buttonItem

- (IBAction)removeClick:(UIBarButtonItem *)sender {

    _trashItem.enabled = NO;

    // 删除最后一行

    UIView *last = [self.view.subviews lastObject];

    Class cls = [UIToolbar class];

    if ([last isKindOfClass:cls]) {

        return;

    }

    // 动画效果

    [UIView animateWithDuration:0.2 animations:^{

        // 下面三步为OC标准代码,由于OC中不同意直接修该对象中结构体属性的成员的值,要通过中间的暂时结构体变量

        CGRect frame = last.frame;

        frame.origin.x = 320;

        last.frame=frame;

        last.alpha = 0;

    } completion:^(BOOL finished) {

        // 动画完成,从父控件中移除

        [last removeFromSuperview];

        // 删除完之后,让删除barbuttionitem置灰

        _trashItem.enabled = self.view.subviews.count != 1;

    }];

}

@end

RowView.h

//

//  RowView.h

//  6_ToolBar

//

//  Created by beyond on 14-7-24.

//  Copyright (c) 2014年 com.beyond. All rights reserved.

//

#import <UIKit/UIKit.h>

@interface RowView : UIView

@property (weak, nonatomic) IBOutlet UIButton *headBtn;

@property (weak, nonatomic) IBOutlet UILabel *nameLabel;

- (IBAction)deleteBtnClick:(UIButton *)sender;

+ (RowView *)rowViewWithHeadName:(NSString *)headName andLabelName:(NSString *)labelName andRowY:(CGFloat)rowY;

@end

RowView.m

//

//  RowView.m

//  6_ToolBar

//

//  Created by beyond on 14-7-24.

//  Copyright (c) 2014年 com.beyond. All rights reserved.

//

#import "RowView.h"

#define kRowHight 65

@implementation RowView

- (id)initWithFrame:(CGRect)frame

{

    self = [super initWithFrame:frame];

    if (self) {

        // Initialization code

    }

    return self;

}

/*

// Only override drawRect: if you perform custom drawing.

// An empty implementation adversely affects performance during animation.

- (void)drawRect:(CGRect)rect

{

    // Drawing code

}

*/

// + 类方法中不能直接使用_訪问成员变量,必须通过对象.点语法訪问成员变量

// 參数1:头像button的图标名,參数2:姓名标签

+ (RowView *)rowViewWithHeadName:(NSString *)headName andLabelName:(NSString *)labelName andRowY:(CGFloat)rowY

{

    // mainBundel载入xib,扩展名不用写.xib

    NSArray *arrayXibObjects = [[NSBundle mainBundle] loadNibNamed:@"rowView" owner:nil options:nil];

    RowView *rowView = arrayXibObjects[0];

    // 1,设置rowView的属性

    rowView.backgroundColor = [UIColor grayColor];

    // 先是在屏幕外面,所以x是320

    rowView.frame = CGRectMake(320, rowY,320, kRowHight);

    rowView.alpha = 0;

    // 2,设置label内容

    // tag要遍历,效率低,不推荐,最好是rowView.xib连线到RowView.h文件,使用成员变量

    // UILabel *nameLabel = (UILabel *)[rowView viewWithTag:1];

    rowView.nameLabel.text = labelName;

    // 3,设置headBtn内容

    // tag要遍历,效率低,不推荐,最好是rowView.xib连线到RowView.h文件,使用成员变量

    // UIButton *headBtn = (UIButton *)[rowView viewWithTag:2];

    UIImage *img = [UIImage imageNamed:headName];

    [rowView.headBtn setImage:img forState:UIControlStateNormal];

    return rowView;

}

// rowView中的删除button被点击了

- (IBAction)deleteBtnClick:(UIButton *)sender {

    // 拿到rowView

    UIView *rowView = sender.superview;

    [UIView animateWithDuration:0.3 animations:^{

        // 下面三步为OC标准代码,由于OC中不同意直接修该对象中结构体属性的成员的值,要通过中间的暂时结构体变量

        CGRect frame = rowView.frame;

        frame.origin.x = 320;

        rowView.frame=frame;

        rowView.alpha = 0;

    } completion:^(BOOL finished) {

        //NSLog(@"rowView.superView is %@",rowView.superview);

        // 先得到控制器的UIView

        UIView *control_view = rowView.superview;

        // rowView在父容器中的索引

        int rowView_index = [control_view.subviews indexOfObject:rowView];

        // 将rowView从其父控件中,即self.view中删除

        [rowView removeFromSuperview];

        // rowView身后的这些rowView动画上移

        for (int i=rowView_index; i<control_view.subviews.count; i++) {

            // rowView身后的这些rowView动画上移

            UIView *rowViewSibling = control_view.subviews[i];

            [UIView animateWithDuration:0.3 animations:^{

                // 下面三步为OC标准代码,由于OC中不同意直接修该对象中结构体属性的成员的值,要通过中间的暂时结构体变量

                CGRect frame = rowViewSibling.frame;

                frame.origin.y -= kRowHight + 1;

                rowViewSibling.frame=frame;

            }];

        }

    }];

}

@end



RowView.xib

最新文章

  1. laydate兼容bootstrap
  2. 获取app安装信息私有api
  3. yii2史上最简单式安装教程，没有之一
  4. KVM 虚拟化 初体验
  5. 基于正则的INI读写工具类，支持加密解密
  6. 让PowerShell用上Git
  7. 是智能手机推动windows xp系统停止服务吗
  8. -bash: jps: command not found
  9. Cocos2d-x 3.0 beta 中加入附加项目，解决无法打开包括文件:“extensions/ExtensionMacros.h”: No such file or directory”
  10. shell脚本学习之if..else用法
  11. &lt;q&gt;标签，短文本引用
  12. javascript中的原型理解总结
  13. html5 canvas 一个漫天飞雪的效果
  14. C语言知识汇总
  15. js实用方法记录-js动态加载css、js脚本文件
  16. 搭建Elasticsearch集群常见问题
  17. Netty之心跳检测技术(四)
  18. 一起来读Netty In Action（一）
  19. 关于requests的session方法保持cookie的问题。
  20. 深度学习原理与框架-神经网络架构 1.神经网络构架 2.激活函数(sigmoid和relu) 3.图片预处理(减去均值和除标准差) 4.dropout(防止过拟合操作)

热门文章

  1. Epos消费管理系统复制迁移SQL SERVER 2005数据库
  2. python 编写的经纬度坐标转换类
  3. Codeforces Round #438 (Div.1+Div.2) 总结
  4. 根据项目类型导入Excel文件到不同数据库
  5. Vue-router记录
  6. 关于用户禁用Cookie的解决办法和Session的图片验证码应用
  7. 【Oracle】创建用户
  8. VFS(Virtual File System)
  9. H3C三层交换机S5500初始配置+网络访问策略
  10. angular 常用写法