iOS28 [iOS][SwiftUI] Convert View to Image 커스텀한 뷰를 이미지로 변환하여 사용 할 수 있는 방법입니다. 먼저 이미지화 시킬 뷰를 만들어 줍니다. 그리고 extension View로 snapshop() 이라는 메서드를 만들어 줍니다. makingBasicMarker로 뷰를 만들고, 그 뷰뒤에 아까 커스텀한 snapshop()을 붙여주면 이미지로 변환이 됩니다. 2022. 5. 6. [iOS][SwiftUI] TabBar 띄우기 SwiftUI의 TabBar는 간단합니다. 들어가기에 앞서 SF Symbols를 설치해주시면 유용하게 쓰실 수 있습니다. SF Symbols는 애플 개발자 홈페이지에서 다운 받으실 수 있습니다. https://developer.apple.com/sf-symbols/ Apple Developer There’s never been a better time to develop for Apple platforms. developer.apple.com 먼저 뷰 세개를 만들어줍니다. 이렇게 만들어주면, 목록에는 이렇게 보일 것입니다. 이제 여기서 ContentView로 들어가서, body안에 'TabView{}'를 만들어서, 미리 만들어 놓았던 FirstView ~ ThirdView에다가 각각 .tabItem을 할.. 2022. 4. 24. [iOS]CocoaPod 설치 & 라이브러리 설치 터미널에 sudo gem install cocoapods 을 입력하여 cocoapods를 설치합니다. 터미널에서 해당 프로젝트가 있는 폴더 경로로 이동합니다. 그리고 터미널에서 pod init 을 입력하여 Podfile을 설치해줍니다. 설치 후 모습입니다. 생겨진 Podfile을 열어보면, 이런 창이 뜨는데 cocoa종류라고 써있는 저 라인 처럼 'pod ~~~' 라고 입력 후 켜져있는 터미널에서 'pod install' 입력하면 해당 라이브러리가 설치됩니다. 2022. 4. 12. [iOS]iOS 애니메이션 터미널에서 프로젝트 폴더로 이동 후에 cocoapods를 설치해주세요. 후에 'pod init'을 입력한 후 폴더의 리스트를 확인해보면 'Podfile'이 추가된 것을 확인 할 수 있습니다. cocoapods를 설치 후에 'sudo vi Podfile' 을 입력해주세요. 여기서 pod 'lottie-ios' 를 추가해주시고 저장후 닫아주세요. 후에 'pod install'을 입력해주세요. xcode를 재실행 시키면 Pods라는 폴더가 생긴것을 확인 할 수 있습니다. https://lottiefiles.com/featured Featured animations from our community Featured collection of Free Lottie Animations created with Body.. 2022. 3. 6. [iOS] CGPoin, CGSize, CGRect 오늘은 UIKit 의 핵심에 대해 배워보겠습니다. View의 위치와 크기를 결정하는 방법 View를 그리기 위해선 어디에 그릴지 위치와 크기가 필요하겠죠? 먼저 위치를 표현 봅시다. View의 시작 위치를 알기위한 x, y 좌표가 필요하고 이 좌표는 iOS 뷰 기준점인 왼쪽 꼭대기(0,0) 으로부터 시작합니다. 그리고 한가지 더 필요한게 뭐였죠? 크기죠 시작지점부터 어느 크기만큼 그릴건지 width와 height가 필요합니다. 총 필요한 데이터는 x 좌표 y 좌표 width height 그럼 CGPoint -> CGSize -> CGRect 2좌표계의 점을 포함하는 구조체 이게 무슨 말인지 모르겠으면 Xcode 에서 CGPoint를 입력한 후 command 버튼을 누른 상태로 마우스로 클릭을 하면 다음과.. 2022. 2. 23. [iOS] TabBar Controller 만들기 (No StroyBoard) 오늘은 앱에서 자주 보는 단골 화면 TabBar Controller를 알아보겠습니다. TabBar Controller 는 탭으로 뷰 컨트롤러를 child로 설정하여 관리하는 컨테이너 컨트롤러 입니다. TabBar Controller에는 루트뷰와 탭 바가 표시되고 child 뷰 갯수만큼 TabBar에 TabBar Item이 생성됩니다. 다음과 같이 저희도 3개의 탭을 가진 화면을 구성하겠습니다. // // TabBarViewController.swift // NoStoryboard // // Created by james on 2021/11/07. // import UIKit class TabBarViewController: UITabBarController { override func viewDidLoa.. 2022. 2. 21. [iOS] Swift UI 시작하기 SwiftUI는 Swift의 힘으로 모든 Apple 플랫폼에서 사용자 인터페이스(UI)를 구축 할 수 있는 혁신적이고 특별한(exceptionally) 방법입니다. 읽기 쉽고 작성하기 쉬운 선언적 Swift구문을 사용합니다. SwiftUI는 새로운 Xcode디자인 도구와 원활하게 작동하여, 코드와 디자인을 완벽하게 동기화합니다. Dynamic Type, Dark Mode, Localization 및 Accessibility에 대한 자동 지원은 SwiftUI 코드의 첫 번째 라인이 이미 작성한 가장 강력한 UI 코드임을 의미합니다. SwiftUI는 선언적 구문(declarative syntax)을 사용하므로, UI에서 수행해야 할 작업을 간단하게 지정 할 수 있습니다. 예를들어, 텍스트필드로 구성된 lis.. 2022. 2. 9. [iOS] AutoLayout programmatical 하게 구성하기 오토레이아웃은 처음 접할 때 꽤 힘들게 느껴지기 마련입니다. 포스팅 한번에 끝내기 보다는 시리즈로 하나하나 차근차근 접근하는게 좋을 것 같아 기획하게 되었는데요 그럼 먼저 코드로 구현하는 방법이 세가지가 있다고 했는데 어떤 방법이 있는지 알아보겠습니다. 1. NSLayoutConstraint NSLayoutConstraint는 제약 기반의 레이아웃 시스템에서 충족해야 하는 두 인터페이스 개체 간의 관계 입니다. NSLayoutConstraint(item: button, attribute: .centerX, relatedBy: .equal, toItem: view, attribute: .centerX, multiplier: 1.0, constant: 0.0) item: 제약을 지정할 UI attribute.. 2022. 1. 28. [iOS] Code로 AutoLayout 다루기 오늘은 코드로 오토레이아웃을 구현해보겠습니다. Auto Layout 이란? Auto Layout dynamically calculates the size and position of all the views in your view hierarchy, based on constraints placed on those views. 한마디로 뷰의 크기와 위치를 constraints에 의해서 동적으로 계산해주는 레이아웃 입니다. 기존의 Frame-Base Layout 과 비교해 볼까요? Auto Layout의 가장 큰 장점은 여러 해상도를 유연하게 지원할 수 있다는 것입니다. 왼쪽과 같이 Frame-Base Layout으로 뷰를 그리면 의도된 해당도를 지원하는 단말기에서는 정상적으로 보이겠지만, 더 작은 해상도.. 2022. 1. 16. 이전 1 2 3 4 다음
