Question

如何像这样制作类似Instagram的标签？

我是否需要制作多个UIViewController或在UIViewController上制作某些内容？

提前感谢您的帮助！

Answer 1

我建议使用 ESTabBarControllerExample https://github.com/eggswift/ESTabBarController来制作那种自定义TabbarController.First从github下载ESTabbarControllerExample。我们需要使用一些课堂信。让我解释一下如何逐步使用：

首先安装CocoaPods

1打开终端并cd ~ to your project directory

2运行命令 - pod init

3您的podfile应与 - pod "ESTabBarController-swift"一起使用并保存

4并使用命令pod install
打开.xcworkspace扩展程序的项目文件

1在项目中，我们需要添加Content所有swift类和pop.framework

2不要使用添加文件来添加pop.framework。您必须从Framework添加并添加其他。

3在“内容”文件夹中，所有文件import ESTabBarController_swift
StoryBord Stuff

1添加导航控制器还可以从EST演示的示例代码中添加ExampleNavigationController。（您也可以添加自己的）但请确保将其导航类设置为自定义swift类。
AppDelegate.swift的代码资料

您需要在didFinishLaunchingWithOptions

方面执行以下代码

            let tabBarController = ESTabBarController()
            tabBarController.delegate = self
            tabBarController.title = "Irregularity"
            tabBarController.tabBar.shadowImage = UIImage(named: "transparent")
            tabBarController.tabBar.backgroundImage = UIImage(named: "background_dark")
            tabBarController.shouldHijackHandler = {
                tabbarController, viewController, index in
                if index == 2 {
                    return true
                }
                return false
            }
            tabBarController.didHijackHandler = {
                [weak tabBarController] tabbarController, viewController, index in

                DispatchQueue.main.asyncAfter(deadline: .now() + 0.2) {
                    let alertController = UIAlertController.init(title: nil, message: nil, preferredStyle: .actionSheet)
                    let takePhotoAction = UIAlertAction(title: "Take a photo", style: .default, handler: nil)
                    alertController.addAction(takePhotoAction)
                    let selectFromAlbumAction = UIAlertAction(title: "Select from album", style: .default, handler: nil)
                    alertController.addAction(selectFromAlbumAction)
                    let cancelAction = UIAlertAction(title: "Cancel", style: .cancel, handler: nil)
                    alertController.addAction(cancelAction)
                    tabBarController?.present(alertController, animated: true, completion: nil)
                }
            }

            let v1 = ExampleViewController()
            let v2 = ExampleViewController()
            let v3 = ExampleViewController()
            let v4 = ExampleViewController()
            let v5 = ExampleViewController()

            v1.tabBarItem = ESTabBarItem.init(ExampleIrregularityBasicContentView(), title: "Home", image: UIImage(named: "home"), selectedImage: UIImage(named: "home_1"))
            v2.tabBarItem = ESTabBarItem.init(ExampleIrregularityBasicContentView(), title: "Find", image: UIImage(named: "find"), selectedImage: UIImage(named: "find_1"))
            v3.tabBarItem = ESTabBarItem.init(ExampleIrregularityContentView(), title: nil, image: UIImage(named: "photo_verybig"), selectedImage: UIImage(named: "photo_verybig"))
            v4.tabBarItem = ESTabBarItem.init(ExampleIrregularityBasicContentView(), title: "Favor", image: UIImage(named: "favor"), selectedImage: UIImage(named: "favor_1"))
            v5.tabBarItem = ESTabBarItem.init(ExampleIrregularityBasicContentView(), title: "Me", image: UIImage(named: "me"), selectedImage: UIImage(named: "me_1"))

            tabBarController.viewControllers = [v1, v2, v3, v4, v5]

            let navigationController = ExampleNavigationController.init(rootViewController: tabBarController)
            tabBarController.title = "Example"


        self.window?.rootViewController = navigationController

        return true

为标签栏项目添加图像以及要在资产中使用的其他项目。希望对你有所帮助。

示例项目：https://github.com/nitingohel/CustomTabCenterBig

如何制作类似Instagram的标签？

1 个答案: