UIscrollview和UItableView结合使用(就是cell可以滑动改变图片)

来源:互联网 发布:阿里巴巴菜鸟网络面试 编辑:程序博客网 时间:2024/05/17 13:41

首先建立数据模型

自定义cell:MyCell 

#import <UIKit/UIKit.h>

@interface MyCell : UITableViewCell
@property int imageIndex;
@property (weak, nonatomic) IBOutlet UIScrollView *imageShow;
@property (weak, nonatomic) IBOutlet UILabel *infoLabel;

-(void)setImageScrollVIew:(NSArray *)imageArray imageIndex:(int)imageIndex;
-(void)updateImages:(NSArray *)imageArray index:(int)index direction:(int)direction;



@end

#import "MyCell.h"
#define kImageViewCount 3

NSMutableArray *imageViewArray;
UIImageView *imageView1;
UIImageView *imageView2;
UIImageView *imageView3;
@implementation MyCell

- (id)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier
{
    self = [super initWithStyle:style reuseIdentifier:reuseIdentifier];
    if (self) {
        // Initialization code
    
    }
    return self;
}

- (void)setSelected:(BOOL)selected animated:(BOOL)animated
{
    [super setSelected:selected animated:animated];

    // Configure the view for the selected state
}

#pragma mark 获取scrollView上的三个ImageView
-(void)initImageView{
    NSArray *subviews = [self.imageShow subviews];
    NSLog(@"subviews-------%d",subviews.count);
    imageView1 = [subviews objectAtIndex:0];
    imageView2 = [subviews objectAtIndex:1];
    imageView3 = [subviews objectAtIndex:2];
}




#pragma mark 初始化cell上的scrollView
-(void)setImageScrollVIew:(NSArray *)imageArray imageIndex:(int)imageIndex{
    
    CGFloat width = self.imageShow.frame.size.width;
    CGFloat height = self.imageShow.frame.size.height;
    int count = imageArray.count;
    
    //如果scrollView上已经有了三个imageView,直接更改它们上面的图片,如果没有则创建
    if ([self.imageShow subviews].count != 3) {
        //初始化scrollView的三个ImageView
        for (int i = 0; i < kImageViewCount; i++) {
            UIImageView *imageView = [[UIImageView alloc] init];
            
            imageView.frame = CGRectMake(i * width, 0, width, height);
            imageView.contentMode = UIViewContentModeScaleAspectFit;
            
            int imageNum = i - 1;
            if (imageNum < 0) {
                imageNum = imageArray.count - 1;
            }
            
            [imageViewArray addObject:imageView];
            imageView.image = [UIImage imageNamed:imageArray[imageNum % count]];
            [self.imageShow addSubview:imageView];
        }
        
        
        self.imageShow.contentSize = CGSizeMake(kImageViewCount * width, height);
        
        self.imageShow.showsHorizontalScrollIndicator = NO;
        self.imageShow.showsVerticalScrollIndicator = NO;
        
        self.imageShow.pagingEnabled = YES;
        
        
    }else{
        [self initImageView];
        int imageNum = imageIndex - 1;
        if (imageNum < 0) {
            imageNum = imageArray.count - 1;
        }
        imageView1.image = [UIImage imageNamed:imageArray[imageNum % count]];
        imageView2.image = [UIImage imageNamed:imageArray[imageIndex % count]];
        imageView3.image = [UIImage imageNamed:imageArray[(imageIndex + 1) % count]];
    }
    
    self.imageShow.contentOffset = CGPointMake(width, 0);
}


#pragma mark 滑动时,更新scrollView上的图片

-(void)updateImages:(NSArray *)imageArray index:(int)index direction:(int)direction{
    NSLog(@"updateImage---------");
    //获得scrollView上的三个imageView
    [self initImageView];
    
    int count = imageArray.count;
    
    if (direction == 1) {//向左滑动
        NSLog(@"%@",imageArray[(index % count)]);
        imageView1.image = [UIImage imageNamed:imageArray[(index % count)]];
        imageView2.image = [UIImage imageNamed:imageArray[((index + 1) % count)]];
        imageView3.image = [UIImage imageNamed:imageArray[((index + 2) % count)]];
//        self.imageShow.contentOffset = CGPointMake(self.imageShow.frame.size.width, 0);
    }
    if (direction == 0) {//向右滑动
        imageView1.image = [UIImage imageNamed:imageArray[(index - 2) % count]];
        imageView2.image = [UIImage imageNamed:imageArray[((index - 1) % count)]];
        imageView3.image = [UIImage imageNamed:imageArray[index % count]];
        
    }
    self.imageShow.contentOffset = CGPointMake(self.imageShow.frame.size.width, 0);
    
}


@end

实体类

#import <Foundation/Foundation.h>

@interface ShiTiLei : NSObject

@property int imageIndex;
@property (copy, nonatomic) NSString *detail;
@property (retain, nonatomic) NSMutableArray *imageArray;

-(id)initWithDetail:(NSString *)detail ImageArray:(NSArray *)imageArray;
+(id)shiTiLeiWithDetail:(NSString *)detail ImageArray:(NSArray *)imageArray;

@end


#import "ShiTiLei.h"

@implementation ShiTiLei
-(id)initWithDetail:(NSString *)detail ImageArray:(NSArray *)imageArray{
    if (self = [super init]) {
        self.detail = detail;
        self.imageArray = [NSMutableArray arrayWithArray:imageArray];
    }
    return self;
}

+(id)shiTiLeiWithDetail:(NSString *)detail ImageArray:(NSArray *)imageArray{
    return [[self alloc] initWithDetail:detail ImageArray:imageArray];
}
@end

接着是主程序

#import <UIKit/UIKit.h>

@interface MainViewController : UITableViewController<UIScrollViewDelegate>

@end

#import "MainViewController.h"
#import "ShiTiLei.h"
#import "MyCell.h"
#import "DetailViewController.h"


@interface MainViewController ()
{
    NSMutableArray *shiti;
    NSArray *images;
    NSIndexPath *selectedIndex;
}


@end

@implementation MainViewController

- (id)initWithStyle:(UITableViewStyle)style
{
    self = [super initWithStyle:style];
    if (self) {
        // Custom initialization
    }
    return self;
}

- (void)viewDidLoad
{
    [super viewDidLoad];

    self.title = @"精选房屋";
   
    
    //图片数组
    NSArray *images1 = @[@"0.jpeg",@"1.jpeg",@"2.jpeg",@"3.jpeg"];
    NSArray *images2 = @[@"010.png",@"011.png",@"012.png",@"013.png"];
    NSArray *house1 = @[@"01.jpg",@"03.jpg",@"06.jpg",@"07.jpg"];
    NSArray *house2 = @[@"02.jpg",@"05.jpg",@"08.jpg",@"09.jpg",@"10.jpg"];
    NSArray *house3 = @[@"04.jpg",@"11.jpg",@"12.jpg",@"13.jpg"];
    NSArray *sea_house = @[@"sea1.jpg",@"sea2.jpg",@"sea3.jpg",@"sea4.jpg",@"sea5.jpg"];
    images = @[images1,images2,house1,house2,house3,sea_house];
 
    ShiTiLei *s1 = [ShiTiLei shiTiLeiWithDetail:@"first" ImageArray:images[0]];
    ShiTiLei *s2 = [ShiTiLei shiTiLeiWithDetail:@"second" ImageArray:images[1]];
    ShiTiLei *h1 = [ShiTiLei shiTiLeiWithDetail:@"天朝帝都房源" ImageArray:images[2]];
    ShiTiLei *h2 = [ShiTiLei shiTiLeiWithDetail:@"亲近自然类" ImageArray:images[3]];
    ShiTiLei *h3 = [ShiTiLei shiTiLeiWithDetail:@"农家乐" ImageArray:images[4]];
//    ShiTiLei *s3 = [ShiTiLei shiTiLeiWithDetail:@"third" ImageArray:images[0]];
//    ShiTiLei *s4 = [ShiTiLei shiTiLeiWithDetail:@"fourth" ImageArray:images[1]];
//    ShiTiLei *s5 = [ShiTiLei shiTiLeiWithDetail:@"third" ImageArray:images[0]];
    
    //初始化实体类数组
    shiti = [NSMutableArray array];
    
    [shiti addObject:h1];
    [shiti addObject: h2];
    [shiti addObject:h3];
    [shiti addObject:s1];
    [shiti addObject:s2];
    
    
//    [shiti addObject:s3];
//    [shiti addObject:s4];
//    [shiti addObject:s5];
    
    //给tableView添加手势
    UITapGestureRecognizer *tapGR = [[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(handleTap:)];
    tapGR.numberOfTapsRequired = 1;
    tapGR.numberOfTouchesRequired = 1;
    [self.tableView addGestureRecognizer:tapGR];
    
}

- (void)didReceiveMemoryWarning
{
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.
}

#pragma mark - Table view 代理方法

- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView
{

    return 1;
}

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

    return shiti.count;
}

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

    static NSString *CellIdentifier = @"myCell";
    MyCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier forIndexPath:indexPath];
    

    // Configure the cell...
    
    ShiTiLei *s = shiti[indexPath.row];
    
    cell.infoLabel.text = s.detail;
    cell.imageShow.delegate = self;

    [cell setImageScrollVIew:s.imageArray imageIndex:s.imageIndex];
    
    //用cell.tag保存当前行号
    cell.tag = indexPath.row;
    
    //用scrollView的tag来保存当前cell的行号,相当于传递的一个参数
    cell.imageShow.tag = indexPath.row;
    return cell;
}


#pragma mark 调转前传递数据
-(void)prepareForSegue:(UIStoryboardSegue *)segue sender:(id)sender{
    NSLog(@"%@",[sender class]);
    MyCell *cell = (MyCell *)sender;
    NSLog(@"%d",cell.tag);
    
    DetailViewController *detail = segue.destinationViewController;
    detail.detail = cell.infoLabel.text;
}

#pragma mark 单击手势处理方法
-(void)handleTap:(UITapGestureRecognizer *)recognizer{
    //前两种方法失败
    //1
//    DetailViewController *detail = [[DetailViewController alloc] init];
//    [self.navigationController pushViewController:detail animated:YES];
    //2
//    [self presentViewController:detail animated:YES completion:nil];
    
    CGPoint point = [recognizer locationInView:self.tableView];
    NSIndexPath *index = [self.tableView indexPathForRowAtPoint:point];
    MyCell *cell = (MyCell *)[self.tableView cellForRowAtIndexPath:index];
    
    [self performSegueWithIdentifier:@"detailSegue" sender:cell];
    
    
    
    
    /*
    DetailViewController *detail = [self.storyboard instantiateViewControllerWithIdentifier:@"detail"];
    detail.detail = cell.infoLabel.text;
    
    
    [self.navigationController pushViewController:detail animated:YES];
     */
}


#pragma mark scrollView代理方法

-(void)scrollViewDidScroll:(UIScrollView *)scrollView{
    //如果滑动是由tableView触发的,则不予以理会
    if ([scrollView isKindOfClass:[self.tableView class]]) return;

    NSLog(@"-------");
    
    //获取当前cell的行号
    int row = scrollView.tag;
    
    MyCell *cell = (MyCell *)[self.tableView cellForRowAtIndexPath:[NSIndexPath indexPathForRow:row inSection:0]];
    ShiTiLei *s = shiti[row];
    
    //获取cell上显示图片的index
    int index = s.imageIndex;
    //图片数组count
    int count = s.imageArray.count;
    
    
    
    if (scrollView.contentOffset.x == 640) {
        NSLog(@"向左滑--------");
        
        //调用cell的方法,更新scrollView上的图片,1代表向左滑动
        [cell updateImages:s.imageArray index:index direction:1];
        index++;
        
        //最后再将当前的index赋给cell.imageIndex
        s.imageIndex = index % count;
        
    }
    if (scrollView.contentOffset.x == 0) {
        NSLog(@"向右滑--------");
        if ((index - 2) < 0) {
            index = index + count;
        }
        [cell updateImages:s.imageArray index:index direction:0];
        index--;
        s.imageIndex = index;
    }
    
    
}




-(void)scrollViewDidEndDragging:(UIScrollView *)scrollView willDecelerate:(BOOL)decelerate{
    NSLog(@"x = %.2f,y = %.2f",scrollView.contentOffset.x,scrollView.contentOffset.y);
}
/*
-(void)scrollViewDidScroll:(UIScrollView *)scrollView{
    //判断是谁的scrollView触发的
    if ([scrollView isKindOfClass:[self.tableView class]]) return;
    if (scrollView.contentOffset.x == 640) {
        NSLog(@"640-------");
    }
    if (scrollView.contentOffset.x == 0) {
        NSLog(@"0----------");
        NSLog(@"%@",[scrollView class]);
    }
}
*/

@end

点击cell跳到详情页面

#import <UIKit/UIKit.h>

@interface DetailViewController : UIViewController
@property (copy, nonatomic) NSString *detail;
@property (weak, nonatomic) IBOutlet UILabel *detailLabel;

@end

#import "DetailViewController.h"

@interface DetailViewController ()

@end

@implementation DetailViewController

- (id)initWithNibName:(NSString *)nibNameOrNil bundle:(NSBundle *)nibBundleOrNil
{
    self = [super initWithNibName:nibNameOrNil bundle:nibBundleOrNil];
    if (self) {
        // Custom initialization
    }
    return self;
}

- (void)viewDidLoad
{
    [super viewDidLoad];
    // Do any additional setup after loading the view.
    NSLog(@"detail");
    self.detailLabel.text = self.detail;
}

- (void)didReceiveMemoryWarning
{
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.
}

@end


0 0
原创粉丝点击