一 概述

上一篇文章介绍如何通过代码创建UITabBarController,本文主要介绍

  • 如何使用Storyboard创建UITabBarController
  • 如何添加ViewController
  • 给BarItem设置Badge,Title,Image,Selected Image

二 如何通过storyboard创建UITabBarController

  • 新创建一个项目,并将Main.storyboard中默认的ViewController删除

    IOS开发之——UITabBarController-Storyboard(62)

     

  • 点击Xcode右上方的“+”,从下拉组件中,选择TabBarController(默认带两个Controller)

    IOS开发之——UITabBarController-Storyboard(62)

     

  • 将页面缩放到指定大小,另外添加2个ViewController

    IOS开发之——UITabBarController-Storyboard(62)

     

  • 在UITabBarController上右键,找到右方的“+”号,链接到另外的两个ViewController上

    IOS开发之——UITabBarController-Storyboard(62)

     

  • 确认项目右侧的“Is Initial VIew Controller”是否勾选

    IOS开发之——UITabBarController-Storyboard(62)

     

  • 点击ViewController中的BarItem分别设置Badge,Title,Image,Selected Image

    1
    2
    3
    4
    
    Badge:消息数
    Title:标题
    Image:未选中时图片
    Selected Image:选中时图片
    

    IOS开发之——UITabBarController-Storyboard(62)

     

三 效果图

IOS开发之——UITabBarController-Storyboard(62)

 

相关文章:

  • 2021-09-16
  • 2022-12-23
  • 2021-08-28
  • 2021-06-15
  • 2022-12-23
  • 2021-07-16
  • 2021-06-24
  • 2022-12-23
猜你喜欢
  • 2022-01-21
  • 2021-11-01
  • 2021-08-25
  • 2021-06-25
  • 2021-05-28
  • 2022-02-21
相关资源
相似解决方案