招財进宝 發表於 2023-7-5 10:43:49

iOS各种ViewController控制器使用示例完整介绍

<div id="navCategory"><h5 class="catalogue">目录</h5><ul class="first_class_ul"><li>正文</li><li>1 UIViewController</li><li>2 UINavigationController</li><li>3 UITabBarController</li><li>4 UIPageViewController</li></ul></div><p class="maodian"></p><h2>正文</h2>
<p>iOS 界面开发最重要的是ViewController和View，ViewController是View的控制器，也就是一般的页面，用来管理页面的生命周期（它相当于安卓里的Activity，两者很像，又有一些差异）。</p>
<p>ViewController的特点是它有好几种。一种最基本的UIViewController，和另外三种容器：UINavigationController、UITabBarController、UIPageViewController。</p>
<p>所谓容器，就是它们本身不能单独用来显示，必须在里面放一个或几个UIViewController。</p>
<p>不同容器有不同的页面管理方式和展示效果：</p>
<ul><li>UINavigationController 用导航栏管理页面</li><li>UITabBarController 用底部tab管理页面</li><li>UIPageViewController 用切换器管理页面</li></ul>
<p>容器还可以嵌套，比如把UITabBarController放进UINavigationController里面，这样在tab页面里，可以用启动导航栏样式的二级子页面。</p>
<p class="maodian"></p><h2>1 UIViewController</h2>
<p>这是最简单的页面，没有导航栏。</p>
<p>使用present方法展示，展示时从底部弹起，可以用下滑手势关闭，也可以多次启动叠加多个页面。</p>
<p style="text-align:center"><img alt="" src="https://img.jbzj.com/file_images/article/202307/2023070509292904.jpg" /></p>
<div class="jb51code"><pre class="brush:cpp;">class ViewController: UIViewController {
    override func viewDidLoad() {
      super.viewDidLoad()
      // Do any additional setup after loading the view.
      title = "\(self.hash)"
      var label = UIButton(frame: CGRect(x: 10, y: 100, width: 300, height: 100))
      label.setTitle("present ViewController", for: .normal)
      view.addSubview(label)
      label.addTarget(self, action: #selector(presentVC), for: .touchUpInside)
      label = UIButton(frame: CGRect(x: 10, y: 200, width: 300, height: 100))
      label.setTitle("present NavigationController", for: .normal)
      view.addSubview(label)
      label.addTarget(self, action: #selector(presentNC), for: .touchUpInside)
      label = UIButton(frame: CGRect(x: 10, y: 300, width: 300, height: 100))
      label.setTitle("push ViewController", for: .normal)
      view.addSubview(label)
      label.addTarget(self, action: #selector(pushVC), for: .touchUpInside)
      label = UIButton(frame: CGRect(x: 10, y: 400, width: 300, height: 100))
      label.setTitle("present TabbarController", for: .normal)
      view.addSubview(label)
      label.addTarget(self, action: #selector(presentTC), for: .touchUpInside)
      label = UIButton(frame: CGRect(x: 10, y: 500, width: 300, height: 100))
      label.setTitle("present PageViewController", for: .normal)
      view.addSubview(label)
      label.addTarget(self, action: #selector(presentPC), for: .touchUpInside)
    }
    @objc func presentVC() {
      let vc = ViewController()
      vc.view.backgroundColor = .darkGray
      present(vc, animated: true)
    }
    @objc func presentNC() {
      let vc = ViewController()
      vc.view.backgroundColor = .gray
      let nc = UINavigationController(rootViewController: vc)
      present(nc, animated: true)
    }
    @objc func presentTC() {
      let tc = MyTabbarController()
      tc.view.backgroundColor = .blue
      let nc = UINavigationController(rootViewController: tc)
      present(nc, animated: true)
    }
    @objc func presentPC() {
      let pc = MyPageViewController()
      pc.view.backgroundColor = .red
      let nc = UINavigationController(rootViewController: pc)
      present(nc, animated: true)
    }
    @objc func pushVC() {
      let vc = ViewController()
      vc.view.backgroundColor = .purple
      if let nc = navigationController {
            nc.pushViewController(vc, animated: true)
      } else {
            print("navigationController nil!")
      }
    }
}</pre></div>
<p class="maodian"></p><h2>2 UINavigationController</h2>
<p>这是最常用的页面导航方式，顶部展示导航栏，有标题、返回按钮。</p>
<p>使用pushViewController方法展示，展示时从右往左出现，可以用右滑手势关闭，也可以多次启动叠加多个页面。</p>
<p>注意：</p>
<p>UINavigationController用来管理一组UIViewController，这些UIViewController共用一个导航栏。</p>
<p>一般来说，UINavigationController能很好地控制导航栏上面的元素显示和转场效果。</p>
<p>如果需要定制导航栏元素，尽量修改UIViewController的导航栏，不要直接修改UINavigationController的导航栏。</p>
<p style="text-align:center"><img alt="" src="https://img.jbzj.com/file_images/article/202307/2023070509292905.jpg" /></p>
<p class="maodian"></p><h2>3 UITabBarController</h2>
<p>这个一般用来做主页面的展示，下面配置多个tab，用来切换页面。</p>
<p style="text-align:center"><img alt="" src="https://img.jbzj.com/file_images/article/202307/2023070509292906.jpg" /></p>
<div class="jb51code"><pre class="brush:cpp;">class MyTabbarController: UITabBarController {
    init() {
      super.init(nibName: nil, bundle: nil)
      self.tabBar.backgroundColor = .gray
      let vc1 = ViewController()
      vc1.tabBarItem.image = UIImage(named: "diamond")
      vc1.tabBarItem.title = "tab1"
      vc1.view.backgroundColor = .red
      let vc2 = ViewController()
      vc2.tabBarItem.image = UIImage(named: "diamond")
      vc2.tabBarItem.title = "tab2"
      vc2.view.backgroundColor = .blue
      let vc3 = ViewController()
      vc3.tabBarItem.image = UIImage(named: "diamond")
      vc3.tabBarItem.title = "tab3"
      vc3.view.backgroundColor = .purple
      self.viewControllers = [
            vc1,
            vc2,
            vc3,
      ]
    }
    required init?(coder: NSCoder) {
      fatalError("init(coder:) has not been implemented")
    }
}</pre></div>
<p class="maodian"></p><h2>4 UIPageViewController</h2>
<p>这个用来做翻页的页面，比如电子书或者广告banner。可以配置左右或上下翻译，翻页效果可以配置滚动或者模拟翻书。</p>
<p>用viewControllerBefore和viewControllerAfter回调方法控制页面切换。viewControllerBefore方法是让我们给它提供当前页面的前一个页面，viewControllerAfter方法是让我们给它提供当前页面的后一个页面。</p>
<p>注意：</p>
<p>UIPageViewController有预加载机制，它会提前加载当前页面的前后页面。</p>
<p>但是它没有实现页面缓存机制，需要我们在外部做缓存。</p>
<p>如果页面非常多，但又是同一个类的实例，那么一般创建三个实例就够了，然后在viewControllerBefore和viewControllerAfter方法里循环使用这三个。</p>
<p style="text-align:center"><img alt="" src="https://img.jbzj.com/file_images/article/202307/2023070509292907.jpg" /></p>
<p style="text-align:center"><img alt="" src="https://img.jbzj.com/file_images/article/202307/2023070509292908.jpg" /></p>
<div class="jb51code"><pre class="brush:cpp;">class MyPageViewController: UIPageViewController, UIPageViewControllerDataSource {
    lazy var vcs = [
      ViewController(),
      ViewController(),
      ViewController(),
      ViewController(),
      ViewController(),
    ]
    init() {
      super.init(transitionStyle: .scroll, navigationOrientation: .horizontal)
      self.dataSource = self
      let vc1 = ViewController()
      vc1.view.backgroundColor = .red
      let vc2 = ViewController()
      vc2.view.backgroundColor = .blue
      let vc3 = ViewController()
      vc3.view.backgroundColor = .purple
      let vc4 = ViewController()
      vc4.view.backgroundColor = .gray
      vcs = [vc1,vc2,vc3,vc4
      ]
      self.setViewControllers(], direction: .forward, animated: false)
    }
    required init?(coder: NSCoder) {
      fatalError("init(coder:) has not been implemented")
    }
    func pageViewController(_ pageViewController: UIPageViewController, viewControllerBefore viewController: UIViewController) -&gt; UIViewController? {
      let i = (vcs.firstIndex(of: viewController as! ViewController) ?? 0) - 1
      if i &lt; 0 {
            return nil
      }
      return vcs
    }
    func pageViewController(_ pageViewController: UIPageViewController, viewControllerAfter viewController: UIViewController) -&gt; UIViewController? {
      let i = (vcs.firstIndex(of: viewController as! ViewController) ?? 0) + 1
      if i &gt;= vcs.count {
            return nil
      }
      return vcs
    }
}</pre></div>
<p>以上就是iOS各种ViewController控制器使用示例完整介绍的详细内容，更多关于iOS ViewController控制器的资料请关注琼殿技术社区其它相关文章！</p>
                           
                            <div class="art_xg">
                              <b>您可能感兴趣的文章:</b><ul><li>iOS开发学习&nbsp;ViewController使用示例详解</li><li>iOS如何获取最顶层ViewController详解</li><li>iOS使用pageViewController实现多视图滑动切换</li><li>iOS开发教程之UIView和UIViewController的生命周期详解</li><li>iOS 修改alertViewController弹框的字体颜色及字体的方法</li><li>IOS 下获取 rootviewcontroller 的版本不同的问题解决办法</li></ul>
                            </div>

                        </div>
                        <!--endmain-->
頁: [1]
查看完整版本: iOS各种ViewController控制器使用示例完整介绍