핀치 제스처를 이용한 이미지 확대/축소 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..
비디오(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..
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..
Web App 구현하기 ** 웹 사이트 검색 및 페이지 컨트롤 할 수 있는 Web App 입니다. ** 페이지 이동, Html, File(Html), refresh, stop, 앞 뒤 페이지 이동 을 구현하였습니다. 결과 화면 코드 & 설명 import UIKit import WebKit class ViewController: UIViewController, WKNavigationDelegate { @IBOutlet var textUrl: UITextField! @IBOutlet var myWebView: WKWebView! @IBOutlet var myActivityIndicator: UIActivityIndicatorView! //특정 웹페이지 로드 하는 함수(url인수로 해서) func loadWe..
