0

やあみんな私はiPhoneのホーム画面のようにページコントロール付きのスクロールを実装しようとしていますが、uitableviewセルにあります。

これを試みるために私が試みたのは、xibファイルを使用してカスタムテーブルビューセルを作成し、その上にuipagecontrolとuiscrollviewを配置し、それをiboutletsでuitableviewcellに接続することです。

これは、カスタムセルの.hファイル内のコードです。

@interface ScrollableCell : UITableViewCell <UIScrollViewDelegate>

@property (nonatomic, strong) IBOutlet UIScrollView *scrollView;
@property (nonatomic, strong) IBOutlet UIPageControl *pageControl;
@property (nonatomic, strong) NSMutableArray *viewControllers;

これは、プロパティを合成した後のカスタムセルの.mファイルからのコードです。

- (CGSize)contentSizeForPagingScrollView {
CGRect bounds = self.scrollView.bounds;
return CGSizeMake(bounds.size.width * [self.viewControllers count] , bounds.size.height );
} 

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

    UIView *blueView = [[UIView alloc] initWithFrame:CGRectZero];
    [blueView setBackgroundColor:[UIColor blueColor]];

    UIView *redView = [[UIView alloc] initWithFrame:CGRectZero];
    [redView setBackgroundColor:[UIColor redColor]];

    UIView *yellowView = [[UIView alloc] initWithFrame:CGRectZero];
    [yellowView setBackgroundColor:[UIColor yellowColor]]; 

    self.viewControllers = [NSArray arrayWithObjects:blueView, redView, yellowView,nil];

    for (UIView *view in self.viewControllers) {
        [view setFrame:CGRectMake([self.viewControllers indexOfObject:view]*self.scrollView.frame.size.width+5, 
                                  5, 
                                  self.scrollView.frame.size.width-10, 
                                  self.scrollView.frame.size.height-10.0)];
        [self.scrollView addSubview:view];

    }

    self.pageControl.numberOfPages = [self.viewControllers count];
    self.pageControl.currentPage = 0;

    self.scrollView.pagingEnabled = YES;
    self.scrollView.backgroundColor = [UIColor blackColor];
    self.scrollView.showsVerticalScrollIndicator = NO;
    self.scrollView.showsHorizontalScrollIndicator = NO;
    self.scrollView.contentSize = [self contentSizeForPagingScrollView];
    self.scrollView.delegate = self;
    [self.contentView addSubview:self.scrollView];
    [self.contentView addSubview:self.pageControl];
}
return self;
}

-(void) scrollViewDidScroll:(UIScrollView *)scrollView
{
CGFloat pageWidth = scrollView.frame.size.width;
int page = floor((scrollView.contentOffset.x - pageWidth / 2) / pageWidth) + 1;
self.pageControl.currentPage = page;
}

皆さんが私がこれを機能させるのを手伝ってくれることを願っています。私が試みているものとは異なるアプローチ/より良いアプローチがある場合は、私に知らせてください。

私が達成しようとしていることを視覚的に参照するために、パルスニュースアプリは法案に適合していると思います

http://itunes.apple.com/us/app/pulse-news-for-iphone/id377594176?mt=8

各セルを水平方向にスクロールするテーブルビューです。

ありがとう。

4

1 に答える 1

0

私が試みているものとは異なるアプローチ/より良いアプローチがある場合は、私に知らせてください。私が達成しようとしていることを視覚的に参照するために、パルスニュースアプリは法案に適合していると思います。

これを設計するための主なリファレンスがPulseアプリである場合、開発者は実際にはスクロールビューに頼っていなかったことを知っておく必要があります。パルスアプリはすべてテーブルビューです。1つのメインの垂直テーブルビューと、垂直テーブルを構成する各セル内のいくつかの水平の「ハッキングされた」テーブルビュー。

テーブルビューの非常にスマートな実装です。しかし、Pulseの開発者自身よりも、これをあなたに説明する方がよい人は誰でしょう。彼らは、iOSプログラミングコースのためにスタンフォードでの講義に招待されました。 それはiTunesUにあり、アイデアから＃1アプリに移行するための10のハックと呼ばれる講義の6分です。あなたはそれを見て、それがあなたにもっと合っているなら多分あなたのアプリのデザインを再考するべきです。

于 2011-07-24T00:38:15.393 に答える