在 TableView 单元中带有分页的 ScrollView

Question

我必须创建一个表格视图，其中一个单元格具有启用分页和分页控制的滚动视图。我已经尝试过。

我在 IB 中创建了一个 TableView Cell，里面有两个东西 1.滚动视图 2.页面控件和运行时放置在scrollview每个页面上的一些标签，我已经在普通视图中测试了这个scrollview和分页控件，它可以正常工作。

我在 ScrollViewCell.h 中有以下代码

#import <UIKit/UIKit.h>

@interface ScrollViewCell : UITableViewCell<UIScrollViewDelegate>
{
UIPageControl* pageControl;
UIScrollView* scrollView;
BOOL pageControlBeingUsed;
}

@property (nonatomic, retain) IBOutlet UIScrollView* scrollView;
@property (nonatomic, retain) IBOutlet UIPageControl* pageControl;
- (IBAction)changePage;

@end

以及 ScrollViewCell.m 中的以下代码

#import "ScrollViewCell.h"

@implementation ScrollViewCell

@synthesize scrollView;
@synthesize pageControl;


- (id)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString*)reuseIdentifier
{
self = [super initWithStyle:style reuseIdentifier:reuseIdentifier];
if (self) {
    // Initialization code
    NSArray *colors = [NSArray arrayWithObjects:[UIColor redColor], [UIColor greenColor],    [UIColor blueColor], nil];
    for (int i = 0; i < colors.count; i++) {
        CGRect frame;
        frame.origin.x = self.scrollView.frame.size.width * i;
        frame.origin.y = 0;
        frame.size = self.scrollView.frame.size;

        UIView *subview = [[UIView alloc] initWithFrame:frame];
        subview.backgroundColor = [UIColor grayColor];

        [self.scrollView addSubview:subview];

        // add buttons
        CGRect Frame= CGRectMake(frame.origin.x,frame.origin.y,200,50);
        //set your x and y position whatever u want.

        UIButton *Button = [UIButton buttonWithType:UIButtonTypeCustom];
        Button.frame = Frame;

        UIImage *Img = [UIImage imageNamed:@"second.png"];
        [Button setBackgroundImage:Img forState:UIControlStateNormal];

        [scrollView addSubview: Button];

        // add text
        UILabel *label = [[UILabel alloc]    initWithFrame:CGRectMake(frame.origin.x,frame.origin.y+60,200,50)];
        label.textAlignment = UITextAlignmentCenter;
        label.text = @"Here you write your text";
        label.textColor = [UIColor blackColor];

        [scrollView addSubview:label ];
        [subview release];
    }

    self.scrollView.contentSize = CGSizeMake(self.scrollView.frame.size.width * colors.count, self.scrollView.frame.size.height);


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

// Configure the view for the selected state
}

- (void)scrollViewDidScroll:(UIScrollView *)sender {
if (!pageControlBeingUsed) {
    // Switch the indicator when more than 50% of the previous/next page isvisible
    CGFloat pageWidth = self.scrollView.frame.size.width;
    int page = floor((self.scrollView.contentOffset.x - pageWidth / 2) / pageWidth) + 1;
    self.pageControl.currentPage = page;
}
}
- (IBAction)changePage {
// update the scroll view to the appropriate page
CGRect frame;
frame.origin.x = self.scrollView.frame.size.width * self.pageControl.currentPage;
frame.origin.y = 0;
frame.size = self.scrollView.frame.size;

[self.scrollView scrollRectToVisible:frame animated:YES];
pageControlBeingUsed = YES;

}

@end

我在表格视图中加载这个单元格如下

static NSString *CellIdentifier = @"ScrollViewCell";

ScrollViewCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier];
if (cell == nil) {
    cell = [[[ScrollViewCell alloc] initWithStyle:UITableViewCellStyleDefault  reuseIdentifier:CellIdentifier] autorelease];

}


return cell;

当我运行这个应用程序时，它会显示一个具有所需高度的空表，但其中没有任何内容。 我的方法正确吗？如果是，有什么遗漏？

谢谢 问候 维沙尔

Answer 1

您正在尝试在UITableViewCell 类本身中添加自定义您的UIScrollView，我不确定它是否会起作用。

改为在您的UITableView 类cellForRowAtIndexPath 中尝试这样，

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{    
    static NSString * CellIdentifier = @"GroupButtonCell";
    CustomCell * cell = (CustomCell*)[tableView dequeueReusableCellWithIdentifier:CellIdentifier];
    if (cell == nil)
    {
        NSArray * customcellArray = [[NSBundle mainBundle]loadNibNamed:@"CustomCell" owner:self options:nil];
        for(id customcellObject in customcellArray){
            if([customcellObject isKindOfClass: [UITableViewCell class]]){
                cell = (CustomCell *)customcellObject;
                break;
            }
        }
    }

// Customize your UIScrollView here..

    [cell.scrollView setDelegate:self];
    [cell.scrollView setPagingEnabled:YES];

    NSArray *colors = [NSArray arrayWithObjects:[UIColor redColor], [UIColor greenColor],[UIColor blueColor], nil];
    cell.scrollView.contentSize = CGSizeMake(cell.scrollView.frame.size.width * colors.count,cell.scrollView.frame.size.height);
    for (int i = 0; i < colors.count; i++) {
        CGRect frame;
        frame.origin.x = cell.scrollView.frame.size.width * i;
        frame.origin.y = 0;
        frame.size = cell.scrollView.frame.size;

        UIView *subview = [[UIView alloc] initWithFrame:frame];
        subview.backgroundColor = [colors objectAtIndex:i];
        [cell.scrollView addSubview:subview];
    }
    // Configure the cell...

    return cell;
}

Answer 2

在 ScrollViewCell.m 中试试这个 init 方法内部。

       [self.contentView addSubview:scrollView];

您应该在单元格上添加滚动视图。检查 M 不确定。我没有时间在项目中尝试。