[ TIL ] 이거지! / 버튼 클릭시 탭바 이동 구현 / 24년 3월 28일

 

 

 

 

버튼 클릭시 TabBar 이동

 

어제부터 괴롭히던 ViewController 이동..! 제가 해냈습니다!!

 

 

위에 보이시는 그림에서 저는 저 > ( 화살표 버튼 ) 을 눌렀을 때 아래의 빨간 화살표 처럼 이동해서 원래의 TodoList를 보여주고 싶었던 거였어요.

 

 

 

왜 그렇게 이동해야해?! 의도가 뭐야?!

제가 의도한 캘린더는 just 그 날 내가 어떤 걸 했었지?!를 보여주는 공간인 거에요! 일일히 TodoList에서 화살표로 넘어가는게 힘드니깐! 캘린더에서 해당 날짜를 클릭하면 버튼과 테이블 뷰가 수정이 되지 않고, 그냥 어떤 Todo 가 있었고, 나는 그걸 이만큼 했어!를 보여주는 것이죠! 근데 수정하고 싶을 수 있고 그날 데이터로 넘어가고 싶을 수 있으니 화살표를 만들어 수정도 되고! 추가도 되고! 체크리스트도 되고!, 삭제도 되는~! 원래의 TodoList로 넘어가고 싶었던 겁니다.

 

 

해결 방법

구글링을 아무리해도 나오지 않고.. 탭바 이동 구현 자체가 저에게 벽이었어요! 해당 ViewControl의 identifier인 "VC"로 present하니 제가 의도한 바대로 아예 화면을 바꾸는게 아니라 화면 위에 새로운 VC을 만들어서 modal 형식으로 띄우는 것 밖에 되지 않더라구요..!!

 

 

그래서 결론은 어떻게 했냐! 탭바를 교체하는 방식으로 구현을 하였습니다.

 

 

우선 현재 화면에 떠있는 해당 날짜의 TodoList를 보여주는 VC을 내립니다.

dismiss(animated: true, completion: nil)

 

 

그다음 TabBarController에게 접근을 해야해요!

 

현재 App에 활성화된 Scene들의 배열인 UIApplication.shared.connectedScenes에 접근하여 그 중 가장 처음에 연결된 Scene에 접근합니다. ( 아마 앱의 메인 창! ) 방금 접근한 그 Scene의 Delegate를 가져오고, 해당 Delegate의 기본 인터페이스를 담당하고 있는 TabBarController가 있는 rootViewController로 접근하는 거죠!

guard let windowScene = UIApplication.shared.connectedScenes.first as? UIWindowScene,
      let sceneDelegate = windowScene.delegate as? SceneDelegate,
      let tabBarController = sceneDelegate.window?.rootViewController as? UITabBarController else {
     return
}

 

 

해당 TabBar에 접근했으면 TabBarCotroller의 스택에 있는 두 개의 화면 중 1번 인덱스로 이동하게끔 구현하였습니다. 저는 0번째에 CalenderView가 있고, 1번째에 todolist를 보여주는 ViewController가 있었습니다!

tabBarController.selectedIndex = 1

 

요렇게 되면 끝~~!

 

 

근데 저는 달력을 클릭했을 때 넘어가는 날짜가 다시 todoList로 넘어가서 그 날짜에 해당하는 데이터를 보여주어야 했기 때문에 데이터를 넘겨주어야 했어요! 저는 여기서 Tabbar -> VC 으로 접근해서 값을 보내주면 된다고 생각했는데, 현재 View에 쌓여있는 stack은 tab -> navi -> vc 이었기 때문에 navigation에 한번 더 할당을 해주고 접근을 해야하더라구요~! 그래서 아래와 같이 구현하였습니다.

if let NavigationViewController = tabBarController.viewControllers?[1] as? UINavigationController {
    let destinationVC = NavigationViewController.viewControllers[0] as! ViewControlle	
    guard let selectedDate = selectedDate else { return }
    destinationVC.pagedate = selectedDate.toString()
}

 

휴 여기서 또 엄청난 진땀을 뺐죠.. 제가.. ㅎㅎ

 

 

그래서 최종적으로 버튼을 눌렀을 때 탭바를 이동하면서 데이터를 넘겨주는 코드입니다.

    @IBAction func goToButtonTapped(_ sender: UIButton) {
        
        dismiss(animated: true, completion: nil)
        
        guard let windowScene = UIApplication.shared.connectedScenes.first as? UIWindowScene,
              let sceneDelegate = windowScene.delegate as? SceneDelegate,
              let tabBarController = sceneDelegate.window?.rootViewController as? UITabBarController else {
            return
        }
        
        if let NavigationViewController = tabBarController.viewControllers?[1] as? UINavigationController {
            let destinationVC = NavigationViewController.viewControllers[0] as! ViewController
            guard let selectedDate = selectedDate else { return }
            destinationVC.pagedate = selectedDate.toString()
        }
        
        tabBarController.selectedIndex = 1
    }

 

 

 

 

탭 바에서 첫 번째 화면 설정

 

초기에 들어오는 TabBar가 무조건 제일 왼쪽에 있는 탭바로 잡히게 되는데 저는 Todo가 메인이다 보니 Todo로 초기 화면이 잡혔으면 좋겠더라구요~! 아주 쉽습니다! 새로운 TabBarController를 생성해서

import UIKit

class TabBarController: UITabBarController {

    override func viewDidLoad() {
        super.viewDidLoad()
        self.selectedIndex = 1
        // Do any additional setup after loading the view.
    }
    
}

 

아래처럼 코드를 짜주시면 끝입니다!!

위에서 알려드린 탭바 설정하는 코드의 응용버전이라고 생각하심 돼요~!

 

 

하고자하는 바를 이뤘으니 전 UI나 바꾸러 총총 이동하겠습니다..ㅎ

뇽안~!✨