demo 개발 - 4 : launchScreen 및 UI 개선

기능을 추가해야될 건 산더미긴 한데 뭔가 앱 느낌이 안나서

UI를 대충 좀 꾸며봤다.

 

1. LaunchScreen

 

이런식으로 나오게 된다.

 

 

 

 

 

 

 

앱 시작시 화면을 그냥 대충

회사 로고랑 앱 이름으로 해놨다.

 

 

 

 

 

 

 

 

 

 

 

2. Main View

 

 

 

 

그리고 메인 화면을

이렇게 바꿨다.

 

위에 Device Scan은 NavigationController를 추가해서 만들었고,

그 밑에는 스택으로 메뉴들을 추가했다.

 

아직 로그인이랑 exit버튼에 액션을 추가하진 않고

scan 버튼에만 기능이 있다.

 

 

 

 

 

 

 

 

3. Scan List View

이전에는 scan을 눌렀을 때 모달 방식으로 화면이 떴었는데 지금은 네비게이션에 push 한거라 오른쪽 처럼 보인다.

 

(왼) 수정전, (오) 수정후

 

그리고 stop버튼을 누르면 스캔을 중지하고 메인화면으로 돌아가게 만들었다.

 

이 과정에서 그 전에는 그냥 모달로 present 된거기 때문에 dismiss 하면 됐는데

지금은 그렇게 하면 안되고 stack 처럼 쌓여있는 View들을 하나씩 pop 해야한다.

 

근데 그냥 돌아가는게 아니라 Alert을 띄우고 돌아간다.

 

그래서 아래와 같이 코드를 만든다.

 @IBAction func stopScanning(_ sender: Any) {
       print("=== 스캔 중지 ===")
        serial.stopScan()
        stopAlert()
    }
    
    func stopAlert(){
        let alert = UIAlertController(title: "블루투스 스캔을 중지하고 처음으로 돌아갑니다.", message: nil, preferredStyle: .actionSheet)
        
        let buttonAction = UIAlertAction(title: "확인", style: .cancel, handler: { _ in self.navigationController?.popViewController(animated: true)})
        
        alert.addAction(buttonAction)
        self.present(alert, animated: true, completion: nil)

    }

 

 

ios는 안드로이드처럼 토스트를 쉽게 사용할 수 없는 환경인것 같다.

생각해보니 나도 아이폰을 쓰면서 한번도 토스트메시지를 띄우는 앱을 본적이 없는 것 같다. 

(보안상 권장하지 않는 걸지도)

 

 

 

 

 

 

 

 

아무튼 그래서 stop 버튼을 누르면

이런 화면이 나오게 되고

확인을 누르면 블루투스 스캔을 멈추고

첫 화면으로 돌아간다.

 

 

 

 

 

 

 

 

 

 

오늘은 여기까지 수정하였다. 끝^_^