iOS 개발자 학습 로드맵: Swift, SwiftUI, 외부 기기 연동 정복하기 🚀

iOS 개발자가 되기 위한 여정을 응원합니다! Swift, SwiftUI, 그리고 외부 기기 연동 기술을 빠르고 정확하게 습득하기 위한 체계적인 학습 로드맵을 안내해 드립니다.

---

1단계: Swift 언어 기초 다지기

가장 먼저 iOS 앱 개발의 핵심 언어인 Swift에 대한 탄탄한 이해가 필요합니다.

• 핵심 문법 학습: 변수, 상수, 데이터 타입, 연산자, 제어문(조건문, 반복문), 함수, 옵셔널 등 Swift의 기본적인 문법을 익힙니다.
  • 추천 자료:
    • Apple 공식 Swift Programming Language 가이드 
    • The Swift Programming Language (영문)
    • The Swift Programming Language (한국어)
    • 온라인 강의
    • Udemy iOS Development Courses Online
    • Coursera Best iOS App Development Courses & Certificates [2025]
    • Inflearn iOS
    • Fastcampus 왕초보를 위한 한 번에 끝내는 iOS 앱 개발 바이블
    • Swift Playgrounds 앱 (iPad 또는 Mac에서 게임처럼 재미있게 코딩 학습)
    • Apple Developer Swift Playground
• 객체 지향 프로그래밍 (OOP) 이해: 
• 클래스, 구조체, 프로토콜, 상속 등 객체 지향 프로그래밍의 주요 개념을 학습하고 Swift에서 어떻게 구현되는지 파악합니다.
• 핵심만 골라 배우는 SwiftUI기반의 iOS 프로그래밍 (Yes24)
• 데이터 구조 및 알고리즘: 
• 배열, 딕셔너리, 세트 등 기본적인 데이터 구조와 함께 간단한 알고리즘 문제 해결 능력을 키웁니다.
• 스위프트 프로그래밍 모던 스위프트 개발의 핵심! 패러다임과 매크로 그리고 동시성까지 (Yes24)

---

2단계: SwiftUI로 UI 개발 시작하기 🖼️

현대적이고 선언적인 UI 프레임워크인 SwiftUI를 통해 사용자 인터페이스(UI) 개발을 시작합니다.

• SwiftUI 기본 개념 및 구성 요소 학습: View, Modifier, State, Binding, EnvironmentObject 등 SwiftUI의 핵심 개념을 이해하고, Text, Image, Button, List 등 기본적인 UI 구성 요소를 다루는 방법을 익힙니다.
  • 추천 자료:
    • Apple 공식 SwiftUI 튜토리얼 (Introducing SwiftUI)
    • Hacking with Swift (SwiftUI by Example 등)
    • 다양한 SwiftUI 온라인 강좌 및 유튜브 채널
• 화면 구성 및 네비게이션: 
• 여러 View를 조합하여 화면을 구성하고, NavigationView, TabView 등을 활용하여 앱 내 화면 전환을 구현합니다.
• 데이터 흐름 관리: 
• @State, @Binding, @ObservedObject, @EnvironmentObject 등을 활용하여 데이터의 흐름을 효과적으로 관리하는 방법을 학습합니다.
• 간단한 앱 만들어보기: 
• 학습한 내용을 바탕으로 투두 리스트, 계산기, 날씨 앱 등 간단한 앱을 직접 만들어보면서 SwiftUI에 대한 이해도를 높입니다.

---

3단계: iOS 앱 개발 심화 및 외부 기기 연동 📲↔️⚙️

SwiftUI와 함께 iOS 앱 개발에 필요한 다양한 프레임워크를 학습하고, 외부 기기 연동 방법을 익힙니다.

• iOS 프레임워크 학습:
  • Foundation: 
  • 데이터 처리, 네트워킹, 파일 관리 등 기본적인 기능을 제공하는 프레임워크입니다.
  • UIKit (필요시): 
  • SwiftUI와 함께 사용되거나, 기존 UIKit 기반 프로젝트를 이해하기 위해 기본적인 내용을 알아두면 좋습니다. (특히 SwiftUI에서 아직 지원하지 않는 고급 기능이나 특정 UI 커스터마이징에 필요할 수 있습니다.)
  • Core Data / Realm: 
  • 앱 내 데이터를 영구적으로 저장하고 관리하기 위한 데이터베이스 기술입니다.
  • Networking (URLSession): 
  • 서버와 통신하여 데이터를 주고받는 방법을 학습합니다. (JSON 데이터 파싱 포함)
• 외부 기기 연동 방법 학습:
  • Core Bluetooth: 
  • 블루투스 LE (Low Energy) 기기와의 통신을 구현합니다. (센서, 웨어러블 기기 등)
    • Central, Peripheral 역할 이해
    • Service, Characteristic 검색 및 데이터 송수신
  • ExternalAccessory Framework: 
  • MFi (Made for iPhone/iPad/iPod) 인증을 받은 유선 또는 무선 액세서리와 통신합니다.
  • 기타 통신 방법: 
  • Wi-Fi (Network.framework), USB (상황에 따라 다름, 일반적으로는 ExternalAccessory 활용) 등 특정 기기 및 통신 방식에 맞는 프레임워크와 기술을 학습합니다.
  • 주의사항: 
  • 외부 기기 연동은 해당 기기의 통신 프로토콜 및 API에 대한 이해가 필수적입니다. 제조사에서 제공하는 SDK나 문서를 참고해야 합니다.
• 비동기 처리 및 동시성 프로그래밍: 
• async/await, Combine 프레임워크 등을 활용하여 네트워크 요청, 대용량 데이터 처리 등 시간이 오래 걸리는 작업을 효율적으로 처리하는 방법을 익힙니다.
• 앱 아키텍처 이해: 
• MVC, MVVM 등 일반적인 모바일 앱 아키텍처 패턴을 학습하고, 프로젝트 규모에 맞는 구조를 설계하는 능력을 키웁니다.

---

빠르고 정확하게 배우기 위한 팁 💡

• 공식 문서 적극 활용: 
• Apple 개발자 문서는 가장 정확하고 최신의 정보를 제공합니다. 영어에 익숙해지는 것이 중요합니다.
• 꾸준한 코딩 연습: 
• 매일 꾸준히 코딩하는 습관을 들이고, 작은 기능이라도 직접 구현해보는 것이 중요합니다. "일단 만들어보자!" 정신이 중요합니다.
• 프로젝트 기반 학습: 
• 만들고 싶은 앱을 정하고, 필요한 기능을 하나씩 구현해나가면서 학습하는 방식이 효과적입니다. 토이 프로젝트를 여러 개 진행해보세요.
• 오류 해결 능력 키우기: 
• 개발 과정에서 마주치는 오류 메시지를 읽고 이해하며, 검색을 통해 스스로 해결하는 능력을 키워야 합니다. (Stack Overflow 등의 개발자 커뮤니티 활용)
• 코드 리뷰 및 피드백: 
• 스터디 그룹이나 멘토를 통해 자신의 코드를 공유하고 피드백을 받는 것은 성장에 큰 도움이 됩니다.
• 개발자 커뮤니티 활동: 
• 국내외 iOS 개발자 커뮤니티(예: 맥부기, iOS 개발자 그룹 등)에 참여하여 정보를 얻고 질문하며 동기 부여를 받으세요.
• 최신 기술 동향 파악: 
• WWDC (Apple Worldwide Developers Conference) 영상이나 관련 기술 블로그를 통해 최신 기술 동향을 꾸준히 파악하는 것이 좋습니다.

---

이 로드맵은 일반적인 가이드이며, 개인의 학습 속도와 배경지식에 따라 조절될 수 있습니다. 무엇보다 중요한 것은 흥미를 잃지 않고 꾸준히 학습하는 것입니다. 즐겁게 개발 여정을 시작하시길 바랍니다! 😊 

iOS & Swift: Keyboard로 사용자 입력할 때, ToolBar 위로 이동하기

이전 글인 Keyboard 이벤트를 이용해서, ToolBar를 이동하는 예제를 만들어 봅니다.

ViewController에서, 하단에 Toolbar가 있고, 사용자가 입력을 할 때, View를 위로 이동시켜서, 입력하는 내용이 화면에 표시되도록 하면, 어떤 내용을 입력하는지 알기 쉬운 UI가 됩니다.

ToolBar만 위로 이동해도 되지만, AutoLayout의 내용들을 다 무시하게 되므로, 전체 View를 Keyboard표시되는 것 만큼 위로 이동하게 만들어 봅니다.

 Keyboard 이벤트 설명 블로그에서 이벤트 등록과 이벤트 발생 때, 실행되는 함수를 등록하는 방법을 이미 설명했습니다.
이제 표시될 때, ToolBar를 위로 올려주고, 입력이 끝나면 밑으로 내려줘야 합니다. 그리고, 입력 중에 화면이 회전되면, 적당하게 ToolBar의 위치를 옮겨줘야 합니다.
위로 얼마나 올려야 되는지는

키보드 표시될 때와, 사라질 때 함수 호출하기.

    override func viewWillAppear(_ animated: Bool) {
        //화면이 표시될때, Keyboard표시에 대한 이벤트가 발생하면 호출되는 함수를 등록한다.
        NotificationCenter.default.addObserver(self, selector: #selector(self.keyboardWillShow(_:)), name: NSNotification.Name.UIKeyboardWillShow, object: nil)
        NotificationCenter.default.addObserver(self, selector: #selector(self.keyboardWillHide(_:)), name: NSNotification.Name.UIKeyboardWillHide, object: nil)
    }
    func keyboardWillShow(_ notification:NSNotification) {
        //키보드가 표시 될때, ToolBar의 위치를 올려준다.
        moveToolbarUp(with: notification)
    }
    func keyboardWillHide(_ notification:NSNotification) {
        //키보드가 사라질 때, ToolBar의 위치를 아래로 내려준다.
        moveToolbarDown(with: notification)
    }

Toolbar를 위로 올려주고, 아래로 내려주는 함수

    fileprivate func moveToolbarUp(with notification:NSNotification) {
        self.moveToolBar(isUp: true, with: notification)
    }
    fileprivate func moveToolbarDown(with notification:NSNotification) {
        self.moveToolBar(isUp: false, with: notification)
    }
    fileprivate func moveToolBar(isUp up:Bool, with notification:NSNotification) {
        if let userInfo = notification.userInfo {
            //let beginFrame = (userInfo[UIKeyboardFrameBeginUserInfoKey] as! NSValue).cgRectValue
            let endFrame = (userInfo[UIKeyboardFrameEndUserInfoKey] as! NSValue).cgRectValue
            let duration = (userInfo[UIKeyboardAnimationDurationUserInfoKey] as! NSNumber).doubleValue
            let animationOptions = UIViewAnimationOptions(rawValue: (userInfo[UIKeyboardAnimationCurveUserInfoKey] as! NSNumber).uintValue)
            
            let frame = self.toolbar.frame
            let rect:CGRect = CGRect(x: frame.origin.x,
                                     y: frame.origin.y + endFrame.size.height * (up ? -1 : 1),
                                     width: frame.size.width,
                                     height: frame.size.height)
            UIView.animate(withDuration: duration,
                           delay: 0.0,
                           options: animationOptions,
                           animations: { () -> Void in
                            self.toolbar.frame = rect
            }, completion: nil)
            
        }else{
            //UserInfo가 없을 경우..
        }
    } 

ToolBar가 올라가 있는 상태에서 화면을 옆으로 돌리면, 툴바의 위치가 이상하게 되어 버리는 예외를 처리하기 위해서, 화면이 회전할 때, 키보드를 사라지게 해줍니다. 더 좋은 방법이 있겠지만, 이정도로 마무리..

    override func viewWillTransition(to size: CGSize, with coordinator: UIViewControllerTransitionCoordinator) {
        //화면이 옆으로 돌아갈 때, 호출되는 이벤트로, 이벤트 발생 시, 키보드를 아래로 내려주면 이동 후에 다시 선택하면 되도록 한다
        self.inputTextField.resignFirstResponder();
    }

iOS & Swift : Keyboard가 표시될 때, 사라질 때 이벤트와 그 키보드의 위치를 알아보자

지난 블로그에서는 Objective-C를 기준으로 정리하였는데, 이제는 Swift를 기준으로 정리한다.
(링크 [iOS] Keyboard가 표시될 때, 사라질 때 이벤트와 그 키보드의 위치는?)

일반적인 UIViewController 내에서는 표시할 위치를 이동시켜야, 키보드에 덮히지 않고, 사용자에게 표시할 수 있습니다.

1. 키보드가 화면에 나타나거나, 사라지는 Event는 무엇이고, 어떻게 알아낼까?

키보드가 표시될 때 전달되는 이벤트는...

• NSNotification.Name.UIKeyboardWillShow : 키보드가 표시되기 전에 호출
• NSNotification.Name.UIKeyboardDidShow : 키보드가 표시되고 난 후에 호출
• NSNotification.Name.UIKeyboardWillHide : 키보드를 숨기기 전에 호출
• NSNotification.Name.UIKeyboardDidHide : 키보드를 숨기고 난 후에 호출
• NSNotification.Name.UIKeyboardWillChangeFrame : 키보드 모양이 바뀌기 전 (iOS 5 이상)
• NSNotification.Name.UIKeyboardDidChangeFrame : 키보드 모양이 바뀐 후 (iOS 5 이상)

필요한 이벤트를 viewWillAppear 함수에서 NotificationCenter에 등록합니다.

Source Code

    override func viewWillAppear(_ animated: Bool) {
        //화면이 표시될때, Keyboard표시에 대한 이벤트가 발생하면 호출되는 함수를 등록한다.
        NotificationCenter.default.addObserver(self, selector: #selector(self.keyboardWillShow(_:)), name: NSNotification.Name.UIKeyboardWillShow, object: nil)
        NotificationCenter.default.addObserver(self, selector: #selector(self.keyboardDidShow(_:)), name: NSNotification.Name.UIKeyboardDidShow, object: nil)
        NotificationCenter.default.addObserver(self, selector: #selector(self.keyboardWillHide(_:)), name: NSNotification.Name.UIKeyboardWillHide, object: nil)
        NotificationCenter.default.addObserver(self, selector: #selector(self.keyboardDidHide(_:)), name: NSNotification.Name.UIKeyboardDidHide, object: nil)
    }

화면이 사라질 때, 등록한 것을 삭제해야 한다. 물론 삭제하면 더 이상 이벤트가 발생해도 해당 함수를 호출하지 않습니다.

SourceCode

    override func viewWillDisappear(_ animated: Bool) {
        //화면이 사라질 때, keyboard 표시에 대한 이벤트를 받지 않도록, 등록을 삭제한다.
        NotificationCenter.default.removeObserver(self)
    }

이벤트가 발생할 때, 호출하는 함수들을 정의한다. 해당 이름은 뭐든지 관계없으나 인자로 받는 것은 명시를 해줘야 합니다.

SourceCode

    //키보드가 표시 될 때 호출 되는 함수
    func keyboardWillShow(_ notification:NSNotification) {
        print(notification)
        info(name: "Keyboard Will beShown", with: notification)
        somethingDo(with: notification)
    }
    func keyboardDidShow(_ notification:NSNotification) {
        info(name: "Keyboard Was  Shown", with: notification)
    }
    
    //키보드가 사라질 때, 호출 되는 함수
    func keyboardWillHide(_ notification:NSNotification) {
        info(name: "Keyboard Will beHidden", with: notification)
        somethingDo(with: notification)
    }
    func keyboardDidHide(_ notification:NSNotification) {
        info(name: "Keyboard Was  Hidden", with: notification)
    }

자 이제, 키보드가 표시될 때 마다, 해당 함수들이 호출이 된다.
그럼 다음으로 넘어가자.

2. 호출된 키보드 이벤트 함수에서 키보드의 크기를 알아야, 다른 컴포넌트의 위치를 조정할 수 있다.

이벤트로 전달되는 NSNotification 클래스의 userInfo에서 해당 내용을 가져와야 알 수 있습니다.

키보드가 표시되는 Frame의 정보는 시작할 때와 표시가 다 되었을 때, 어디에 위치할지 알아낼 수 있습니다.
userInfo를 가져와서 description을 출력해 보면 아래와 같습니다.

NSConcreteNotification 0x610000242460 {name = UIKeyboardWillShowNotification; userInfo = {
    UIKeyboardAnimationCurveUserInfoKey = 7;
    UIKeyboardAnimationDurationUserInfoKey = "0.25";
    UIKeyboardBoundsUserInfoKey = "NSRect: {{0, 0}, {375, 258}}";
    UIKeyboardCenterBeginUserInfoKey = "NSPoint: {187.5, 796}";
    UIKeyboardCenterEndUserInfoKey = "NSPoint: {187.5, 538}";
    UIKeyboardFrameBeginUserInfoKey = "NSRect: {{0, 667}, {375, 258}}";
    UIKeyboardFrameEndUserInfoKey = "NSRect: {{0, 409}, {375, 258}}";
    UIKeyboardIsLocalUserInfoKey = 1;
}}

위에서 표시되는 각 UserInfoKey에 대해서 조금 더 자세히 봅시다.

• UIKeyboardAnimationCurveUserInfoKey : 키보드가 표시될 때 Animation Curve
• UIKeyboardAnimationDurationUserInfoKey : 키보드 표시되는 시간
• UIKeyboardBoundsUserInfoKey : 키보드의 Bounds로 크기를 알 수 있는 bound
• UIKeyboardCenterBeginUserInfoKey : 키보드 표시되기 시작할 때의 중심 Point
• UIKeyboardCenterEndUserInfoKey : 키보드 표시된 후의 중심 Point
• UIKeyboardFrameBeginUserInfoKey : 키보드가 표시되기 시작할 때의 frame
• UIKeyboardFrameEndUserInfoKey : 키보드가 표시된 후의 Frame

• UIKeyboardIsLocalUserInfoKey : 지금 표시되는 키보드가 Current App에 속한 것인지 True/False로 가지고 있음. iPad의 경우 여러 App이 화면에 표시될 수 있는데, 다른 App이 표시하는 키보드인지 내가 표시한 키보드인지 구분할 수 있음. 이것이 False이면 반응하면 안됨. (iOS 9 이상에서 지원)

아래 처럼 각 호출되는 함수에서 정보를 출력해 봅니다.

SourceCode

    fileprivate func info(name str:String, with notification:NSNotification) {
        if let userInfo = notification.userInfo {
            let frameBegin = (userInfo[UIKeyboardFrameBeginUserInfoKey] as? NSValue)?.cgRectValue ?? CGRect.zero
            let frameEnd = (userInfo[UIKeyboardFrameEndUserInfoKey] as? NSValue)?.cgRectValue ?? CGRect.zero
            let curve = userInfo[UIKeyboardAnimationCurveUserInfoKey] as? NSNumber ?? NSNumber.init(value: 0)
            let duration = (userInfo[UIKeyboardAnimationDurationUserInfoKey] as! NSNumber ).doubleValue
            print("\(str) (\(Int(frameBegin.origin.x)),\(Int(frameBegin.origin.y)),\(Int(frameBegin.size.width)),\(Int(frameBegin.size.height))), (\(Int(frameEnd.origin.x)),\(Int(frameEnd.origin.y)),\(Int(frameEnd.size.width)),\(Int(frameEnd.size.height))) curve:\(curve), duration:\(duration)")
        }
    }

3. 결과로 나오는 값은 어떻게 될까요?

iPhone7
세로
Keyboard Will beShown (0,667,375,258), (0,409,375,258) curve:7, duration:0.25
Keyboard Was  Shown    (0,667,375,258), (0,409,375,258) curve:7, duration:0.25
Keyboard Will beHidden (0,409,375,258), (0,667,375,258) curve:7, duration:0.25
Keyboard Was  Hidden   (0,409,375,258), (0,667,375,258) curve:7, duration:0.25
가로
Keyboard Will beShown (0,375,667,194), (0,181,667,194) curve:7, duration:0.25
Keyboard Was  Shown    (0,375,667,194), (0,181,667,194) curve:7, duration:0.25
Keyboard Will beHidden (0,181,667,194), (0,375,667,194) curve:7, duration:0.25
Keyboard Was  Hidden   (0,181,667,194), (0,375,667,194) curve:7, duration:0.25

위 결과를 보시면, 표시되기 전에는 화면 아래 부분에 있다가 표시되면, 위로 올라오게 됩니다.
가로/세로 모드일때 따라서, 키보드의 위치와 크기가 달라집니다.

위 정보를 이용해서, UIViewController에서  ToolBar나 TextField가 키보드 아래에 있을 때, 키보드가 표시될 때 위로 이동시켜서 화면에 표시할 수 있고, 키보드가 사라질 때, 원래 위치로 이동할 수 있습니다.

[iOS] CoreData에서 Entity의 개수를 효율적으로 읽어오기.

먼저 TableViewController의 경우, NSFetchedResultController를 사용하면 가장 효율적으로 관리할 수 있습니다.
특정 개수만 로딩 시켜서, 화면에 표시하므로 모든 데이터를 가져올 필요가 없게 됩니다.

하지만, 특정 경우, 지금 그 Entity의 개수가 몇개인지 알아야 할 경우가 있습니다.
이런때, 해당 Entity가 데이터가 크면, 그 개수 만큼의 NSManagedObject가 만들어지고, 데이터도 다 로딩 되므로, 순간 메모리 사용량이 커지게 됩니다.

이 경우, NSFetchRequest의  setIncludeSubentities를 NO로 해서 subentity들이 로딩 되지 않도록 하고,
context의 countForFetchRequest를 사용해서 해당되는 개수만 읽어 올 수 있게 됩니다.

참조: StackOverflow: Cocoa Core Data efficient way to count entities!

[iOS] unwind 함수를 코딩으로 호출하기.

Storyboard에서 Exit할 수 있는 Unwind segue를 만든다.
- 버튼에서 Exit로 Ctrl-Drag에서 만들 수도 있고
- 해당 View Controller의 아이콘에서 Exit로 Ctrl-Drag해서 Unwind segue를 만든다.

왼쪽 리스트에서 Unwind Segue from XXViewController를 선택하고, 오른쪽 Attribute Inspector에서 Identifier를 설정할 수 있다.

그러면,  코드상에서 performSegueWithIdentifier로 호출할 수 있다.

[참고: stackoverflow - How to perform Unwind segue programmatically?]

[iOS] 원형의 그라디언트 이미지를 그려봅시다. (Rendering a radial gradient)

Radial Gradient

원형으로 배경을 은은하게 채워야하는 경우에, 아래와 같이 그림이 필요합니다.
이미지를 만들어서 넣으면 좋겠지만, Core Graphics를 사용해서 그릴 수 있습니다.

만들 이미지

source code

- (void)drawRadialGradient:(UIColor *)startColor
                  endColor:(UIColor *)endColor
                startPoint:(CGPoint)startPoint
               startRadius:(CGFloat)startRadius
                  endPoint:(CGPoint)endPoint
                 endRadius:(CGFloat)endRadius
                   context:(CGContextRef)context
{
    CGColorRef colorRef = startColor.CGColor;
    CGColorRef endColorRef = endColor.CGColor;
    NSArray *marrColors=[NSArray arrayWithObjects:
                         (__bridge id)colorRef,    //start color
                         (__bridge id)endColorRef, //end color
                         nil];
    CFArrayRef colors =(__bridge CFArrayRef)(marrColors);
    CGColorSpaceRef colorSpc = CGColorSpaceCreateDeviceRGB();
    CGGradientRef gradient = CGGradientCreateWithColors(colorSpc, colors, Nil);
    
    // generates Radial Gradient
    CGContextDrawRadialGradient(context, gradient,
                                startPoint, startRadius,
                                endPoint, endRadius,
                                0);
    CGColorSpaceRelease(colorSpc);
    CGGradientRelease(gradient);
}
 

이 함수를 이용해서, 중심에 그리면, 위 만들이미지와 같은 효과를 얻을 수 있습니다.

Drawing a radial gradient like Lens

그러면, Gradient에 이미지를 추가하면 중간에 이미지가 추가가 됩니다.
source code

- (void)drawRadialGradient:(UIColor *)startColor
                  midColor:(UIColor *)midColor
                  endColor:(UIColor *)endColor
                startPoint:(CGPoint)startPoint
               startRadius:(CGFloat)startRadius
                  endPoint:(CGPoint)endPoint
                 endRadius:(CGFloat)endRadius
                   context:(CGContextRef)context
{
    CGColorRef colorRef = startColor.CGColor;
    CGColorRef midColorRef = midColor.CGColor;
    CGColorRef endColorRef = endColor.CGColor;
    NSArray *marrColors=[NSArray arrayWithObjects:(__bridge id)colorRef,
                         (__bridge id)midColorRef,
                         (__bridge id)endColorRef, nil];
    CFArrayRef colors =(__bridge CFArrayRef)(marrColors);
    CGColorSpaceRef colorSpc = CGColorSpaceCreateDeviceRGB();
    CGGradientRef gradient = CGGradientCreateWithColors(colorSpc, colors, Nil);
    
    // generates Radial Gradient
    CGContextDrawRadialGradient(context, gradient,
                                startPoint, startRadius,
                                endPoint, endRadius,
                                0);
    CGColorSpaceRelease(colorSpc);
    CGGradientRelease(gradient);
}

호출하는 소스

- (void)drawRect:(CGRect)rect {
    
    CGContextRef context = UIGraphicsGetCurrentContext();

    
    // Drawing code
    UIColor *whiteColor = [UIColor whiteColor];
    UIColor *blueColor = [UIColor blueColor];
    UIColor *greenColor = [UIColor greenColor];
    
    CGSize size = self.frame.size;
    CGPoint center = CGPointMake(size.width/2, size.height/2);
    /*/
    [self drawRadialGradient:greenColor endColor:self.backgroundColor
                  startPoint:center startRadius:0
                    endPoint:center endRadius:size.width/2
                     context:context];
    /*/
    [self drawRadialGradient:greenColor midColor:blueColor endColor:whiteColor
                  startPoint:center startRadius:0
                    endPoint:center endRadius:size.width/2
                     context:context];
    CGPoint point2 = CGPointMake(size.width/2-15, size.height/2-15);
    [self drawRadialGradient:whiteColor endColor:greenColor
                  startPoint:point2 startRadius:0
                    endPoint:point2 endRadius:5
                     context:context];
    point2 = CGPointMake(size.width/2+15, size.height/2+15);
    [self drawRadialGradient:whiteColor endColor:greenColor
                  startPoint:point2 startRadius:0
                    endPoint:point2 endRadius:2
                     context:context];
     //*/
}

결과물

3가지 색으로만

3가지 색에, 점 2개 찍은것

나름 랜즈와 비슷한 것이 나온것 같군요.

[iOS] NSString으로 된 값을 파일로 직접 저장하자.

현재 App의 디렉토리 Path를 읽어 오고, 거기에 파일 이름을 추가합니다.


 source code

- (NSURL *)urlForFilename:(NSString *)filename {
    NSFileManager *fm = [NSFileManager defaultManager];
    NSArray *urls = [fm URLsForDirectory:NSDocumentDirectory
                               inDomains:NSUserDomainMask];
    NSURL *directoryURL = urls[0];
    NSURL *fileURL = [directoryURL URLByAppendingPathComponent:filename];
    return fileURL;
}

이름을 정하고 나면, NSString에서 바로 저장합니다.

    BOOL status = [string writeToFile:[pathUrl.path stringByAppendingPathExtension:@"txt"]
                           atomically:YES 
                             encoding:NSUTF8StringEncoding 
                                error:&error];
        
    if (error != nil) {
        NSLog(@"save error: %@", [error description]);
    }
    if (status == NO) {
        NSLog(@"save error");
    }

파일로부터 데이터를 읽어 올 경우도, NSString의 카테고리를 이용합니다.

    NSString *string = [NSString stringWithContentsOfURL:pathUrl 
                                                encoding:NSUTF8StringEncoding 
                                                   error:&error];
    if (error != nil || string == nil) {
       NSLog(@"Can't load file: %@, error:%@", pathUrl.path, [error description]);
    }

만약, 문자열이 아닌 Binary데이터를 저장하려면, NSString대신, NSData의 카테고리 함수를 이용하면, 똑같이 사용이 가능합니다.

[iOS] User Defined Runtime Attributes

User Defined Runtime Attributes란? 

Xcode의 Interface Builder에서 특정한 UI 객체에 사용자가 정의하는 값을 바로 입력하는 기능을 말합니다.
Storyboard에 정의된 객체에서 값을 설정할 수 있는 것으로, Identity Inspector tab에서 설정할 수 있습니다. 

InterfaceBuilder의 User Defined Runtime Attributes 설정 화면과 시뮬레이터 표시 내용.

위의 그림처럼 Interface Builder에서 UIView를 넣고, Identity Inspector Tab에서 값을 입력하게 되면, m파일에서 UIView의 객체를 연결해서, 직접 입력한 것처럼 동작하게 됩니다.

입력 할 수 있는 값은 어떤 것이 있을까요?

Boolean - BOOL
Number - NSNumber *
String - NSString *
Point - CGPoint
Size - CGSize
Rect - CGRect
Range - NSRange
Color - UIColor *
LocalizedString - NSString *
(Localizable.string 파일에서 Key를 입력하고, 해당 locale에 맞는 string을 입력)
Image - UIImage*




Xcode 6에서는 총 10가지를 입력할 수 있습니다.

위에 첫번째 이미지에서 layer.borderColor는 바로 설정할 수가 없습니다.
전달되는 객채는 UIColor이고, layer.borderColor는 CGColorRef를 사용하기 때문입니다.
가능한 방법은
CALayer의 카테고리를 생성하고, 그 카테고리에 setBorderColorFromUIColor 함수를 만들어 줍니다.
source code

#import "CALayer+extension.h"

@implementation CALayer (extension)
- (void)setBorderColorFromUIColor:(UIColor *)color
{
    self.borderColor = color.CGColor;
}
@end

h파일에도 함수를 선언해 주어야 합니다.
이제, InterfaceBuilder에서 layer.borderColorFromUIColor 를 사용해서, 색상을 설정할 수 있습니다.

위의 시뮬레이터에서 테두리 색상이 설정된 것을 볼 수 있습니다.

[참고]

- iOS-Blog : User Defined Runtime Attributes
- ATOMIC SPIN : Expanding User-Defined Runtime Attributes in Xcode with Objective-C

[iOS] 물방울 모양의 UIView를 만들자.

UIView의 모양을 물방울 모양으로 변형을 해보겠습니다.

1. UIBezierPath를 이용해서, 물방울 모양의 Path를 만듭니다.

source code

- (UIBezierPath *)waterDropPath:(CGRect)frame
{
    //NSLog(@"makeWaterDropPathIn: %@", NSStringFromCGRect(frame) );
    float x = frame.origin.x;
    float y = frame.origin.y;
    float hW = frame.size.width/2.0f;
    float H = frame.size.height;
    
    CGPoint sp = CGPointMake(x+hW, y);      //Start point
    CGPoint cp = CGPointMake(x+hW, y+H-hW); //Center point
    
    CGPoint b1 = CGPointMake(x, y+H-hW);    //WaterDrop left point
    CGPoint c1 = CGPointMake(x+hW, y+hW+hW/2); //왼쪽 내려오는 부분에서 사용
    CGPoint c2 = CGPointMake(x, y+H-hW-hW);    
    CGPoint c3 = CGPointMake(x+hW+hW, y+H-hW-hW); //오른쪽 올라가는 부분에서 사용
    
    UIBezierPath *path = [[UIBezierPath alloc] init];
    [path setLineWidth:0.5f];
    
    [path moveToPoint:sp]; //시작점으로 이동
    
    [path addCurveToPoint:b1
             controlPoint1:c1
             controlPoint2:c2]; //왼쪽 물방울 내려오는 부분
    
    [path addArcWithCenter:cp
                     radius:hW//-0.5f
                 startAngle:DEGREE_TO_RADIAN(180)
                   endAngle:DEGREE_TO_RADIAN(0)
                  clockwise:NO]; //물방울 아래부분

    [path addCurveToPoint:sp
             controlPoint1:c3 
             controlPoint2:c1]; //오른쪽 올라가는 부분
    
    return path;
}

2. Path로 부터 현재 뷰의 layer의 mask를 설정합니다.

source code

- (void) setWaterDropClippingArea:(CGRect)frame
{
    //클립핑 영역을 만든다.
    [self setClippingAreaFromPath:[self waterDropPath:frame]];
}
- (void)setClippingAreaFromPath:(UIBezierPath *)path
{
    CAShapeLayer *mask = [CAShapeLayer layer];
    mask.path = path.CGPath;
    
    self.layer.mask = mask;
}

3. 결과물

 

 위 소스의 sp, cp, b1, c1, c2, c3 위치를 왼쪽에 표시하였습니다.

[iOS] 크기에 맞게 Font의 크기 줄이기.

Storyboard에서 문자열을 표시를 해야 되는데...
단어나, 길지 않은 문자열은 크기를 200포인트로 표시하고, 만약 길이가 길다면, 그보다 작은 크기로 크기가 맞을 때까지 폰트의 크기를 줄이는 기능이 필요합니다.

//1
+ (UIFont *) spq_getFontForLabel:(NSString *)string font:(UIFont *)font size:(CGSize)size
{
    BOOL isEnough = NO;
    UIFont *afont = font;    //2
    while (!isEnough) {
        //3
        CGRect aboutRect = [string //높이를 구할 NSString
                            boundingRectWithSize:CGSizeMake(size.width*0.9, CGFLOAT_MAX)
                            options:NSStringDrawingUsesLineFragmentOrigin
                            attributes:@{NSFontAttributeName:font}
                            context:nil];
        //4
        if (aboutRect.size.height > (size.height*0.7)) {
            //5
            font = [UIFont fontWithName:font.fontName size:font.pointSize*0.9];
        }else{
            isEnough = YES;
            afont = font;
        }
    }
    return afont;
}

위 소스에서
1: 대상이 되는 문자열과, 그 문자열에 적용되어 있는 Font, 그리고 어떤 너비에서 계산을 해야 되는지 파라미터로 넘겨 줍니다.
2 : while문을 통해서, 크기가 작어질 때까지 적용 합니다.
3 : NSString의 boundingRectWithSize를 이용해서, 대략적인 rect를 구합니다.
     여기에서, 너비의 90%정도를 고려해서 넣습니다. 100% 크기를 하면 옆으로 너무 딱 붙어서 계산이 되어서, 90%크기로 적용해 줍니다.
4 : 계산된 크기가, 대상 높이의 70%보다 크면, 줄여 줍니다. 70%는 대략적으로 생각한 것으로 높의 70%이하가 되는 것이 적당하였습니다. (적용할 때, 변경해서 보시면 됩니다.)
5 : 아직 커서 줄여야 되면, 현재 font 의 name과 크기의 90%를 적용해서 폰트를 다시 만들고 적용해 줍니다.
    이 폰트를 가지고 while문 안에서 다시 계산을 하게 됩니다.

감사합니다.

[iOS] 문자열에 대해서, 언어 알아내기.

문자열에서 언어에 따라서 다른 폰트를 설정해야 하는 경우가 있습니다.
이럴 경우, NSString에서 언어를 알아내서, 적절하게 구분할 수 있습니다.

- (NSString *)languageForString:(NSString *) text{
    return (NSString *)CFBridgingRelease(CFStringTokenizerCopyBestStringLanguage((CFStringRef)text, CFRangeMake(0, MIN(text.length, 100))));
}

참고: How to deal with the iOS detect the NSString language, English can not be detected accurately?

[iOS] 무료사운드 구해서, AVAudioPlayer로 Play하기

사운드 찾기

무료 사운드를 받을 수 있는 곳은 찾아보면 많습니다.

• freeSFX : http://www.freesfx.co.uk/

필요한 mp3파일을 찾아서 다운받습니다.

사운드 변경하기

보통 MP3파일을 받게 되는데, 이것을 CAF파일로 변경합니다.

터미널에서 파일(bass_ring.mp3)를 caf로 변경합니다.

afconvert -f caff -d LEI16@22050 brass_ring.mp3 brass_ring.caf

iOS에서 play하기

AVAudioPlayer를 생성하고, 필요한 시점에 play/stop을 실행합니다.

//선언
  AVAudioPlayer *_backgroundMusic;

//viewDidLoad에서 준비
- (void)viewDidLoad
{
    [super viewDidLoad];
    // Do any additional setup after loading the view.
    NSURL *url = [[NSBundle mainBundle] URLForResource:@"brass_ring" withExtension:@"caf"];
    _backgroundMusic = [[AVAudioPlayer alloc] initWithContentsOfURL:url error:nil];
    [_backgroundMusic prepareToPlay];

}
//viewWillAppear에서 실행
- (void)viewWillAppear:(BOOL)animated{
    [_backgroundMusic play];
}
//viewWillDisappear에서 중지
- (void)viewWillDisappear:(BOOL)animated
{
    [_backgroundMusic stop];
}

[iOS] CoreData관련한 몇가지 정리할 내용들..

개발하면서, CoreData를 사용할 때 필요한 내용을 정리합니다.

RAW SQL

CoreData관련 코드를 작성하고 테스트하다 보면, 실제 SQL이 어떻게 동작되는지 궁금할 때가 있습니다.
어떤 SQL문이 언제 호출이 되어서 실행이 되는지 보면, Commit을 언제 해야 될지 적절할 시기를 알 수 있습니다.
XCode의  Scheme을 드롭다운해서 열고, Edit Scheme을 선택, 'Run {app name}'을 선택하고, Arguments 탭에서 Arguments Passed On Launch에 '+'버튼을 선택해서 아래 내용을 추가합니다.
'-com.apple.CoreData.SQLDebug 1'
그리고 실행을 하면, 실제 SQL문이 어떻게 호출 되는지 표시가 됩니다.

CoreData에서 Object가져오기.

AppDelegate에 추가한 함수를 통해서 managedContext를 받아와야 읽거나, 저장할 수 있습니다.
CoreData에서 데이터를 fetch해서 가져오기 위해서, NSFetchRequest를 만들고, executeFetchRequest를 통해서, NSManagedObject의 형태로 받아 옵니다.
받아올 때, 필터링하기 위해서,  NSPredicate를 설정하고, 정렬해서 보기 위해서 NSSortDescriptor를 설정합니다.

- (void) function
{
    NSError *error;
    SPQAppDelegate *appDelegate = [UIApplication sharedApplication].delegate;
    NSManagedObjectContext *managedContext = [appDelegate managedObjectContext];
    
    NSFetchRequest *request;
    request = [NSFetchRequest fetchRequestWithEntityName:entityName];
    request.predicate = [NSPredicate predicateWithFormat:@"name = %@ && created=%@", name, (created)?@"YES":@"NO"];
    NSSortDescriptor *sortDescriptor = [NSSortDescriptor sortDescriptorWithKey:@"name" ascending:YES];
    request.sortDescriptors = [NSArray arrayWithObject:sortDescriptor];
    NSArray *items = [managedContext executeFetchRequest:request error:&error];
    if (error != nil) {
        NSLog(@"executeFetchRequest: %@", [error localizedDescription]);
    }
  //....

}

새로운 Object 만들기

신규로 object를 만들고, 거기에 값을 넣은 후, 저장을 하면, CoreData에 저장이된다.

    item = [NSEntityDescription insertNewObjectForEntityForName:entityName //추가할 entity이름
                                         inManagedObjectContext:managedContext];

기존 Object 지우기.

managedObject를 찾은 다음, 그 object를 manageObjectContext에서 삭제하면 된다.

    [managedContext deleteObject:item]; //item은 NSManageObject 임.

Boolean값을 비교하기

predicate를 만들 때, String은 '=='로 비교를 하지만, Bool인 경우에는 NSNumber를 이용해서 비교를 해야 한다.

    [NSPredicate predicateWithFormat:@"name == %@, created == %@", name, [NSNumber numberWithBool:created]];

제가 필요한 것만 정리를 해 둡니다.

[iOS] Poster Scroll View를 만들어 봅니다.

영화관 앱에서 포스터를 옆으로 넘길 때, 현재 페이지의 이미지와, 다음페이지의 이미지가 약간 겹처서 넘어갑니다.
Yahoo 날씨 앱에서도 각 페이지를 양 옆으로 넘길 때, 이미지가 겹쳐서 넘어가게 됩니다.

이것을 스크롤 뷰를 이용해서 구현해 보도록 하겠습니다.

1. 전체 구현방법

 스크롤 뷰에 현재 frame크기의 각 페이지로 커스텀 뷰(DBUMoviePosterView)를 추가하고, 화면이 이동할 때, 커스텀 뷰에서 이미지의 위치를 조정해주게 된다.
 이 커스텀 뷰에서 추가된 내부 뷰가 이동할 때, 배경이 바깥 부분으로 나가지 않도록 레이어의 masksToBound도 설정해 준다.
 오른쪽에서 왼쪽으로 다음페이지의 이미지가 나올 때는, 현재 위치를 계산해서, 중간에서 오른쪽으로 이동하도록 하고,
 왼쪽에서 오른쪽으로 이전 페이지의 이미지가 나올 때, 중간에서 왼쪽으로 이동하도록 한다.

2. 소스 구현

 - DBUScrollView
source code

@interface DBUScollView()
@property (nonatomic, strong) NSMutableArray *posters;
@end

@implementation DBUScollView
- (id)initWithCoder:(NSCoder *)aDecoder
{
    self = [super initWithCoder:aDecoder];
    if (self) {
        self.delegate = self;
    }
    return self;
}
- (NSMutableArray *)posters
{
    if (_posters == nil) {
        _posters = [NSMutableArray array];
    }
    return _posters;
}
- (void)addPoster:(UIImage *)image
{
    CGSize size = self.frame.size;
    //포스터 전체 개수
    NSUInteger posterTotalCount = [self.posters count];
    //content 영역 설정
    self.contentSize = CGSizeMake(size.width * (posterTotalCount+1), size.height);
    // 포스터 뷰 생성 및 추가
    DBUMoviePosterView *posterView = [[DBUMoviePosterView alloc] initWithFrame:CGRectMake(size.width*(posterTotalCount), 0, size.width, size.height)];
    UIImageView *imageView = [[UIImageView alloc] initWithFrame:posterView.bounds];
    imageView.image = image;
    [posterView addView:imageView];
    [self addSubview:posterView];

    //위치 이동을 위해서, Array로 보관
    [self.posters addObject:posterView];
}

#pragma mark - UIScrollViewDelegate
- (void)posterImagePosition:(NSInteger)posterIndex point:(CGPoint)point
{
    if (posterIndex < 0 || posterIndex >= self.posters.count) {
        return; //페이지 수를 벗어난 것이면, 무시한다.
    }
    DBUMoviePosterView *posterView = (DBUMoviePosterView *)self.posters[posterIndex];
    if (posterView == nil) return;
    [posterView moveViewPosition:point]; //각 포스터 뷰에서 내부 뷰를 이동시킨다.
}
- (void)scrollViewDidScroll:(UIScrollView *)scrollView
{
    //현재 페이지를 계산해서, 연재와 다음 것만 움직이도록 한다.
    NSUInteger currentPage = scrollView.contentOffset.x / scrollView.frame.size.width;
    //계산은 각 포스터 뷰에서 계산한다.
    [self posterImagePosition:currentPage point:scrollView.contentOffset];
    [self posterImagePosition:currentPage+1 point:scrollView.contentOffset];
}
@end

- DBUMoviePosterView
source code

#import "DBUMoviePosterView.h"
@interface DBUMoviePosterView()
{
    UIView *_view;
}
@end

@implementation DBUMoviePosterView
- (id)initWithFrame:(CGRect)frame
{
    self = [super initWithFrame:frame];
    if (self) {
        // Initialization code
        self.layer.masksToBounds = YES;//
    }
    return self;
}
- (void) addView:(UIView *)view
{
    if (_view != nil) {
        [_view removeFromSuperview];
        _view = nil;
    }
    _view = view;
    [self addSubview:view];
}
- (void) moveViewPosition:(CGPoint)point
{
        CGFloat width = self.frame.size.width;
    CGFloat height = self.frame.size.height;
    CGFloat x = point.x - self.frame.origin.x;
    
    if (x > -width && x < width) {
        //현재 위치와 비교한 값의 절반을 x좌표로 한다.
        _view.frame = CGRectMake(x/2, point.y, width, height);
    }
}
- (void) moveViewPositionToInitial
{
    //(0,0)으로 원위치 시킴.
    [self moveViewPosition:CGPointMake(0, 0)];
}

3. 결과물

[iOS] UIScrollView에서 현재 중심이 되는 페이지 얻어오기.

ScrollView에서 페이지 단위로 뷰를 로딩해서 화면에 보여줄 경우, 현재 페이지의 앞뒤 페이지만 로딩하도록 해서 지금 필요한 페이지만 메모리를 사용할 수 있게 만들어야 됩니다.
100페이지의 ScrollView라 할지라도, 현재는 3페이지만 로딩하도록 하는 것입니다.
이 경우, 현재 페이지가 몇 페이지인지 알아야 합니다.

페이지를 가로로 이동하는 경우에는,  페이지의 너비와 현재 페이지의 x좌표를 이용하여 알아낼 수 있습니다.

사용자가 페이지를 터치해서 이동할 경우, scrollView.contentOffset.x 값이 변하게 됩니다.
source code

- (void)scrollViewDidScroll:(UIScrollView *)scrollView
{
    CGFloat pageWidth = self.scrollView.frame.size.width;
    NSInteger page = (NSInteger)floor((self.scrollView.contentOffset.x * 2.0f + pageWidth) / (pageWidth * 2.0f));
    NSLog(@"scrollView.contentOffset.x: %f, page:%d", scrollView.contentOffset.x, page);
    
}

페이지를 왼쪽으로 이동시키다가, 현재 화면의 반을 넘어가는 경우, 다음 페이지가 되고, 오른쪽으로 이동시키다가 현재 페이지의 반 이하가 남게 되면, 이전 페이지로 인식해야 합니다.
현재 페이지 = (x좌표 / 페이지너비 + 0.5)값의 반내림
현재 페이지 = ((x좌표 + 1/2*페이지너비) / 페이지너비) 값의 반내림
현재 페이지 = ((x좌표 + 페이지너비) / (2*페이지너비)) 값의 반내림

- (void)scrollViewDidScroll:(UIScrollView *)scrollView
{
    CGFloat pageWidth = self.scrollView.frame.size.width;
    NSInteger page = (NSInteger)floor((self.scrollView.contentOffset.x * 2.0f + pageWidth) / (pageWidth * 2.0f));
    NSLog(@"scrollView.contentOffset.x: %f, page:%d", scrollView.contentOffset.x, page);
    
}

scrollView가 가로로 Scroll되었을 때, 현재 페이지를 알 수 있으므로, 페이지가 변경되면, 앞뒤 페이지를 로딩하여, 미리 준비하면 됩니다.


[참조] : http://www.raywenderlich.com/10518/how-to-use-uiscrollview-to-scroll-and-zoom-content

[iOS] CALayer를 이용한 액자 모양 그림자 넣기.

기존의 CALayer를 이용해서, shadow를 설정할 수 있었습니다.
그 방식에 shadowPath를 설정하여서 그림자의 모양을 변형하는 방법을 정리합니다.

참조: NSCookbook - iOS Programming Recipe 10: Adding A Shadow To UIView


ViewController에  UIImageView를 하나 추가하고, 아래와 같이 설정을 합니다.
source code

    CALayer *layer = self.imageView.layer;
    layer.shadowOffset = CGSizeMake(1, 1);
    layer.shadowColor = [[UIColor blackColor] CGColor];
    layer.shadowRadius = 3.0f;
    layer.shadowOpacity = 0.80f;

    CGRect rect = self.imageView.frame;
    CGSize size = rect.size;
    CGFloat offset = 15.0f;
    UIBezierPath *path = [UIBezierPath bezierPath]; //Path를 설정
    [path moveToPoint:CGPointMake(0.0, offset)];
    [path addLineToPoint:CGPointMake(size.width, offset)];
    [path addLineToPoint:CGPointMake(size.width, size.height+offset)];
    [path addCurveToPoint:CGPointMake(0.0, size.height+offset)
            controlPoint1:CGPointMake(size.width-offset,size.height)
            controlPoint2:CGPointMake(offset, size.height)];
    [path closePath];
    layer.shadowPath = [path CGPath];

위의 shadowPath를 bezierPath로 만들어서 넣으면 그 Path를 따라서 그림자가 생기게 됩니다.

[참고]
이미지 URL: http://i.dailymail.co.uk/i/pix/2014/05/04/article-2620040-1D92597400000578-908_306x423.jpg

[iOS] TextView의 InnerShadow를 만들어 봅니다.

TextView의 배경에 안쪽 그림자를 만들어봅니다.

Inner Shadow가 적용된 화면

위의 그림처럼 TextView에서 InnerShadow를 이미지를 사용하지 않고 넣도록 합니다.

구현 방법은?

일단 배경이미지를 사용해서, 넣을 수도 있는데, 그렇게 되면, 메인 뷰의 배경이 변경이 되면 그것을 따라가지 못하고, 이미지의 색이 배경과 다르게 흰색 태두리가 생길 수 있습니다.
 그래서, CALayer를 이용해서, 그림자 효과로 만들어 봅니다.

- UIView에 대한 그림자 설정.

일단 일반적인 UIView의 CALayer에 그림자 설정과, 태두리를 둥글게 만들어 봅니다.
source code

    UIView *view;
    UIView *view;
    view = self.testView; //코드를 설명을 위해서 대입함.
    view.backgroundColor = [UIColor clearColor]; //배경을 투명하게 설정
    view.layer.cornerRadius = 10.0f;      //테두리 곡선이 되도록 설정 10.0f는 임의의 수
    view.layer.borderColor = [UIColor whiteColor].CGColor; //테두리 색상 흰색
    view.layer.borderWidth = 2.0f;                         //테두리 두께 2포인트
    view.layer.shadowColor = [UIColor blackColor].CGColor; //그림자 검은색
    view.layer.shadowOffset = CGSizeZero;   //그림자 위치는 뷰의 위치와 동일
    view.layer.shadowOpacity = 1.0f;        //그림자 투명도
    view.layer.shadowRadius = 3.0f;         //그림자의 퍼지는 범위 클수록 넓게 그림자 생김.

Storyboard에서 지정한 UITextField에 대해서 위와 같이 설정을 하면, 아래와 같이 표시가 됩니다.

위에서 코드를 추가합니다.
source code

    view.layer.masksToBounds = YES; //바운드 외부로 나가는 것을 Mask처리함

이렇게 하면 외부로 그림자가 나가는 것은 지워집니다.

이제 내부 테두리 비슷한 것이 설정이 되었습니다.
이것을 UITextView에 적용을 하면 아래와 같아집니다.
source code

    self.textView.backgroundColor = [UIColor clearColor];
    view = self.textView; //UITextView로 변경하고 설정함.
    view.backgroundColor = [UIColor clearColor];
    view.layer.cornerRadius = 10.0f;
    view.layer.borderColor = [UIColor whiteColor].CGColor;
    view.layer.shadowColor = [UIColor blackColor].CGColor;
    view.layer.borderWidth = 2.0f;
    view.layer.shadowOffset = CGSizeZero;
    view.layer.shadowOpacity = 1.0f;
    view.layer.shadowRadius = 3.0f;
    view.layer.masksToBounds = YES;

설정은 UIView에 했던것과 동일하고, 이 설정을 TextView에 한 것입니다.

테두리에 그림자가 생기기는 했지만, 내부의 글자에도 그림자가 표시되는 문제가 발생합니다.
이것을 어떻게 처리할 수가 없어서,
TextView의 자리 배경에 UIView를 두어서 TextView의 주변에 inner shadow가 있는 것처럼 설정을 합니다.

source code

-(void)drawInnerShadowOnViewForTextView:(UIView *)view color:(UIColor *)backgroundColor;
{
    UIEdgeInsets insets = {-10, -15, +20, +30};
    CGFloat cornerRadius = 18.5f;
    CGFloat borderWidth = 2.0f;
    CGFloat shadowRadius = 3.5f;
    CGFloat shadowOpacity = 1.0f;
    
    //그림자가 되는 View를 설정합니다.
    UIView *innerShadowView = [[UIView alloc] initWithFrame:CGRectMake(view.frame.origin.x+insets.top, view.frame.origin.y+insets.left, view.frame.size.width + insets.bottom, view.frame.size.height+ insets.right)];
    [innerShadowView setContentMode:UIViewContentModeScaleToFill];
    [innerShadowView setAutoresizingMask : UIViewAutoresizingFlexibleWidth | UIViewAutoresizingFlexibleHeight];
    [innerShadowView.layer setCornerRadius:cornerRadius]; //그림자의 가장자리 곡선
    [innerShadowView.layer setMasksToBounds:YES];
    [innerShadowView.layer setBorderColor: backgroundColor.CGColor]; //외부 배경을 테두리 색으로
    [innerShadowView.layer setShadowColor:[UIColor blackColor].CGColor]; //그림자 색
    [innerShadowView.layer setBorderWidth:borderWidth];
    [innerShadowView.layer setShadowOffset:CGSizeMake(0, 0)];
    [innerShadowView.layer setShadowOpacity:shadowOpacity];
    [innerShadowView.layer setShadowRadius:shadowRadius];
    
    [view.superview insertSubview:innerShadowView belowSubview:view];
}

위와 같이 inner shadow 역할을 하는 UIView를 만들어서, TextView의 바로 아래에 설정을 합니다.

얼추 비슷하게 나왔습니다.
헌데, View의 배경을 변경해 보면, 이상한 현상이 발생합니다.

inner shadow로 추가된 이미지 뒤에 같은 크기의 흰색 배경의 UIView를 추가해 줍니다.
source code

-(void)drawInnerShadowOnViewForTextView:(UIView *)view color:(UIColor *)backgroundColor;
{
    ...위와 동일...
    [innerShadowView.layer setShadowRadius:shadowRadius];

    //추가 시작
    UIView *innerBackgroundView = [[UIView alloc] initWithFrame:innerShadowView.frame];
    [innerBackgroundView setBackgroundColor:[UIColor whiteColor]];
    [innerBackgroundView.layer setCornerRadius:cornerRadius];
    [innerBackgroundView.layer setBorderWidth:borderWidth];
    [innerBackgroundView.layer setBorderColor:backgroundColor.CGColor];
    [innerBackgroundView setAlpha:0.8f];
    
    [view.superview insertSubview:innerBackgroundView belowSubview:view];
    //추가 끝.
    [view.superview insertSubview:innerShadowView belowSubview:view];

}

뷰의 추가 위치가 textView 밑에 innerShadow, 그 밑에 innerBackView가 추가되어야 합니다.

위와 같이 표시가 됩니다.
이제 배경색에 구애 받지 않고, 흰색으로 유지할 수 있습니다.

그리고, 배경화면이 있을 경우에는, TextView와 innerBackView의 alpha를 변경해서, 아래와 같이 표시할 수도 있습니다.

참고되시길 바랍니다.


[참고]
- StackOverflow: UIView create a inner shadow

[iOS] Custom TableViewCell의 Button을 통해, 현재 Cell의 indexPath를 알아내는 방법

1. IBAction 함수로 넘기는 sender의 point를 통해서 알아내는 방법

 TableViewController에 IBAction함수를 정의하고, Cell에 있는 Button에서 Touch Up inside 이벤트에 대해서 TabelViewController의 아래 함수로 연결을 합니다.
 그러면, 특정 Cell에서 버튼이 클릭이 되면, 그 버튼객체를 sender로 해서 아래 함수가 호출이 됩니다.
source code

- (IBAction) btnClicked:(id)sender
{

    // (1)
    CGPoint buttonPoint = [sender convertPoint:CGPointZero toView:self.tableView];

    // 2.
    NSIndexPath *indexPath = [self.tableView indexPathForRowAtPoint:buttonPoint];
    if (indexPath != nil) {
        //Found Cell
    }
}

 (1) Cell 내에 있는 Button을 sender로 받고, 그 sender의 위치 포인트를 알아냅니다.
 - (CGPoint) convertPoint:(CGPoint)point toView:(UIView *)view
: 자신의 좌표 체계에 있는 point 지점을 view의 좌표 체계에서 어느 지점인지 변환함.
즉, Cell 내에 있는 Button의 특정 지점(0,0)을 TableView에서 어느 지점 인지 변환해서 TableView에서의 좌표로 변환을 합니다.
 (2) 그리고, 그 포인트에 해당하는 IndextPath를 찾기 위해서, UITableView의 - indexPathForRowAtPoint를 사용해서, 현재 포인트에 해당하는 indexPath를 구할 수 있습니다.

2. Cell 을 통해서 알아내는 방법

TableView의 함수 중에서 - indexPathForCell:(UITableCell*)를 이용할 수 도 있습니다.
IBAction이벤트를 받은 함수에서 UITableCell을 가져올 수 있다면, 바로 indexPath를 찾을 수 있을 것입니다.
 하지만, 상위 View에서 UITableViewCell을 찾아서 이용해야 합니다.
source code

- (IBAction) btnClicked:(id)sender
{
    NSLog(@"btnClicked : %@", sender);
    UIView *myView = sender;
    UIView *superView = [myView superview];
    while (superView != nil && ![superView isKindOfClass:[DBUTableViewCell class]]) {
        myView = superView;
        superView = [myView superview];
    }
    if (superView != nil) {
        //찾았다.
        NSIndexPath *indexPath = [self.tableView indexPathForCell:(UITableViewCell*)superView];
        if (indexPath != nil) {
            //이제 찾았다.
            [_items removeObjectAtIndex:indexPath.row];
            [self.tableView deleteRowsAtIndexPaths:@[indexPath] withRowAnimation:UITableViewRowAnimationFade];
        }
    }
}

위와 같이 받은 sender를 통해서 상위에 있는 UITableViewCell을 찾고, TableView의 indexPathForCell을 이용해서 알아 낼 수 있습니다.
그러나, iOS6과 iOS7에서 TableViewCell의 구조가 조금 바뀌었기 때문에 달라질 수 있습니다.


참고하시기 바랍니다.

[참조]
http://code.tutsplus.com/tutorials/blocks-and-table-view-cells-on-ios--mobile-22982

[iOS7] UIViewController의 Adjust Scroll View Insets는?

 ScrollView를 전체 화면에 넣고, 이미지를 중앙에 보여주게 하였는데, 아래로 내리면, ScrollView의 위치가, Top Bar밑으로 자동으로 조정이 되어서, 이 기능을 빼는 것을 블로그로 정리합니다.

iOS7에서, NavigationController의 Top Bar가 있을 경우, TableView등의 ScrollView에서는 자동으로 내부 Content영역이 Top Bar밑으로 내려오게 됩니다.

TableView의 경우에는 아래로 내리면 첫번째 Row가 Top Bar 밑으로 표시 되고, 그 밑으로 들어가면 화면에서 가리게 됩니다.
그리고, 위로 올리면, Top Bar뒷면으로 Cell들이 올라가게 됩니다.

어떤경우에 문제가 될까요?
TableView의 경우에는 아주 좋은 기능으로, 첫번째 Row가 잘 표시가 됩니다만, ScrollView의 경우에는 조금 달라집니다.
Top bar밑으로 나왔다가 안 나왔다가 하면 문제가 됩니다.

이 기능을 컨트롤 할 수 있는 방법은
Storyboard의 ViewController에서 Adjust Scroll View Insets를 체크하거나,

automaticallyAdjustsScrollViewInsets를 NO 로 설정하여 기능을 뺄 수 있습니다.
이 기능을 빼면, 자동으로 contentInsets.top 이 설정되지 않으므로 가장 위까지 content영역으로 됩니다.

TableViewController에서 automaticallyAdjustsScrollViewInsets를 NO로 설정하게 되면, row 0, 1은 top bar의 뒷면에 위치하게 되어서, 아래로 내리지 않는 이상을 볼 수도 없고, 선택할 수도 없게 됩니다.

이 기능은 iOS7에서만 지원하는 것이므로, iOS6에서 기능 설정을 무시하게 하려면, 함수가 지원하는지 respondsToSelector를 통해서 확인하고 설정하면 되겠습니다.

if ([self respondsToSelector:@selector(setAutomaticallyAdjustsScrollViewInsets:)]) {
    self.automaticallyAdjustsScrollViewInsets = NO;
}

[참고]

- iOS 7 — navigationController is setting the contentInset and ContentOffset of my UIScrollView

- iOS 7 UI Transition Guide : AppearanceCustomization

[iOS] Unwind Segue 사용하기.

Segue를 이용해서, Unwind Segue를 사용하는 방법을 간단히 정리합니다.

iOS에서 Storyboard를 이용하여, ViewController 1(이하 VC1)에서 다른 ViewController 2 (이하 VC2)로 이동을 하게 되고, 뒤로는 Back 버튼을 이용해서, 이동하게 됩니다.
어떤 에러로 인해서, 반대로 즉 뒤로 이동해야 할 경우도 있습니다.

이런 경우, Delegate를 사용해서, VC2의 델리게이트로 설정한 VC1의 함수를 호출하여, dismissViewControllerAnimated:complation을 이용해서 화면에 표시된 VC2를 제거하여 Back을 하였습니다.

화면이동으로 Segue를 이용하듯이, Unwind Segue를 이용해서, 화면 Back으로 이동할 수 있습니다.
 그럼, segue와 unwind segue의 차이점은 뭘까요?
 차이점은 Segue는 VC1에서 VC2로 이동하면, 신규로 VC2를 생성하고 NavigationViewController의 presentaion chain에 쌓아 가면서 이동하지만, unwind segue는  기존에 화면에서 표시되었던 VC로만 이동할 수 있어서, 신규로 VC를 만들지 않습니다.
즉, A-B-C-D의 형태로 뷰컨트롤러를 화면에 표시했다면, D에서 A로 Unwind segue로 이동하면서, 중간 VC들을 삭제하게 되는 것입니다.

이용방법

1. back으로 이동할 ViewController1에 함수를 설정합니다.

source code

- (IBAction) exitFromSecondViewController:(UIStoryboardSegue *)segue
{
    //Back으로 올때 호출되는 함수
    // segue를 통해서, 어느 뷰컨트롤러에서 오는 것인지 구분할 수 있다.
    NSLog(@"back from : %@", [segue.sourceViewController class]);
}

이름은 무엇이든 상관없고, 변수로 UIStoryboardSegue를 받아야 하고, 전 프로젝트에 걸쳐, 구분이 되도록 해야 합니다.
 주의 할 것은 VC 1에 위 함수를 추가해야 됩니다. 즉, VC 1으로 이동하고 난 후에 위 함수가 호출이 되는 것입니다.

2. VC2에서 unwind segue를 설정합니다.

Storyboard에서 VC2에서 아래와 같이 VC아이콘에서 exit 아이콘으로 Ctrl+드래그를 선택합니다.

Ctrl+드래그를 합니다.

VC1에 추가하였던 함수가 표시되고, 그것을 선택합니다.

위와 같이 unwind segue를 추가하고, identification을 "UnwindingSegueID"로 설정합니다.

3. Unwind Segue를 호출 합니다.

source code

- (IBAction)backButton:(id)sender //Back버튼은 VC2 화면에 추가된 버튼입니다.
{
    [self performSegueWithIdentifier:@"UnwindingSegueID" sender:self];
}

[추가] 만약, 여러 VC2에서 VC3를 호출하였고, VC3에서 VC1으로 이동하면 어떻게 될까요?

아래와 같이 설정을 하고 테스트를 하면,

VC1 - VC2 - VC3까지 Segue를 통해서 호출을 하면, presentation chain에 순서대로 쌓이게 됩니다.
VC3에서 VC1으로 중간에 VC2를 거치지 않고, unwind segue를 통해서 이동을 하면, VC1으로 이동하고, VC2와 VC3를 차례로 dealloc하게 됩니다.
log

 

[2339:60b] VC1 performSegueWithIdentifier called : GoSegueID
               : VC1에서 segue를 코드로 호출해서 VC2로 이동하도록 호출합니다.
[2339:60b] VC1 prepareForSegue id:GoSegueID to : DBUSecondViewController
               : VC1의 prepareForSegue함수가 호출이됩니다.

[2339:60b] VC2 prepareForSegue id:GoThirdSegueID to : DBUThirdViewController
               : VC2에서 버튼으로 바로 segue 를 호출합니다.

[2339:60b] VC3 performSegueWithIdentifier called : backToOneSegueID
               : VC3에서 unwind segue를 호출합니다.
[2339:60b] VC3 PrepareForSegue id: backToOneSegueID, to DBUViewController
               : prepareForSegue로 segue가 호출 되었음을 알려줍니다.
[2339:60b] VC1 exitFunction called in VC1 from : DBUThirdViewController
               : VC1으로 이동되고, 어디서 왔는지 sourceController를 통해서 알 수 있습니다.
[2339:60b] dealloc : <dbusecondviewcontroller: 0x8e0d670="">
               : VC2가 삭제되고..
[2339:60b] dealloc : <dbuthirdviewcontroller: 0x9947ee0="">
               : VC3가 삭제됩니다.

[참고]

- Apple Tech Notes 2298
- Using iOS Storyboard Segues

- Segue관련 함수는? (블로그 : [iOS] Segue 관련 함수]