UITableView的用法实例

UI中的高级控件 之一   UITableView  现在用的最广泛的控件  下面简单介绍它的用法

1.创建tableView

- (void)createTableView

{

    _tableView = [[UITableView alloc] init];

    CGSize size = self.view.frame.size;

    _tableView.frame = CGRectMake(0, 20, size.width, size.height-20);

    

    //设置数据源代理

    _tableView.dataSource = self;

    

    //注册复用标识及cell类型

    [_tableView registerClass:UITableViewCell.class forCellReuseIdentifier:@"cellId"];

    

    [self.view addSubview:_tableView];

}

2.代理的必须实现的方法

//返回指定的区的行数

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section

{

    return _dataSource.count;

}

//返回指定的区的指定的行显示的cell

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath

{

    //static int number = 0;

    

    //tableView通过一个队列来管理所有的cell

    //目的是为了复用(节约资源，提高效率)

    //若队列中有空闲的，则直接返回

    //若队列中没有空闲的，则需要创建新的cell

    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:@"cellId"];

#if 0

    //若提前已经注册复用标识及cell类型，则出列时会自行判断

    //队列中有空闲的直接返回；若没有则会自动创建

    if (!cell) {

        cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:@"cellId"];

        number++;

        NSLog(@"number:%d", number);

    }

#endif

    //cell中有三个视图textLabel/detailLabel/imageView

    cell.textLabel.text = _dataSource[indexPath.row];

    return cell;

}

3.创建数据源

-(void)creatDataSourse{

    mArr = [[NSMutableArray alloc]init];

    _dataSourse = [[NSMutableArray alloc]init];

    NSArray *arr = [[NSBundle mainBundle]pathsForResourcesOfType:@"plist" inDirectory:nil];

    for (NSString *plist in arr) {

        NSRange range = [plist rangeOfString:@"/" options:NSBackwardsSearch];

        NSString *name = [plist substringWithRange:NSMakeRange(range.location+1, 4)];

        //过滤Info.plist

        //NSLog(@"%@",name);

        if ([name isEqualToString:@"Info"]) {

            continue;

        }

       // NSLog(@"%@",name);

        _imageNames = [[NSMutableArray alloc]init];

        NSArray *plistInfo = [[NSArray alloc]initWithContentsOfFile:plist];

        for (NSDictionary *dic in plistInfo) {

            NSString *imageName =dic[@"imageName"];

            [_imageNames addObject:imageName];

            //NSLog(@"%@",imageName);

        }

        //NSLog(@"%@",_imageNames);

        [mArr addObject:_imageNames];

        

        name = [name stringByAppendingFormat:@"(%lu)",_imageNames.count];

        [_dataSourse addObject:name];

    

    }

    NSLog(@"%@",mArr);

    

}

4.点击tabelView实现的方法

- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath{

    TileViewController *til= [[TileViewController alloc]initWithImageNames:mArr[indexPath.row]];

    //NSLog(@"%@",mArr);

    

    [self.navigationController pushViewController:til animated:YES];

}

5.在图片类中创建图片  

-(instancetype)initWithImageNames:(NSArray *)names{

    if (self=  [super init]) {

        //根据名字 创建图片 并贴到视图控制器上

        _imageNames = [[NSMutableArray alloc]initWithArray:names];

        _scrollView = [[UIScrollView alloc]init];

       // NSLog(@"%@ %lu",names,names.count);

        //NSLog(@"%lu",_imageNames.count);

        for (NSString *str in _imageNames) {

            

            NSString *name = [str substringToIndex:4];

            self.title = name;

            

        }

    }

    return self;

}

6.设置滚动视图

-(void)setSrollerView{

    self.automaticallyAdjustsScrollViewInsets = NO;

    CGSize size = self.view.frame.size;

    _scrollView.frame = CGRectMake(0, 64, size.width,size.height-64);

    _scrollView.bounces = NO;

   

    [self setImageToScrellerView];

    [self.view addSubview:_scrollView];

    

}

7.加载图片内容

-(void)setImageToScrellerView{

  

        CGSize size = _scrollView.frame.size;

        CGFloat gap = 5;

        CGFloat width = (size.width-5*gap)/4;

        CGFloat height = width*3/2.0;

        NSInteger rows = (_imageNames.count+3)/4;

        for (NSInteger i = 0; i<rows; i++) {

            for (NSInteger j = 0; j<4; j++) {

                //计算本次要贴的图片在数组中的下标

                NSInteger index = 4*i+j;

                if (index >= _imageNames.count) {

                    break;

                }

                CGRect frame = CGRectMake(gap+(gap+width)*j, gap+(gap+height)*i, width, height);

                UIImageView *view = [[UIImageView alloc]initWithFrame:frame];

                view.tag = index;

                view.image = [UIImage imageNamed:_imageNames[index]];

                //添加单击手势

                view.userInteractionEnabled = YES;

                UITapGestureRecognizer *tgr = [[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(tagHandle:)];

                [view addGestureRecognizer:tgr];

                [tgr release];

                

                [_scrollView addSubview:view];

                [view release];

            

        }

         _scrollView.contentSize = CGSizeMake(size.width, rows*(height+gap)+gap);

        

    }

    

}

8.设置单击手势方法

- (void)tagHandle:(UITapGestureRecognizer *)tgr

{

    SkimViewController *svc = [[SkimViewController alloc] initWithImageNames:_imageNames index:tgr.view.tag];

    svc.hidesBottomBarWhenPushed = YES;

    [self.navigationController pushViewController:svc animated:YES];

    [svc release];

}