[두깃] 스토리보드 삭제, 메인화면UI

스토리보드 삭제

스토리보드를 여태 안지우고 화면 클래스 이름과 맞춰서 사용하고 있었는데 ..

원래 스토리보드 안쓸라면 그냥 지우고 사용하면 되는 것이었다.

 

1. Main.storyboard 삭제 (Move to Trash)

2. info.plist 

    Application Scene Manifest

    > SceneConfiguration

        > Application Session Role

             > Item 0

                 > Storyboard Name     String     Main      ->  삭제! (  -  눌러서 완전히 지워준다.)

XCode 13.3 버전

3. SceneDelegate 설정 (iOS 13 이상)

func scene(_ scene: UIScene, willConnectTo session: UISceneSession, options connectionOptions: UIScene.ConnectionOptions) {
    guard let windowScene = (scene as? UIWindowScene) else { return }
    window = UIWindow(frame: UIScreen.main.bounds)
    window?.windowScene = windowScene
    window?.rootViewController = MainTodoViewController()  // 시작할 뷰컨트롤러 (Is Initial View Controller)
    window?.makeKeyAndVisible()
}

 

4. 여기까지 했는데도 Main이 없다고 에러가 발생할 때

  프로젝트 설정의 Tartget (프로젝트) - General - Deployment Info - Main interface 이 Main으로 되어있는지 확인해보자.

  Main으로 되어있다면 빈칸으로 설정해두고 실행한다.

 

5. 화면이 검정색으로 나온다면 view의 backgroundColor 를 설정해보자

 

 

 

메인화면 UI

예상화면

 

원래 이름 수정 버튼이 라벨의 오른쪽에 있었는데,

자주 사용하는 버튼이 아니고 잘못 입력한 것이 아니면 사용할 일이 없기 때문에 메뉴 버튼에 넣기로 하였다.

 

스택뷰를 사용하여 [ UILabel, UIButton, UIButton ] 을 넣어서 구성하였다.

 

고려해야할 점

1. Label 의 크기가 달라질 때 -> sizeToFit() 함수 사용

2. Label의 크기가 길 때, ... 으로 표시 or 두번째 줄까지 표시 -> Font 설정 후 다시 보기

3. 오른쪽 끝으로 버튼을 설정한 적은 없는데 어떻게 알맞게 화면에 띄워줬는지?   

    스택뷰 찾아보기

 

 

 

 

 

 

 

 

 

참고 

https://velog.io/@lina0322/iOSSwift-%EC%8A%A4%ED%86%A0%EB%A6%AC%EB%B3%B4%EB%93%9C-%EC%97%86%EC%9D%B4-%EC%BD%94%EB%93%9C%EB%A1%9C%EB%A7%8C-UI-%EA%B5%AC%ED%98%84%ED%95%98%EA%B8%B0-SceneDelegate%EC%97%90%EC%84%9C-window%EC%84%A4%EC%A0%95