핀치 제스처를 이용한 이미지 확대/축소 App 핀치 제스처란 iOS에서 가장 많이 사용하는 동작 중 하나로 손가락의 간격을 좁혔다 넓혔다 하며 화면을 확대/축소 하는 것을 말합니다. 이번에는 핀치 제스처를 등록하고 사용하는 방법을 알아보고, 텍스트와 이미지를 확대/축소 해보겠습니다. 핀치 제스처란? 핀치 제스처(Pinch Gesture)는 두 손가락으로 화면을 확대/축소 할때 사용하는 이벤트 iOS 사진앱 / 사파리(Safari) / 지도 앱 등에서 사용 됨 결과 화면 [ 텍스트 핀치 App ] [ 이미지 핀치 App ] ViewController.swift (텍스트 핀치 App) // // ViewController.swift // PinchGesture // // Created by HwangSeun..
스와이프 제스처 앱 만들기 페이지를 넘길때, 항목을 삭제할 때 등 많은 작업이 스와이프 제스처를 통해 이루어 지고 있습니다. 이번에는 스와이프 제스처를 등록하고 사용하는 방법 및 한 손가락과 두 손가락을 이용한 제스처 활용 방법에 대해 공부합니다. 스와이프란? 손가락으로 화면을 상하 좌우로 미는 동작이 ‘스와이프’ 제스처 입니다. 문서 편집기 앱과 페이지를 넘기는 등 다양한 앱에서 사용되어 집니다. 한손가락 뿐만 아니라 여러 손가락을 활용한 스와이프도 가능합니다. 결과 화면 스토리 보드 ViewController.swift (메인화면) // // ViewController.swift // SwipeGesture // // Created by HwangSeungyeon on 2020/09/23. // im..
탭과 터치 사용한 스케치 앱 만들기 iOS에서는 사용자의 터치로 대부분의 동작을 수행합니다. 화면을 터치하고, 드래그하고, 릴리즈하고, 더블 터치 하는 등의 행동으로 대부분의 앱이 컨트롤 되어집니다. 이번 앱에서는 iOS의 핵심이 되는 터치 & 탭 컨트롤을 알아보고, 이를 응용한 스케치 앱을 구현해 보도록 하겠습니다. 결과 화면 [ Tap / Touch 확인 App ] [ 스케치 App ] 스토리 보드 ViewController.swift (Tap / Touch 확인 App) // // ViewController.swift // TapTouch // // Created by HwangSeungyeon on 2020/09/18. // import UIKit class ViewController: UIVie..
코어 그래픽스 그림 그리기 App 구현 iOS에서는 코어 그래픽스라는 라이브러리를 사용하여 뷰에 그림을 그릴 수 있는데, 이 곳에서는 사각형, 선, 원과같은 도형이나 색을 채우는 등의 기능을 사용할 수 있습니다. 결과 화면 스토리 보드 ViewController.swift (메인화면) // // ViewController.swift // DrawGraphics // // Created by HwangSeungyeon on 2020/09/17. // import UIKit class ViewController: UIViewController { @IBOutlet var imgView: UIImageView! override func viewDidLoad() { super.viewDidLoad() // Do..
카메라와 포토 라이브러리 App 구현 IOS에서 제공하는 UIImagePickerController 클래스를 사용하여 카메라와 포토 라이브러리를 구현하고 카메라를 이용하여 사진이나 비디오를 촬영하고 포토 라이브러리에 저장하는 것이 가능한 App을 구현하도록 하겠습니다. 결과 화면 스토리 보드 ViewController.swift (메인화면 - Audio / Record) // // ViewController.swift // CameraPhotoLibrary // // Created by HwangSeungyeon on 2020/09/17. // import UIKit import MobileCoreServices //다양한 헤더파일을 정의해 놓은 헤더 파일 class ViewController: UIVi..
비디오(Video) 재생 App 구현하기 이번에는 아이폰 앱에서 비디오를 재생하는 앱을 만들어 보겠습니다. 애플 IOS에서 제공하는 AVPlayerViewController를 사용하여 1. 앱 내부에 저장되어있는 파일 / 2. 외부 링크 비디오 파일도 재생 가능합니다. 결과 화면 [ 앱 내부의 Video File ] [ 앱 외부의 Video File ] 스토리 보드 ViewController.swift (메인화면 - Audio / Record) // // ViewController.swift // MoviePlayer // // Created by HwangSeungyeon on 2020/09/15. // Copyright © 2020 HwangSeungyeon. All rights reserved. /..
음악 재생 및 녹음 App 구현하기 이번에는 AVAudioPlayer를 이용해서 오디오 파일 재생, 일시 정지 및 정지하는 방법과 볼륨을 조절, 녹음하는 App을 구현 하였습니다. 결과 화면 [ Audio Player ] [ Recorder ] 스토리 보드 ViewController.swift (메인화면 - Audio / Record) // // ViewController.swift // Audio // // Created by HwangSeungyeon on 2020/09/04. // Copyright © 2020 HwangSeungyeon. All rights reserved. // import UIKit import AVFoundation // 오디오 재생을 위한 헤더 파일 class ViewCon..
ToDo App 구현 알람 앱, 메모장 등 자주 사용하게 되는 '목록' 기능을 구현 하였습니다. Table View Controller를 이용하여 구현 하였고 항목을 추가, 삭제, 정렬 조정 기능을 구현하였습니다. 결과 화면 스토리 보드 TableViewController.swift (메인화면 - 목록 List) import UIKit // 앱 시작 시 기본적으로 나타낼 목록 var items = ["책 구매", "철수와 약속", "스터디 준비하기"] var itemsImageFile = ["cart.png", "clock.png", "pencil.png"] class TableViewController: UITableViewController { @IBOutlet var tvListView: UITab..
Navigation App 구현 하기 네비게이션 컨트롤러 앱을 구현하였습니다. 동작 화면은 '메인화면'과 '수정화면'이며 메인화면/수정화면 에서 입력한 message를 그대로 전달 & 버튼을 이용한 이미지 전환 및 사이즈 조절을 구현하였습니다. 결과 화면 코드 & 설명 ViewController - 메인화면 import UIKit class ViewController: UIViewController, EditDelegate { // 전구 이미지 let imgOn = UIImage(named: "lamp_on.png") let imgOff = UIImage(named: "lamp_off.png") var isOn = true var isZoom = false var orgZoom = false //메인화면..
TabVar Controller App 구현 하기 탭바 컨트롤러 앱을 구현하였습니다. 아래의 탭바에 따라 여러 화면이 연결 되었고 탭바를 클릭거나 첫번째 화면의 버튼을 누르면 페이지 이동이 됩니다. 결과 화면 코드 & 설명 1. View Controller 이름 바꾸고 넣어 주기 + 코드 내 이름 바꾸기 2. 상세 설명 페이지에서 (오른쪽) Class 맞게 바꿔주기 3. MainStoryBoard 실행후 복사해서 붙여 넣기 4. TapvarController 랑 링크 시켜주기(MainStoryBoard) // // ViewController.swift // Tap // // Created by HwangSeungyeon on 2020/07/25. // Copyright © 2020 HwangSeungye..
페이지 이동 앱 구현하기 페이지 이동앱을 구현하였습니다. 아래의 이미지 컨트롤을 누르면 누른대로 이미지가 바뀌는 것을 알 수 있습니다. 결과 화면 코드 & 설명 import UIKit var images = [ "01.png", "02.png", "03.png", "04.png", "05.png","06.png" ] class ViewController: UIViewController { @IBOutlet var imgView: UIImageView! //이미지 출력용 아웃렛 변수 @IBOutlet var pageControl: UIPageControl! //페이지 컨트롤용 아웃렛 변수 override func viewDidLoad() { super.viewDidLoad() // Do any additi..
Map 구현하기 지도를 구현하였습니다. 현재위치 / 선택1 / 선택2 지역의 위도와 경도 정보를 이용하여 선택 가능하게 구현. 결과 화면 코드 & 설명 import UIKit import MapKit //delegate을 사용하기 위해 선언 해주는 것 class ViewController: UIViewController, CLLocationManagerDelegate { @IBOutlet var myMap: MKMapView! @IBOutlet var lblLocationInfo1: UILabel! @IBOutlet var lblLocationInfo2: UILabel! let locationManager = CLLocationManager() override func viewDidLoad() { sup..
