如何使用Storyboard创建UIPageViewController

Posted 2023-02-19

StoryBoard是ios 5的新特征，目的是代替历史悠久的NIB/XIB，对于已经习惯了xib文件的孩子们来说，StoryBoard还不是那么熟悉。经过两天的研究，有了一些心得，在此分享。
一、如何使用storyboard简单实现Push页面，步骤如下：
1、创建一个带有storyboard的singleview application应用程序如图。

创建好的应用程序已经自动创建好了一个和MainStoryboard连接好的ViewController。
2、在MainStoryboard中，选中ViewController并拖入tableview以及tableviewCell，并且设置tableviewCell的style为Basic，Identifier为Cell，如果希望是自定义cell的则需要选择custom，如下图，之后可以插入一个NavigationController：

不要忘记连接datasource和delegate。

现在可以编码了，在ViewController.m中：
#pragmamark - UITableViewDataSource

-(NSInteger)tableView:(UITableView*)tableView numberOfRowsInSection:(NSInteger)section
return1;


-(UITableViewCell*)tableView:(UITableView*)tableView cellForRowAtIndexPath:(NSIndexPath*)indexPath
staticNSString*CellIdentifier = @"Cell";
UITableViewCell*cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier];
if(cell == nil)

cell= [[UITableViewCellalloc]initWithStyle:UITableViewCellStyleDefault
reuseIdentifier:CellIdentifier];
cell.accessoryType=UITableViewCellAccessoryDisclosureIndicator;


cell.textLabel.text=@"话题";

returncell;


3、现在实现简单的push功能：
再次打开MainStoryboard文件，新拖入一个TableViewController，并且在右边工程中新建一个TopicTableViewController的h文件和m文件，选中MainStoryboard中的TableViewController，将其class设置为TopicTableViewController，同上设置好tableview的cell。

＊右键选择前一个viewcontroller的cell，连接push到新拖入的TableView Controller，如下图：

这个时候运行就能正确push到新的tableview页面了。

如果你希望在push页面的时候做些什么操作的话，可以在ViewController.m文件中编码：
-(void)prepareForSegue:(UIStoryboardSegue*)segue sender:(id)sender

if([[segueidentifier]isEqualToString:@"showSomething"])
//dosomething you want
UIAlertView*alertView = [[UIAlertViewalloc]initWithTitle:nilmessage:@"test"delegate:nilcancelButtonTitle:@"确定"otherButtonTitles:nil,nil];
[alertViewshow];


记住一定要设置push的segue，在这里我设置为showSomething。
运行可以看到在push页面的同时弹出了testalert框，如图：

二、获取指定storyboard中的object
前面的步骤按照第一、二步完成，然后第三步完成到＊符号之前，这个时候看到的就是一个单独的新建的tableview controller，怎么获取它呢？很简单，首先，MainStoryboard中选中新建的tableview controller，设置其identifier为TopicTableViewController，如图：

接着，在你需要使用它的函数里，如下：
-(void)presentTimelineViewController:(BOOL)animated

UIStoryboard*storyboard = [UIStoryboardstoryboardWithName:@"MainStoryboard"bundle:nil];
TopicTableViewController*topicViewController = [storyboardinstantiateViewControllerWithIdentifier:@"TopicTableViewController"];
。。。

[self.navigationControllerpushViewController:topicViewControlleranimated:animated]; 参考技术A UIPageViewController在iOS 5 SDK中首次引入，它使得开发者可以使用这个ViewController创建分页视图。在iOS 6中，这个类有了更新，支持滚动过渡效果。使用Page View，用户可以方便的通过手势在多个页面之间导航。UIPageViewController并不仅仅用于引导页，很多游戏，例如：愤怒的小鸟，就是用Page View来展示关卡选择的页面，还有有关书籍的应用，用这个类来显示书的页面。

　　example
　　UIPageViewController是个高度可配置的类，你可以进行如下配置：
　　分页的方向——水平或垂直
　　翻页的样式——书卷翻页或者滑动翻页
　　书脊位置——只有书卷翻页样式有效
　　页面间距——只有滑动翻页样式有效，用来定义页面间距（inter-page spacing）
　　为了演示，我们会一起创建一个简单的app。当然，我们不会演示所有的UIPageViewController的配置细节，我们会演示到使用滑动翻页样式来创建一个引导页。不过别担心，有了对UIPageViewController的基本理解，我相信你能够去探索其他的特性。
　　开始吧！
　　Demo一览
　　我们要创建的Demo很简单，它会显示4个页面来介绍app的UI。用户可以在页面之间滑动切换。在任何时候用户点击“Start again”按钮会回到第一页。你能在Snapguide或Airbnb等app中找到很多类似的引导页，所以这个效果你应该不陌生。

　　创建项目
　　打开Xcode并创建一个Simple View Application项目。选择Single View Application看起来有点奇怪，因为Xcode已经提供了基于UIPageViewController的具有完整功能的Page-Based Application模板。但是，这个模板还是有一些复杂，把这个模板解释清楚比重新开始一个项目要复杂的多。况且，从零开始一定会让我们对UIPageViewController的使用有更好的掌握。

　　好了，开始吧。下个页面中输入PageViewDemo作为项目名称，在company identifier栏中填入com.appcoda，设备类型选择iPhone。点击下一步并创建项目。

　　在Storyboard中创建Page View Controller
　　下一步，选择Main.storyboard。通常，你会看到一个默认的由Xcode生成的View Controller，先别管它，从Object Library拖出一个Page ViewController到Storyboard中。然后再拖出另一个View Controller。

　　在这个项目中，第一个View Controller会作为根View Controller，承载Page View Controller。最后添加的View Controller会作为页面的内容。后文中，用“根VC”代表“第一个View Controller”，“内容VC”代表“最后添加的View Controller”。
　　你可能会疑惑为什么只添加1个View Controller作为4页的内容，难道不应该使用4个View Controller吗？通过后面的演示你会发现，引导页都非常相似，通过复用这个View Controller显然是更好的选择。
　　下一步，给内容VC和Page View Controller分别设置一个ID。你能在Identity Inspector面板方便地设置。将Page View Controller的ID设置为“PageViewController”，将内容VC的ID设置为“PageContentController”。后面我们会在代码中使用到这些ID。

　　Page View Controller的默认变换样式是翻页效果（Page Curl），这个效果比较适合书籍类应用。引导页中，使用滑动效果更合适，所以将transition style更改为Scroll。

　　现在来设计内容vc的界面。拖出一个Image View和一个Label到Controller中。按照喜好更改字体和字号。但是你的View Controller应该和下面截图的样子类似。

　　对于那个默认的View Controller，在底部添加一个“Start again”按钮。本回答被提问者和网友采纳