iOS/Swift실전

Swift)iOS프로그래밍, BMI 앱 만들기Ⅱ : Tab Bar, 동영상 삽입, 라벨 색상 변경 및 모서리 둥글게

Sweetft 2021. 11. 29. 20:36
  • Tab Bar 탭바 활용하기

탭바

스토리보드에서 뷰화면을 선택한 상태로 Editor - Embed in - Tap Bar Controller로 탭바를 만들 수 있음

탭바 선택 후 Bar Item에서 이름과 아이콘 변경 가능

View Controller를 추가하고 Tap Bar Controller에서 Ctrl 키를 누른채 드래그해서 새로운 뷰 컨트롤러에 연결

Relationship Segue에서 View Controller 선택해주면 탭바로 새로운 화면 추가 완료! 

해당 방법으로 2개의 화면을 추가해서 기존에 있던 화면까지 총 3개의 씬 생성완료

 

 

  • 각각의 씬에 해당하는 뷰컨트롤러 만들기

File-New-File 선택

Video를 실행하는 VideoViewController을 만들것임

iOS 탭에서 Cocoa Touch Class 선택 후 Class명을 전해주고 UIViewController까지 상속해주면 가장 오른쪽 화면 처럼 VideoViewController.swift 파일이 생성됨

 

메인보드로 돌아가서 해당 씬을 선택하고 Identity Inspector에서  class를 VideoViewController로 설정해주기

WebViewController도 같은 방식으로 하면 됨

 

  • 앱에 비디오(mp4) 파일 삽입하기

비디오 씬에서 라이브러리에서 버튼 삽입하고 이미지는 원하는 것으로.

원하는 파일을 리스트에 끌어다가 두고 옵션창이 뜨면

Add to targets 반드시 체크!!

 

VideoViewController.swift에 버튼을 연결해서 Action을 만들어주고 코드 삽입

import AVKit 해주기

18번째 줄 forResource에는 파일명, ofType에는 파일형식

 

  • ViewController에서 추가 기능

 

 

 

둥근 모서리의 라벨과 결과에 따라 달라지는 라벨 색상

 

버튼을 클릭하면 영상이 재생되는 비디오씬

 

 

참고 : iOS프로그래밍기초(21년-2학기) 한성현 교수님 강의 및 강의 자료 변형, 요약