Happy EunDuk Happy EunDuk

저번 글에서 카카오톡 대화창 텍스트 입력창을 텍스트 뷰로 구현했었다.https://eunduk2.tistory.com/34 [Swift/Clone] 카카오톡 대화창 클론 코딩1요즘에 어플에 있는 기능들을 보고 구현해보고 싶은 기능들을 적어놓고 하나씩 따라서 구현해보고 있다. 오늘은 카카오톡 대화창을 최대한 똑같이 구현해 보려고 한다. 일단 카톡을 보내기 위eunduk2.tistory.com 이번에는 입력한 텍스트를 보내는 기능을 구현해 보도록 하겠다!  결과화면  일단 보내기 버튼을 누를 때마다 톡이 생겨야되기 때문에 테이블 뷰로 구성했다.텍스트를 감싸고 있는 노란바탕은 새로운 뷰로 구성했고 그 안에 레이블을 넣었다.그리고 노란 쉼표모양을 붙여주고 오토레이아웃을 적용하면 끝!(글자 수의 따라 레이블과 뷰..

요즘에 어플에 있는 기능들을 보고 구현해보고 싶은 기능들을 적어놓고 하나씩 따라서 구현해보고 있다.오늘은 카카오톡 대화창을 최대한 똑같이 구현해 보려고 한다.일단 카톡을 보내기 위해 텍스트를 입력하는 텍스트 뷰를 구현해 보았다.  디자인은 색과 아이콘 누끼를 따서 똑같이 구현했고주요 기능을 설명해보겠다. 기본 디자인두개의 뷰와 각종 버튼 그리고 텍스트 뷰로 구성되어 아래와 같이 하단 바를 구성했다.   이제 텍스트 뷰를 아래와 같이 키보드가 올라오면 같이 올라가게 해줘야 한다.  아래와 같은 코드를 추가하여 위 작업을 완료할 수 있다.override func viewWillAppear(_ animated: Bool) { // 키보드가 나타날 때의 알림에 대해 옵저버를 등록합니다. Notific..

이번에는 촬영하거나 앨범에서 가져온 사진을 이미지뷰에 출력하는 것을 해보겠다. 먼저 카메라와 앨범 사용(권한)을 위해 info.plist에 다음과 같은 2개의 내용을 추가해준다. 버튼과 이미지 뷰를 추가해주고 아울렛 변수와 액션 함수를 코드에 추가한다.@IBOutlet var imageView: UIImageView!@IBAction func addImage(_ sender: Any) { }  그리고 "사진 촬영"과 "앨범에서 가져오기"로 구성된 액션 시트를 만들어준다.func showActionSheet() { let alertController = UIAlertController(title: nil, message: nil, preferredStyle: .actionSheet) ..

내가 이 탭바 디자인을 위해 여러 블로그를 찾다가 외국 블로그에서 찾아 해결했었는데방법을 간단하게 공유해 보려고 한다.  결과 화면 (탭바 컨트롤러에 연결된 2개의 뷰 컨트롤러가 있다고 가정) 먼저 다음과 같은 클래스를 정의 한다.import UIKitclass MyTabBarCtrl: UITabBarController, UITabBarControllerDelegate { // UITabBarControllerDelegate를 요구하는 initializer를 추가합니다. required init(coder aDecoder: NSCoder) { super.init(coder: aDecoder)! } override func viewDidLoad() { ..

이번에는 PickerView를 공부해 보았다.PickerView는 한 개 또는 여러 개의 테마(?)가 있고 각 테마는 여러개의 아이템 리스트를 갖는다.그 아이템 리스트 중에 내가 원하는 아이템을 고를 수 있다. PickerView의 기본적인 사용법을 이 분이 잘 설명해주셨다.https://dkfk2747.tistory.com/20 [Xcode/Swift] 화면 아래에 표시되는 PickerView 만들기이 글에서는 다음과 같이 화면 아래쪽에 picker가 표시되는 형태의 PickerView를 만들어볼 것입니다. Xcode에서 기본적으로 제공하는 UITextField 을 이용하여 구성해보겠습니다. 우선, Main.storyboard의 원dkfk2747.tistory.com  위 내용은 피커뷰에서 아이템을 고..

이번에는 UIActivityViewController를 사용하여 텍스트 및 사진을 공유해 보겠다. 뷰 컨트롤러에 버튼하나를 추가해주고 액션 함수를 정의한다. @IBAction func onShare(_ sender: Any) { }  그리고 아래와 같은 코드를 추가해준다. @IBAction func onShare(_ sender: Any) { var shareItems = [Any]() // 공유할 텍스트를 shareItems 배열에 추가 shareItems.append("test") // 공유할 사진을 shareItems 배열에 추가 shareItems.append(UIImage(named: "flower.png")) let activityViewController = ..

이번에는 MessageUI 프레임 워크를 활용하여 문자 메시지를 보내보려고 한다.MessageUI는 아이폰내에 있는 문자메시지 앱과 이메일 앱을 활용하여 문자나 이메일을 보낼 수 있도록 인터페이스를 제공한다.Messages라는 프레임 워크도 있는데 MessageUI와는 다른 프레임 워크다.Messages는 문자메시지앱과 상호작용하는 앱을 개발하기 위해 필요한 프레임워크고MessageUI는 단순히 인터페이스를 제공한다고 생각하면 된다. 어쨌든 나는 MessageUI를 활용하여 문자메시지를 보내보겠다. (이메일x)  간단하게 뷰에 버튼 하나를 추가하고 액션 함수를 정의해준다. @IBAction func onSend(_ sender: Any) {}  MessageUI를 임포트 해주고 MFMessageCompo..

앱에서 연락처를 접근 및 편집하려면 Contacts라는 프레임 워크를 사용하여야 한다.그런데 Xcode에서는 Contacts프레임워크를 의존하는 ContactsUI라는 프레임 워크가 있어서연락처를 더 쉽고 편하게 다룰 수 있게 구현해 놓았다. 쉽게 말하면 연락처에 직접 접근하고 데이터를 다루는 것은 Contacts프레임워크가 하는 일이지만우리는 ContactsUI를 사용하여 보기 쉽게 연락처를 다룰 수 있다.ContactsUI는 개발자와 Contacts사이에 있는 인터페이스라고 봐도 될 것 같다. 어쨌든 연락처를 검색하고 편집하고 정보를 가져올 수 있는데이번 글에서는 ContactsUI를 통해 검색하고 정보를 가져오는 것을 공부해 보겠다.  먼저 아주 기본적인 틀을 준비한다. 그리고 코드로 돌아가 Con..