콘텐츠

• 스위프트를 알아야합니까?
• Apple의 Xcode IDE 설정
• 시작하기 : 새로운 Xcode 프로젝트 만들기
• 개발팀이 필요하십니까?
• Apple의 Xcode IDE 이해
• AppleDelegate : Swift 소스 파일 검사
• 1. 진입 점을 만듭니다
• 2. AppDelegate 정의
• 3. 창 속성 정의
• 4. 스텁 구현 모듬
• 프로젝트 테스트 : iOS 시뮬레이터 실행
• 인터페이스 빌더로 UI 생성
• iOS의 객체 라이브러리에 액세스
• Attributes Inspector를 사용하여 객체 사용자 정의
• 사용자 인터페이스 미리보기
• UI를 소스 코드에 연결
• 행동 방법 만들기
• 1.이 방법이 행동임을 나타냅니다
• 2. 방법을 선언
• 3. 일부 매개 변수 정의
• 연결을 확인하십시오
• 경고 대화 상자 만들기
• 1. 상수 선언
• 2.의 콘텐츠 설정
• 3. 스타일 설정
• 4. 액션 추가
• 5. 경고 표시
• 완성 된 iOS 앱 테스트
• 마무리

Android는 세계에서 가장 인기있는 운영 체제 중 하나 일 수 있지만 유일한 모바일 운영 체제와는 거리가 멀습니다!

모바일 애플리케이션이 최대한 많은 잠재 고객에게 도달하도록하려면 여러 플랫폼을 타겟팅해야합니다. 당신이하는 동안 할 수 있었다 Flutter와 같은 플랫폼 간 개발 도구를 선택하면 여러 코드베이스를 만들 수 있으므로 각 모바일 플랫폼에 맞게 설계되고 맞춤화 된 사용자 경험을 제공 할 수 있습니다.

아마도 Android에서 최신 모바일 앱을 출시하고 싶을 것입니다 과 iOS, 아마도 애플에게 배를 타기를 고려하고 있거나 아마도 iOS 개발이 Android 개발과 비교할 때 궁금 할 것입니다. 동기 부여가 무엇이든간에이 기사에서는 iPad 및 iPhone 용 간단한 앱을 만들어 iOS 개발을 시작하는 방법을 설명합니다.

그 과정에서 Apple Swift 프로그래밍 언어의 핵심 개념을 소개하고 Xcode 통합 개발 환경의 주요 영역을 안내하며 iOS 시뮬레이터에서 프로젝트를 테스트하는 방법을 보여줄 것입니다. 아직 아이 패드 나 아이폰을 구매하기로 약속하지 않았습니다!

iOS 개발을 시작하기 위해 알아야 할 사항은 다음과 같습니다.

스위프트를 알아야합니까?

iOS 용으로 개발을 시작할 때 일반적으로 Objective-C 또는 Swift의 두 가지 프로그래밍 언어를 선택할 수 있습니다. 2014 년에 출시 된 Swift는보다 현대적인 언어이며, Apple은 iOS 개발을 위해 Objective-C보다 Swift를 추진하고있는 것으로 보이므로이 자습서 전체에서 Swift를 사용할 것입니다.

노련한 Swift 전문가라면 먼저 시작할 수 있습니다. 하지만 한번도 본 이전에는 한 줄의 Swift를 계속 사용할 수 있으며이 기사가 끝날 무렵에는 Swift로 완전히 작성된 iOS 응용 프로그램을 만들었습니다.

iOS 앱을 빌드 할 때이 프로그래밍 언어의 핵심 개념을 설명하겠습니다. 따라서 Swift에 대한 기본 개요를 이해하고 이해할 것입니다. 정확하게 Swift를 처음 접하더라도 각 코드 줄에서 발생하는 상황

불행히도이 페이지 하단에 도달 할 때까지 완전히 새로운 프로그래밍 언어를 습득하지는 못했지만 iOS 개발을 추진하기로 결정한 경우 Swift Playgrounds 앱을 확인하는 것이 좋습니다. 이 응용 프로그램에는 iOS 개발을 계속 탐색하기 위해 필요한 Swift 필수 요소를 익히는 데 도움이되는 대화 형 퍼즐로 제공되는 Learn To Code 연습이 포함되어 있습니다.

Apple의 Xcode IDE 설정

iPhone 및 iPad 용으로 개발하려면 macOS 10.11.5 이상을 실행하는 Mac이 필요합니다. 현재 실행중인 macOS 버전이 확실하지 않은 경우 다음을 수행하십시오.

• Mac 메뉴 막대에서 "Apple"로고를 선택하십시오.
• "이 매킨토시에 관하여"를 선택하십시오.
• "개요"탭이 선택되어 있는지 확인하십시오. 이 창에 macOS 버전이 나타납니다.

또한 Apple의 통합 개발 환경 (IDE) 인 Xcode가 필요합니다. Xcode에는 macOS, watchOS, tvOS 용 응용 프로그램을 설계, 개발 및 디버깅하는 데 필요한 모든 도구와 기능이 있습니다. 과 iOS.

최신 버전의 Xcode를 다운로드하려면

• Mac에서 App Store를 실행하십시오.
• "검색"필드에 "Xcode"를 입력하십시오.
• Xcode 응용 프로그램이 나타나면“Get”을 선택한 다음“Install App”을 선택하십시오.
• 프롬프트가 표시되면 Apple ID 및 비밀번호를 입력하십시오. Apple ID가 없으면 무료로 만들 수 있습니다. Xcode가 이제 Mac의 "응용 프로그램"폴더로 다운로드됩니다.
• Xcode 다운로드가 완료되면 시작하십시오. 이용 약관을 읽고 계속 진행하려면 '동의 함'을 클릭하십시오.
• Xcode에서 추가 소프트웨어를 다운로드하라는 메시지가 표시되면 화면 지시에 따라 누락 된 구성 요소를 다운로드하십시오.

시작하기 : 새로운 Xcode 프로젝트 만들기

Android Studio와 마찬가지로 Xcode에는 탭 기반 탐색 및 게임과 같은 일반적인 iOS 응용 프로그램 범주에 대한 다양한 템플릿이 제공됩니다. 이 템플릿에는 상용구 코드와 iOS 프로젝트를 시작하는 데 도움이되는 파일이 포함되어 있습니다. 이 기사에서는 이러한 기성품 템플릿 중 하나를 사용합니다.

새로운 Xcode 프로젝트를 생성하려면 :

• Xcode IDE를 아직 시작하지 않았다면 시작하십시오.
• 잠시 후 "Welcome to Xcode"화면이 나타납니다. "새 Xcode 프로젝트 생성"을 선택하십시오. 시작 화면이 나타나지 않으면 Xcode 메뉴 표시 줄에서 "파일> 새로 만들기> 프로젝트"를 선택하십시오.
• “새 프로젝트의 템플릿 선택”창에서“iOS”탭이 선택되어 있는지 확인하십시오.
• “Single View App”템플릿을 선택한 후“Next”를 클릭하십시오.
• "제품 이름"에 "HelloWorld"를 입력하십시오. Xcode는이 이름을 사용하여 프로젝트 및 응용 프로그램의 이름을 지정합니다.
• 원하는 경우 선택적 "조직 이름"을 입력하십시오.
• "조직 식별자"를 입력하십시오. 식별자가없는 경우 "com.example"을 사용할 수 있습니다. "번들 식별자"는 제품 이름과 조직 식별자에 따라 자동으로 생성되므로 이것에 대해 걱정할 필요가 있습니다.
• "언어"드롭 다운을 열고 "Swift"를 선택하십시오.
• "핵심 데이터 사용"체크 상자를 찾아서 아니 선택된.
• "유닛 테스트 포함"체크 상자를 선택하십시오.
• 'UI 테스트 포함'체크 박스를 찾아서 아니 선택된.
• "다음"을 클릭하십시오.
• 다음 대화 상자에서 프로젝트를 저장할 위치를 선택한 다음 "만들기"를 클릭하십시오.

Xcode는 이제 작업 공간 창에 프로젝트를로드합니다.

개발팀이 필요하십니까?

이때 Xcode에 "HelloWorld에 서명하려면 개발 팀이 필요합니다."라는 오류가 표시 될 수 있습니다.

실제 iOS 기기에서 프로젝트를 실행하려면 유효한 팀을 설정하고 애플리케이션에 서명해야합니다. iOS를 실험하고 있으므로 지금 서명 프로세스를 완료 할 필요는 없지만 실제 장치에서 실행하거나 Game Center 또는 In-App과 같은 특정 서비스에 액세스하려면 먼저 응용 프로그램에 서명해야합니다. 구매.

Apple의 Xcode IDE 이해

Xcode의 작업 공간은 모든 앱의 소스 코드를 작성하고, 사용자 인터페이스 (UI)를 설계 및 구축하며, 최종적으로 완성 된 iOS 애플리케이션을 구성하기 위해 함께 제공 될 모든 추가 파일과 리소스를 생성하는 곳입니다.

Xcode에는 기능이 포함되어 있지만 iOS 개발의 새로운 이민자로서 알아야 할 몇 가지 영역이 있습니다.

• (1) 내비게이션 영역. 이 영역에서는 프로젝트를 구성하는 모든 다른 파일과 리소스에 빠르고 쉽게 액세스 할 수 있습니다. 탐색 영역에서 파일 내용을 선택하여 파일 내용을 검사 할 수 있습니다. 당신은 단지 필요합니다 고르다 문제의 파일; 파일을 두 번 클릭하면 새 외부 창에서 파일이 시작됩니다.
• (2) 에디터 영역. 탐색 영역에서 선택한 파일에 따라 Xcode는 편집기 영역에서 다른 인터페이스를 표시합니다. 가장 일반적으로 편집기 영역을 사용하여 애플리케이션의 소스 코드를 작성하고 UI를 빌드합니다.
• 유틸리티 영역. 이 영역은 두 섹션으로 나뉩니다. 유틸리티 영역 (3)의 맨 위에는 탐색 패널이 표시되어 탐색 또는 편집기 영역에서 선택한 항목에 대한 정보를보고 해당 속성을 편집 할 수 있습니다. 유틸리티 영역 (4)의 맨 아래에는 기성품 UI 요소, 코드 스 니펫 및 기타 리소스에 대한 액세스를 제공하는 라이브러리 창이 표시됩니다.

AppleDelegate : Swift 소스 파일 검사

Single View App 템플릿에는 간단하지만 작동하는 iOS 응용 프로그램을 만드는 데 필요한 모든 Swift 코드와 리소스가 포함되어 있습니다.

탐색 영역 (Xcode 작업 영역의 왼쪽으로)에서 자동으로 생성 된 파일 및 리소스를 모두 볼 수 있습니다.

탐색 영역이 보이지 않으면 Xcode 메뉴 표시 줄에서 "보기> 네비게이터> 프로젝트 네비게이터 표시"를 선택하여 숨길 수 있습니다.

Simple View Application 템플릿은 자동으로 여러 파일을 생성하지만 "AppleDelegate.swift"를 검토하여 시작하겠습니다. 내비게이션 영역에서이 파일을 선택하면 파일의 내용을 표시하도록 편집기 영역이 업데이트되어야합니다.

UIKit 가져 오기 @UIApplicationMain 클래스 AppDelegate : UIResponder, UIApplicationDelegate {var window : UIWindow? // Swift에서는“func”키워드 // func application (_ application : UIApplication, didFinishLaunchingWithOptions launchOptions :?)-> Bool {return true}를 사용하여 메소드를 선언합니다. ''// func applicationWillResignActive (_ application : UIApplication) {} func applicationDidEnterBackground (_ application : UIApplication) {} func applicationWillEnterForeground (_ application : UIApplication) {} func applicationDidBecomeActive (_ application : UIApplication) {} func applicationWillTerminate (_ application : UIApplication ) {}}

이 파일에서 무슨 일이 일어나고 있는지 자세히 살펴 보겠습니다.

1. 진입 점을 만듭니다

@UIApplicationMain 속성은 앱에 진입 점과 실행 루프를 생성합니다.이 루프는 이벤트 처리 루프로, 애플리케이션 내에서 작업을 예약하고 입력 이벤트를 조정할 수 있습니다.

@UIApplicationMain

2. AppDelegate 정의

AppDelegate.swift 파일은 AppleDelegate 클래스를 정의합니다.이 클래스는 앱의 컨텐츠가 그려지는 창을 만들고 앱이 백그라운드로 전환되거나 포 그라운드로 전환 될 때와 같이 상태 전환에 응답 할 수있는 장소를 제공합니다.

AppDelegate 클래스 : UIResponder, UIApplicationDelegate {

위의 코드에서는 앱을 설정하고 다양한 앱 수준 이벤트를 처리하는 데 사용할 수있는 몇 가지 방법을 정의하는 UIApplicationDelegate 프로토콜도 채택하고 있습니다.

3. 창 속성 정의

AppDelegate 클래스에는 응용 프로그램 창에 대한 참조를 저장하는 "창"속성이 포함되어 있습니다. 이 속성은 앱의보기 계층 구조의 근본을 나타내며 모든 앱 콘텐츠가 그려지는 곳입니다.

var window : UIWindow?

4. 스텁 구현 모듬

AppDelegate 클래스에는 다음과 같은 여러 대리자 메서드에 대한 스텁 구현도 포함되어 있습니다.

func applicationDidEnterBackground (_ application : UIApplication) {

이러한 메서드를 사용하면 앱 개체가 앱 대리자와 통신 할 수 있습니다. 애플리케이션이 상태를 변경할 때마다 앱 객체는 해당 델리게이트 메소드를 호출합니다 (예 : 앱이 백그라운드로 전환 될 때 위의 applicationDidEnterBackground 메소드를 호출 함).

이러한 델리게이트 메소드 각각에는 기본 동작이 있지만 고유 코드를 추가하여 사용자 지정 동작을 정의 할 수 있습니다. 예를 들어 일반적으로 공유 리소스를 해제하는 코드를 추가하여 applicationDidEnterBackground 스텁 구현을 확장합니다. applicationDidEnterBackground 메소드는 백그라운드에서 앱이 종료 된 경우를 대비하여 애플리케이션을 현재 상태로 복원하기에 충분한 상태 정보를 저장해야하는 곳이기도합니다.

applicationDidEnterBackground 외에도 AppleDelegate.swift는 다음과 같은 메소드를 포함합니다 :

• didFinishLaunchingWithOptions. 시작 프로세스가 거의 완료되었으며 응용 프로그램을 거의 실행할 준비가되었음을 대리인에게 알립니다. 애플리케이션의 UI가 사용자에게 제공되기 전에이 방법을 사용하여 앱의 초기화를 완료하고 마지막으로 조정해야합니다.
• applicationWillResignActive. 응용 프로그램이 활성 상태에서 비활성 상태로 이동하려고한다는 것을 대리인에게 알립니다. 이 방법은 전화 수신과 같은 일시적인 중단 또는 응용 프로그램이 백그라운드 상태로 전환되기 시작할 때 트리거 될 수 있습니다. 앱이 비활성 상태 인 경우 최소한의 작업 만 수행해야하므로 applicationWillResignActive를 사용하여 진행중인 작업을 일시 중지하고 타이머를 비활성화해야합니다. 또한이 기회를 이용하여 저장하지 않은 데이터를 저장해야하므로 백그라운드에서 애플리케이션을 종료하기로 선택한 경우에도 데이터가 손실되지 않습니다.
• applicationWillEnterForeground. iOS 4.0 이상에서이 메소드는 앱이 백그라운드에서 활성 전경 상태로 전환하는 과정에서 호출됩니다. 이 방법을 사용하여 애플리케이션이 백그라운드에 들어갔을 때 변경 한 내용을 취소해야합니다.
• applicationDidBecomeActive. 이렇게하면 대리인에게 앱이 비활성 상태에서 활성 상태로 이동했음을 알 수 있습니다. 일반적으로 이는 사용자 나 시스템이 응용 프로그램을 시작할 때 발생하지만 사용자가 전화 나 SMS와 같이 일시적으로 비활성 상태로 앱을 이동시키는 중단을 무시하기로 선택한 경우에도 발생할 수 있습니다. applicationDidBecomeActive 메소드를 사용하여 애플리케이션이 비활성 상태 인 동안 일시 정지 된 태스크를 다시 시작해야합니다.
• applicationWillTerminate. 이 방법은 대리자에게 응용 프로그램이 종료 될 것임을 알려줍니다. 이 방법을 사용하여 사용자 데이터 저장 또는 공유 리소스 해제와 같은 필요한 정리를 수행해야합니다. 이 방법은 작업을 수행하고 반환하는 데 약 5 초가 소요되며이 시간 제한을 초과하면 시스템이 프로세스를 완전히 종료하기로 결정할 수 있습니다.

프로젝트 테스트 : iOS 시뮬레이터 실행

Single View App 템플릿을 사용 했으므로 프로젝트에 이미 iOS에서 실행하기에 충분한 코드가 포함되어 있습니다.

Xcode와 함께 패키지로 제공되는 iOS 시뮬레이터를 사용하여 iOS 프로젝트를 테스트 할 수 있습니다. Android Studio의 에뮬레이터와 유사하게 iOS 시뮬레이터를 사용하면 화면 크기와 해상도가 다른 기기를 비롯하여 다양한 기기에서 앱의 모양과 기능을 테스트 할 수 있습니다.

iOS 시뮬레이터에서 프로젝트를 실행 해 봅시다 :

• “활성 체계 설정”을 선택하십시오 (다음 스크린 샷에서 커서가있는 위치).

• “iPhone 8”,“iPad Air 2”또는“iPhone X”와 같이 에뮬레이션하려는 장비를 선택하십시오. 시뮬레이터는 기본적으로 iPhone 8 Plus를 에뮬레이트합니다.
• Xcode 툴바의 왼쪽 상단에서“실행”버튼을 선택하십시오 (커서가 다음 스크린 샷에 위치).

• iOS 앱을 처음 테스트하는 경우 Xcode는 개발자 모드 사용 여부를 묻습니다. 개발자 모드에서는 Xcode가 매번 비밀번호를 요청하지 않고도 특정 디버깅 기능에 액세스 할 수 있으므로 특별한 이유가없는 한 일반적으로 개발자 모드를 사용하려고합니다.

Xcode가 프로젝트 빌드를 마치면 iOS 시뮬레이터가 시작되고 앱로드가 시작됩니다. 안드로이드 에뮬레이터와 유사하게, 이것은 때때로 느린 과정 일 수 있으므로, 인내심을 가져야 할 수도 있습니다 (아마도 이것을 커피를 마시는 기회로 사용하십시오!)

애플리케이션이로드되면 평범한 흰색 화면이 표시됩니다. 단일보기 앱 템플릿은 작동하는 iOS 애플리케이션 일 수 있지만 정확히 신나는 UI 요소를 추가하겠습니다.

인터페이스 빌더로 UI 생성

Xcode의 인터페이스 빌더는 Android Studio에서 레이아웃 편집기가 작동하는 방식과 유사하게 애플리케이션의 UI를 디자인하고 빌드 할 수있는 시각적 인 방법을 제공합니다.

탐색 영역을 살펴보면 Single View 앱 템플릿이 이미 'Main.storyboard'파일을 생성했음을 알 수 있습니다. 스토리 보드 파일. 스토리 보드는 앱의 UI를 시각적으로 표현한 것으로 Interface Builder에서 편집 할 수 있습니다.

앱의 스토리 보드를 보려면 탐색 영역에서 Main.storyboard 파일을 선택하십시오. 인터페이스 빌더가 자동으로 열리고 현재 단일 화면으로 구성된 앱 UI가 표시됩니다.

이 화면에는 화면 왼쪽을 가리키는 화살표가있는 단일보기가 있습니다. 이 화살표는 스토리 보드의 진입 점을 나타내며, 사용자가 앱을 시작할 때 처음 보게되는 화면입니다.

iOS의 객체 라이브러리에 액세스

UI를 구축하는 가장 쉬운 방법은 Xcode의 항목을 사용하는 것입니다. 객체 라이브러리. 이 라이브러리에는 이미지보기, 탐색 막대 및 스위치와 같이 화면에 표시되는 개체가 있고 동작을 인식하지만 제스처 인식기 및 컨테이너보기와 같은 표시가없는 개체가 있습니다.

탭하면 경고가 표시되는 버튼을 만들겠습니다. 먼저 Object Library에서 버튼을 잡고 앱에 추가해 보겠습니다.

• Xcode 작업 공간의 오른쪽 하단으로“오브젝트 라이브러리 표시”버튼을 선택하십시오. 또는 Xcode 메뉴에서 "보기> 유틸리티> 객체 라이브러리 표시"를 선택할 수 있습니다.

• 이제 객체 라이브러리에 UI에 추가 할 수있는 다른 모든 항목의 목록이 표시됩니다. 사용 가능한 옵션을 보려면이 목록을 스크롤하십시오.
• 버튼을 추가하고 싶기 때문에“Filter”텍스트 필드에“button”을 입력 한 다음 목록에 나타날 때 버튼을 선택하십시오.
• 버튼 객체를 캔버스로 드래그하십시오. 드래그하면 단추를 쉽게 배치 할 수 있도록 가로 및 세로 안내선이 나타납니다. 배치에 만족하면 마우스를 놓아 버튼을 UI에 추가합니다.

Attributes Inspector를 사용하여 객체 사용자 정의

다음으로 버튼에 텍스트를 추가해야합니다. Xcode의 속성 관리자를 사용하여 객체를 사용자 정의 할 수 있습니다.

• Xcode 도구 모음에서 "보기> 유틸리티> 속성 관리자 표시"를 선택하십시오. 이제 Attributes Inspector가 Xcode 작업 공간의 오른쪽에 나타납니다.

• 캔버스에서 버튼 객체를 선택하십시오.
• 속성 관리자에서 "제목"섹션을 찾아 기본 "버튼"텍스트를 사용자 고유의 텍스트로 바꿉니다.
  키보드에서 "Return"키를 누르면 Interface Builder가 새 텍스트를 표시하도록 버튼을 업데이트합니다.

이때 버튼의 다른 속성을 시험해 볼 수 있습니다. 예를 들어 버튼의 배경색이나 텍스트에 사용 된 글꼴을 변경할 수 있습니다.

사용자 인터페이스 미리보기

iOS 시뮬레이터에서 애플리케이션을 실행하여 애플리케이션을 테스트 할 수 있지만 이것이 애플리케이션의 구성 방식을 모니터하는 가장 쉬운 방법은 아닙니다.

UI를 구축 할 때 일반 Xcode 작업 영역의 일부로 표시되는 보조 편집기 인 Xcode의 "미리보기"창에서 변경 사항을 미리보고 시간을 절약 할 수 있습니다.

• Xcode의 메뉴 표시 줄에서 "보기> 편집> 보조 편집기 표시"를 선택하십시오.
• 어시스턴트 에디터의 메뉴 바에서 "자동"을 선택하십시오.

• "미리보기> Main.storyboard (미리보기)"를 선택하십시오. 이제 보조 편집기에 일반 편집기 영역과 함께 앱 사용자 인터페이스의 미리보기가 표시됩니다.
• 앱의 UI를 다른 방향으로 미리 보려면 미리보기 창 하단으로 스크롤하여 '회전'버튼을 선택하세요.

UI를 소스 코드에 연결

iOS 개발에서 앱 코드와 사용자 인터페이스는 한 줄의 코드를 작성하지 않고도 기본 UI를 생성 한 시점과 별개입니다. 그러나 코드와 UI를 별도로 유지하는 단점이 있습니다. 프로젝트의 UIViewController 및 ViewController 클래스를 조사하여 소스 코드와 사용자 인터페이스 사이의 관계를 명시 적으로 설정해야합니다.

UIViewController는 iOS 애플리케이션의 기본 빌딩 블록으로, 버튼, 슬라이더 및 텍스트 필드와 같은 UI 요소를 보유합니다. 기본적으로 UIViewController에는 빈 뷰가 있으므로 View Controller라고하는 UIViewController를 확장하는 사용자 정의 클래스를 만들어야합니다.

프로젝트의 "ViewController.swift"파일을 열면 Single View App 템플릿이 이미 View Controller를 생성했음을 알 수 있습니다.

ViewController 클래스 : UIViewController {

현재이 ViewController 클래스는 단순히 UIViewController에 의해 정의 된 모든 동작을 상속하지만 UIViewController에 의해 정의 된 메소드를 재정 의하여이 기본 동작을 확장하고 사용자 정의 할 수 있습니다.예를 들어, 현재 ViewController.swift 파일은 viewDidLoad () 메서드를 재정의하지만 실제로는 그렇지 않습니다 해야 할 것 이 메소드의 UIViewController 버전을 호출하는 것 이외의 것 :

override func viewDidLoad () {super.viewDidLoad () // 뷰를로드 한 후 추가 설정을 수행합니다.

이 자습서에서는 다루지 않지만 viewDidLoad () 메서드에 고유 코드를 추가하여이 이벤트에 대한 View Controller의 응답을 사용자 지정할 수 있습니다. 예를 들어 일반적으로 앱에 필요한 추가 설정을 수행합니다.

배후에서 Single View App 템플릿은 ViewController.swift 클래스와 Main.storyboard 사이의 연결을 자동으로 생성했습니다. 런타임시 스토리 보드는 ViewController 인스턴스를 생성하고 스토리 보드의 내용이 화면에 나타납니다.

이를 통해 빠른 시작이 가능하지만 스토리 보드 내의 개별 요소를 ViewController.swift 파일에 연결해야 소스 코드가 이러한 개별 요소와 통신 할 수 있습니다.

우리의 임무는 버튼과 소스 코드의 해당 섹션 사이에 연결을 만들어서 사용자가 버튼을 누를 때마다 응용 프로그램이 경고를 표시하도록하는 것입니다.

행동 방법 만들기

버튼을 두드리는 것은 이벤트이므로 행동 방법이 섹션은 애플리케이션이 특정 이벤트에 응답하는 방법을 정의하는 코드 섹션입니다.

조치 방법을 작성하려면 다음을 수행하십시오.

• 탐색 영역에서 Main.storyboard 파일이 선택되어 있는지 확인하십시오.
• '보기> 보조 편집기> 보조 편집기 표시'를 선택하여 Xcode의 보조 편집기를 엽니 다.
• Editor selector bar에서 "Automatic"을 클릭 한 다음 "Automatic> ViewController.swift"를 선택하십시오.
• 이 시점에서 ViewController.swift 파일과 스토리 보드가 화면에 나타납니다. ViewController.swift 파일에서 다음 줄을 찾아 그 아래에 빈 줄 몇 줄을 추가하십시오.

ViewController 클래스 : UIViewController {

• 스토리 보드에서 버튼 UI 요소를 선택하여 파란색으로 강조 표시하십시오.
• ViewController.swift 파일에서 방금 만든 빈 공간으로 버튼을 Control- 드래그하십시오. 작업 방법이 생성 될 위치를 나타내는 파란색 선이 나타납니다.

• 분석법의 위치에 만족하면 버튼을 놓으면 팝업이 나타납니다.
• 팝업에서 "연결"드롭 다운을 열고 "작업"을 선택하십시오.
• 그런 다음 '이벤트'드롭 다운을 열고 '내부 터치'를 선택합니다.이 이벤트는 사용자가 손가락으로 버튼을 들어 올릴 때마다 발생합니다.
• 이 작업에 "alertController"라는 이름을 지정하십시오.
• "연결"을 클릭하십시오.

Xcode는 이제 다음과 같은 "alertController"메소드를 생성합니다 :

@IBAction func alertController (_ sender : Any) {}

여기서 무슨 일이 일어나고 있는지 정확하게 분석해 보겠습니다.

1.이 방법이 행동임을 나타냅니다

"IBAction"속성은이 메소드를 인터페이스 빌더에 조치로 표시하므로이 메소드를 UI 오브젝트에 연결할 수 있습니다.

@IBAction

2. 방법을 선언

Swift에서“func”키워드를 사용하여 메소드 이름을 선언 한 다음 메소드 이름을 선언합니다.

func alertControlle ()

3. 일부 매개 변수 정의

다음으로, 괄호 안에 일부 선택적 매개 변수를 정의하면 메소드가 입력으로 사용됩니다.

각 매개 변수 세트는 이름과 유형을 콜론 (:)으로 구분해야합니다.

func alertController (_ 발신자 : 모두) {

여기서 메소드는 "송신자"매개 변수를 받아들입니다.이 매개 변수는 조치를 트리거 한 오브젝트 (예 : 단추)를 나타냅니다. 또한이 매개 변수의 유형은 '임의'일 수 있습니다.

이제 사용자가 버튼을 누를 때마다 앱이 alertController (_ sender :) 메소드를 호출합니다.

연결을 확인하십시오

"alertController"메소드를 생성 한 후 버튼에 올바르게 연결되어 있는지 확인할 수 있습니다.

• 탐색 영역에서 "Main.storyboard"파일을 선택하십시오.
• Xcode의 메뉴 표시 줄에서 "보기> 유틸리티> 연결 관리자 표시"를 선택하십시오. 이제 Connections Inspector가 Xcode 작업 영역의 오른쪽을 따라 열립니다.
• 편집기 영역에서 버튼을 선택하십시오.

Connections Inspector는 사용 가능한 이벤트 목록과 각 이벤트가 발생할 때마다 호출되는 해당 메소드를 포함하는 "보낸 이벤트"섹션을 포함하여이 단추에 대한 정보를 표시해야합니다.

"Touch Up Inside"이벤트가 "alertController"메서드에 연결되어 있음을 알 수 있으므로 사용자가이 버튼과 상호 작용할 때마다 "alertController"메서드가 호출됩니다.

그러나 문제가 있습니다. "alertController"메소드가 호출 될 때 발생할 동작을 실제로 정의하지 않았습니다!

경고 대화 상자 만들기

iOS에서는 UIAlertController를 사용하여 Android의 AlertDialog와 거의 동일한 경고를 만들 수 있습니다.

ViewController.swift 파일을 열고 다음을 추가하십시오 :

class ViewController : UIViewController {@IBAction func showAlert (_ sender : Any) {let alertController = UIAlertController (title : "Title", : "Hello, world!", preferredStyle : .alert) alertController.addAction (UIAlertAction (title : "취소 ", style : .default)) self.present (alertController, animated : true, 완료 : nil)}

여기서 무슨 일이 일어나고 있는지 자세히 살펴 보겠습니다.

1. 상수 선언

Swift에서는 "let"키워드를 사용하여 상수를 선언하므로 alertController라는 상수를 선언하여 시작합니다.

alertController하자

2.의 콘텐츠 설정

이제 경고 제목과 다음을 정의 할 수 있습니다.

let alertController = UIAlertController (제목 : "Title", : "Hello, world!")

3. 스타일 설정

이것은 경고이므로 "경고"스타일을 사용하고 있습니다.

let alertController = UIAlertController (제목 : "Title", : "Hello, world!", preferredStyle : .alert)

4. 액션 추가

다음으로 addAction () 메소드를 사용하여 액션 버튼을 추가하겠습니다.

alertController.addAction (UIAlertAction (제목 : "취소", 스타일 : .default))

5. 경고 표시

UIAlertController 객체를 구성했으면 사용자에게 표시 할 준비가되었습니다. 다음 스 니펫에서는 ViewController에 alertController 객체에 애니메이션을 표시하도록 요청합니다.

self.present (alertController, animated : true, 완료 : nil)}

완성 된 iOS 앱 테스트

이제 프로젝트를 테스트 할 차례입니다.

• Xcode 툴바에서“실행”버튼을 선택하십시오.
• 응용 프로그램이 iOS 시뮬레이터에 나타나면 버튼을 클릭하면 경고가 화면에 나타납니다!

마무리

이 튜토리얼에서는 iOS 개발에 대한 실습 경험을 얻었습니다. 우리는 Xcode IDE와 Swift 프로그래밍 언어에 익숙하면서 버튼과 경고로 구성된 간단한 응용 프로그램을 만들었습니다.

iPhone 및 iPad 용 앱 개발을 시작할 계획이 있습니까? 아니면 Flutter와 같은 플랫폼 간 개발 도구를 선호하십니까? 아래 의견에 알려주십시오!