2016-10-26 7 views
0

このUIのようなユーザーインターフェイスを作成するには、アドバイスが必要です。iOS - 私たちの投稿が好きなユーザーを見るためのUIを作成します。

Facebook UI when see likers

それは、その表示が行基づいているためUITableViewまたはUICollectionViewを使用することをお勧めしますか?しかし、左右にスワイプすると、コレクションビューの水平スクロールのような別のセクションが表示されます。私はこのようなUIを作成したことがないので、私は混乱します。 UITableViewControllerを使用することをお勧めしますが、セグメントを見ると、フィルタを変更するためにスワイプできないため、セグメント化されたコントローラを使用できません。

答えて

0

1)ストーリーボードビューコントローラ(UIViewController)を作成します。コントローラのビューには、タイトルビューとコンテナビューの2つのサブビューがあります(2つのIBOutletビュー)。

2)タイトルビュー - トップビューです(あなたの場合 - アイテムを含むコレクションビュー)。 コンテナビュー - pageViewControllerのビューです。 あなたは次のようなことを行います:

self.pageViewController = [[UIPageViewController alloc] initWithTransitionStyle:UIPageViewControllerTransitionStyleScroll 
                  navigationOrientation:UIPageViewControllerNavigationOrientationHorizontal 
                     options:nil]; 
self.pageViewController.dataSource = self; 
self.pageViewController.delegate = self; 

[self.pageViewController setViewControllers:@[[self viewControllerForIndex:index]] 
            direction:UIPageViewControllerNavigationDirectionForward 
            animated:NO 
           completion:nil]; 
[self addChildViewController:self.pageViewController]; 
[self.containerView addSubview:self.pageViewController.view]; 
[self.pageViewController didMoveToParentViewController:self]; 

- (UIViewController *)viewControllerForIndex:(NSUInteger)index { 
    UITableViewController *vc = [[UITableViewController alloc] init]; 
    return vc; 
} 
+0

私はPageViewControllerをストーリーボードに使用していますが、私はUITableViewControllerを使用していますか?私はまだトップビューについて理解していない、それは新しいCollectionViewControllerですか? –

+0

@calvinsugianto私は私の答えをリファクタリングしました。 –

+0

self.pageViewControllerは何を参照していますか?このように定義された新しいプロパティですか? (at)IBOutlet弱いvarコンテナビュー:UIView! (at)IBOutlet weak title titleView:UIView! var pageViewController = UIPageViewController() –