본문 바로가기
IT/swift

화씨를 섭씨로 변환하는 프로그램 만들기 - 스토리보드 기반

by 가능성1g 2022. 8. 30.
반응형

1. 프로젝트 생성

2. 프로젝트 일반설정

iPhone 만 선택

Potrait 만 선택

3. 온도 입력 텍스트 필드 추가

Attributes Inspector 에서 아래와 같이 입력

PlaceHolder : 온도를 입력하시오

KeyboardType : Numbers and Puntuation

4. 변환 버튼 추가, 출력 레이블 추가, 외곽선 보이게 하기, 레이아웃 변경

버튼을 추가하고 "변환" 으로 입력

레이블 추가하고 기본으로 써져있는 Label 삭제

레이블 기본 글을 지우면 외곽이 보이지 않으므로,

Editor > Canvas > Bounds Rectangles 선택

백그라운드 뷰 선택하고 조그마한 삼각형 Resolve Auto Layout Issues 클릭 -> Reset to Suggested Constraints 옵션 선택

5. 오른쪽에 에디터를 추가하고, 왼쪽에 있는 텍스트필드를 컨트롤 + 클릭으로 드래그 하여, 코드쪽에 놓으면 팝업이 나온다.

아래 그림같이 입력하고 커넥트를 클릭한다.

label 동일하게 처리한다. ( resultLabel )

 

버튼은 Connection 을 Action 으로 바꾸고 이름을 정의해 준다. ( convertTemp )

 

6. 추가된 Action 에 함수 추가 한다.

    @IBAction func convertTemp(_ sender: Any) {
        if let fahrenheit = Double(tempText.text!){
            let celsius = (fahrenheit - 32 ) / 1.8
            let resultText = "섭씨 \(celsius)"
            resultLabel.text = resultText
        }
    }

완성!

반응형