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
- UIscrollview和UItableView结合使用(就是cell可以滑动改变图片)
- iOS使用UIScrollView实现左右滑动UITableView和UICollectionView
- iOS使用UIScrollView实现左右滑动UITableView和UICollectionView
- ios UITableView 区和cell一起滑动
- 滑动删除uitableview cell
- UITableView 滑动Cell删除
- UIPageController和UIScrollView结合使用
- 使用Autolayout实现UITableView的Cell动态布局和高度动态改变
- [译]使用Autolayout实现UITableView的Cell动态布局和高度动态改变
- 使用Autolayout实现UITableView的Cell动态布局和高度动态改变
- 使用Autolayout实现UITableView的Cell动态布局和高度动态改变
- 使用Autolayout实现UITableView的Cell动态布局和高度动态改变
- 使用Autolayout实现UITableView的Cell动态布局和高度动态改变
- 使用Autolayout实现UITableView的Cell动态布局和高度动态改变
- 使用Autolayout实现UITableView的Cell动态布局和高度动态改变
- IOS 使用Autolayout实现UITableView的Cell动态布局和高度动态改变
- 使用Autolayout实现UITableView的Cell动态布局和高度动态改变
- 使用Autolayout实现UITableView的Cell动态布局和高度动态改变
- 结构体、共用体
- Codeforces Round #268 (Div. 2) D Two Sets
- 用两个栈实现队列操作
- The 15th tip of DB Query Analyzer
- strlen函数,strcat函数,strcpy函数,strncpy函数,strcmp函数
- UIscrollview和UItableView结合使用(就是cell可以滑动改变图片)
- iOS UIPickerView
- 列表list
- HDU4803 Poor Warehouse Keeper【贪心】
- 【HDU】5039 Hilarity 线段树
- function与感叹号之插件开发
- list去重复
- memmove函数
- 解决android出现static void xxx No enclosing instance of type xxx is accessible