본문 바로가기

분류 전체보기380

swift AutoLayout 3 - UIStackViews와 pageController ● 들어가기 전 이번 포스팅에서는 맨아래 부분에 네비게이션 바를 구현해보자. 왼쪽 버튼 하나, 오른쪽 버튼 하나 그리고 가운데에는 pageController객체를 이용해서 페이지의 위치를 표현해줄것이다. 즉, 총 3개의 객체필요한데 이 객체를 UIStackViews를 이용해서 위치를 시켜 줄것이다. ● 실습순서 1.버튼 객체 만들기 2.페이지 컨트롤 객체 만들기 3.버튼, 페이지 컨트롤 객체 오토레이아웃 지정해주기 4. stackview를 이용해서 레아이웃설정해주기 ● 버튼객체와 페이지 컨트롤 객체 만들기 viewdidLoad() 함수위에 버튼객체와 pageController 객체를 만들어준다. //버튼 객체와 속성을 만들어준다. private let previousButton: UIButton = { .. 2021. 3. 29.
swift AutoLayout 2 - ContainerView와 NSMutableAttributedString ● 들어가기 전 지난번 포스팅에서는 오토레이아웃으로 만들 간단한 프로젝트에 대한 소개를 했다. 이번 포스팅에서는 간단한 이슈가 나오는데 ContainerView와 NSMutableAttributedString을 이용해서 해결하는 과정을 포스팅 해보겠다. 부모 View를 만들어서 그안에 image view를 넣어 오토레이아웃을 지정해 줄것이다. 그리고 그림 아래 text는 NSMutableAttributedString 속성을 통해 작성할것이다. 이슈는 아래와 같다. 아이폰을 옆으로 기울이면 그림만 보이고 글은 아래로 숨어 버린다. 이 이슈를 부모 containerview를 이용해서 해결해보자. ● 실습순서 1.이미지 속성지정 2.부모 containerView 만들어주기 3.imageView를 부모 cont.. 2021. 3. 29.
swift AutoLayout 1 - 소개 ● 들어가기 전 이번 포스팅에서는 ios의 autolayout에 대해서 한번 알아보겠다. storyboard를 사용하는 대신에 autolayout관련 함수만으로 간단한 ios 어플리케이션을 만들어보면서 autolayout에 대해 이해해보자. 참고로 이 포스팅은 유튜브 "Lets Build That App" 채널을 참고해서 정리한 포스팅이다. ● 소개 UICollectionViewController을 이용해서 이미지와 글이 담긴 페이지가 좌우로 넘어가는 간단한 어플을 만들어보려고 한다. ● 실습순서 1.ios클로저로 imageView 객체 만들기 , textView 객체 만들기 2.속성 정의 3.view에서 1번에서 만든 객체를 삽입해준다. 4.위에서 만든 객체 autolayout 지정 1. 객체만들기 v.. 2021. 3. 29.
swift - 회원가입화면 예제 feat : pickerViewController + 인디케이터 + 이미지처리 swift - 회원가입화면 예제 feat : pickerViewController + 인디케이터 + 이미지처리 완성된 화면 스토리보드 코드 import Foundation import UIKit //테이블뷰 + 이미지픽커뷰 컨트롤러 프로토콜 채택 class JoinVC :UIViewController,UITableViewDelegate, UITableViewDataSource , UINavigationControllerDelegate , UIImagePickerControllerDelegate { // API 호출 상태 값 var isCalling = false //텍스트 뷰에 들어갈 텍스트 필드 //계정 필드 var fieldAccount: UITextField! //암호 필드 var fieldPass.. 2021. 3. 27.
swift coredata - feat : tableView storyBoard 코드로 띄우기 swift coredata - feat : tableView storyBoard 코드로 띄우기 완성화면 스토리보드 모델 관계 ViewController.swift - 리스트 화면 import CoreData import UIKit class ViewController: UIViewController, UITableViewDelegate , UITableViewDataSource { @IBOutlet weak var tableView: UITableView! //데이터 소스 역할을 할 배열 변수 lazy var list:[NSManagedObject] = { return self.fetch() }() func tableView(_ tableView: UITableView, numberOfRowsInSect.. 2021. 3. 27.
swift 프로퍼티 리스트 - feat: pickerView & tableView swift 프로퍼티 리스트 - feat: pickerView & tableView 완성화면 스토리보드 설명 [1] 프로퍼티 리스트 프로퍼티 리스트는 App Bundle 영역에 설치됩니다. 프로퍼티 리스트는 XML 포맷으로 Key-Value 형식으로 저장하는 데이터 리스트입니다. 확장자는 .plist 입니다. 프로퍼티 리스트는 앱의 설정 정보, 환경 설정 데이터 저장 등을 기록하는 데 사용됩니다. 프로퍼티 리스트는 딕셔너리 방식으로 저장되기 때문에 키를 가지고 저장 데이터를 가져올 수 있습니다. 만약 중복된 키를 사용하면 기존 데이터는 지워지고 새로운 데이터가 덮어써지게 됩니다. 하나의 키에 배열이나, 딕셔너리 타입의 데이터를 넣을 수도 있습니다. 프로퍼티 리스트는 데이터 타입을 추상화하여 저장하기 때문에.. 2021. 3. 26.
swift - alert 커스터마이징 feat: 지도, 이미지, 테이블뷰, 슬라이더 swift - alert 커스터마이징 feat: 지도, 이미지, 테이블뷰, 슬라이더 [1] 팝업창에 지도 넣기 MapKitViewController.swift import MapKit import UIKit class MapKitViewController: UIViewController { override func viewDidLoad() { super.viewDidLoad() //뷰컨트롤러에 맵킷 뷰 추가 /* 루트 뷰 내에 서브 뷰가 추가되면 서브 뷰가 차지할 영역이 꼭 필요한데 루트 뷰로 지정한 경우는 화면 전체를 채우는 방식으로 크기가 자동 설정됩니다. */ let map = MKMapView(frame: CGRect(x: 0, y: 0, width: 0, height: 0)) self.view .. 2021. 3. 25.
swift 버튼 커스터마이징 swift 버튼 커스터마이징 버튼 커스터마이징 CSButton.swift //버튼 스타일 커스터마이징 /* 버튼 타입을 위한 열거형을 선언하고 편의 초기화 메서드를 추가합니다. */ public enum CSButtonType{ case rect case circle } import UIKit class CSButton: UIButton { /* 적용된 스타일을 변경할 수 있도록 코드를 변경하겠습니다. 프로퍼티 감시자를 사용해서 프로퍼티의 값이 변경되면 코드가 실행됩니다. 이렇게 정의해두면 인스턴스를 생성할 때 스타일을 적용할 수 있었던 게 이제는 원하는 시점에 스타일을 적용할 수 있습니다. */ var style : CSButtonType = .rect{ didSet{ switch style { //네.. 2021. 3. 25.
swift 계정 Profile 화면 디자인 예제 swift 계정 Profile 화면 디자인 완성된 화면 스토리보드 코드 import UIKit class ProfileVC: UIViewController , UITableViewDelegate , UITableViewDataSource{ let profileImage = UIImageView() //프로필 사진 let tv = UITableView() //프로필 목록 - 테이블 뷰 override func viewDidLoad() { super.viewDidLoad() //타이틀 self.navigationItem.title = "프로필" //뒤로가기 버튼 let backBtn = UIBarButtonItem(title: "닫기", style: .plain, target: self, action: #s.. 2021. 3. 25.

티스토리툴바