Swift+CocoaControls(CocoaPods)로 스마트 UI 만들기
소개
CocoaCotrols에서는 iOS에서 사용할 수 있는 UI를 검색&다운로드할 수 있는 서비스입니다.
Facebook 앱의 그 UI라든지, LINE 앱의 그 UI라든지,
친숙한 멋진 UI를 쉽게 활용할 수 있으므로 개발자는 로직 구현에 전념할 수 있습니다.
이번에는 「MailBox」에 구현되어 있는 리스트를 좌우로 스와이프 시킬 수 있는 SwipeCell를 간단하게 구현해 보고 싶습니다.
CocoaPods는 Obj-C 용 관리 도구이지만,
Bridging-Header를 통해 import하면 Swift에서도 사용할 수 있습니다!
CocoaControls
htps //w w. 여기 아콘 t로 ls. 코m/
0.MailBox
1. 프로젝트 만들기
SwiftMCSwipeViewDemo라는 이름으로 프로젝트 생성
2.Podfile 설정 및 모듈 설치
$cd/Users/workspace/SwiftMCSwipeViewDemo
$ls
디렉토리의 계층 구조는 다음과 같습니다.
|-SwiftMCSwipeViewDemo
|-SwiftMCSwipeViewDemo.xcodeproj
|-SwiftMCSwipeViewDemoTests
$vim Podfile
아래와 같이 설정 설명
--------------------------
platform :ios, '8.0'
pod "MCSwipeTableViewCell", "~> 2.1.0"
--------------------------
$pod install
Installing MCSwipeTableViewCell (2.1.2)
$ls
디렉토리의 계층 구조는 다음과 같습니다.
|-Podfile
|-Podfile.lock
|-Pods
|-SwiftMCSwipeViewDemo
|-SwiftMCSwipeViewDemo.xcodeproj
|-SwiftMCSwipeViewDemo.xcworkspace
|-SwiftMCSwipeViewDemoTests
3. Xcode에서 SwiftMCSwipeViewDemo.xcworkspace를 엽니다.
지금까지 사양하고 있던 .xcodeproj 확장자의 파일을 그대로 사용하면
ld: library not found for -lPods
라는 오류로 고생합니다 .... 반드시 CocoaPods 이용 프로젝트는 .xcworkspace 확장자의 파일을 다시 열도록 합시다.
4.Bridging-Header 만들기
New File 메뉴 > Cocoa Touch Class를 선택하고 언어를 "Objective-C"로 하여 클래스를 생성하면 bridging header?라고 듣기 때문에 Yes를 누르면 SwiftMCSwipeViewDemo-Bridging-Header.h가 작성된다.
5.Header에 import를 기술한다
SwiftMCSwipeViewDemo-Bridging-Header.h
에 import를 작성
6.storyboard에 tableView 배치 -> ViewController의 Outlets (dataSource)에 등록
7.ViewController.swift에 "func tableView"를 설정합니다.
Github 소스 참조
htps : // 기주 b. 코 m / 오카타 / 수 ft MC 수 ぺ ゔ ぃ w 또는 b b b b . 수 ft
8.iOS Simulator에서 실행
9. 끝
CocoaCotrols에는 수많은 UI가 등록되어 있습니다.
사용법은 MCSwipeTableViewCell과 같은 방법으로 pod 설치하고 Bridging-Header에서 import를 수행하여 쉽게 사용할 수 있습니다! !
Reference
이 문제에 관하여(Swift+CocoaControls(CocoaPods)로 스마트 UI 만들기), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/oggata/items/7727ea86cdf9aa6b3912
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
1. 프로젝트 만들기
SwiftMCSwipeViewDemo라는 이름으로 프로젝트 생성
2.Podfile 설정 및 모듈 설치
$cd/Users/workspace/SwiftMCSwipeViewDemo
$ls
디렉토리의 계층 구조는 다음과 같습니다.
|-SwiftMCSwipeViewDemo
|-SwiftMCSwipeViewDemo.xcodeproj
|-SwiftMCSwipeViewDemoTests
$vim Podfile
아래와 같이 설정 설명
--------------------------
platform :ios, '8.0'
pod "MCSwipeTableViewCell", "~> 2.1.0"
--------------------------
$pod install
Installing MCSwipeTableViewCell (2.1.2)
$ls
디렉토리의 계층 구조는 다음과 같습니다.
|-Podfile
|-Podfile.lock
|-Pods
|-SwiftMCSwipeViewDemo
|-SwiftMCSwipeViewDemo.xcodeproj
|-SwiftMCSwipeViewDemo.xcworkspace
|-SwiftMCSwipeViewDemoTests
3. Xcode에서 SwiftMCSwipeViewDemo.xcworkspace를 엽니다.
지금까지 사양하고 있던 .xcodeproj 확장자의 파일을 그대로 사용하면
ld: library not found for -lPods
라는 오류로 고생합니다 .... 반드시 CocoaPods 이용 프로젝트는 .xcworkspace 확장자의 파일을 다시 열도록 합시다.
4.Bridging-Header 만들기
New File 메뉴 > Cocoa Touch Class를 선택하고 언어를 "Objective-C"로 하여 클래스를 생성하면 bridging header?라고 듣기 때문에 Yes를 누르면 SwiftMCSwipeViewDemo-Bridging-Header.h가 작성된다.
5.Header에 import를 기술한다
SwiftMCSwipeViewDemo-Bridging-Header.h
에 import를 작성
6.storyboard에 tableView 배치 -> ViewController의 Outlets (dataSource)에 등록
7.ViewController.swift에 "func tableView"를 설정합니다.
Github 소스 참조
htps : // 기주 b. 코 m / 오카타 / 수 ft MC 수 ぺ ゔ ぃ w 또는 b b b b . 수 ft
8.iOS Simulator에서 실행
9. 끝
CocoaCotrols에는 수많은 UI가 등록되어 있습니다.
사용법은 MCSwipeTableViewCell과 같은 방법으로 pod 설치하고 Bridging-Header에서 import를 수행하여 쉽게 사용할 수 있습니다! !
Reference
이 문제에 관하여(Swift+CocoaControls(CocoaPods)로 스마트 UI 만들기), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/oggata/items/7727ea86cdf9aa6b3912
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
$cd/Users/workspace/SwiftMCSwipeViewDemo
$ls
디렉토리의 계층 구조는 다음과 같습니다.
|-SwiftMCSwipeViewDemo
|-SwiftMCSwipeViewDemo.xcodeproj
|-SwiftMCSwipeViewDemoTests
$vim Podfile
아래와 같이 설정 설명
--------------------------
platform :ios, '8.0'
pod "MCSwipeTableViewCell", "~> 2.1.0"
--------------------------
$pod install
Installing MCSwipeTableViewCell (2.1.2)
$ls
디렉토리의 계층 구조는 다음과 같습니다.
|-Podfile
|-Podfile.lock
|-Pods
|-SwiftMCSwipeViewDemo
|-SwiftMCSwipeViewDemo.xcodeproj
|-SwiftMCSwipeViewDemo.xcworkspace
|-SwiftMCSwipeViewDemoTests
3. Xcode에서 SwiftMCSwipeViewDemo.xcworkspace를 엽니다.
지금까지 사양하고 있던 .xcodeproj 확장자의 파일을 그대로 사용하면
ld: library not found for -lPods
라는 오류로 고생합니다 .... 반드시 CocoaPods 이용 프로젝트는 .xcworkspace 확장자의 파일을 다시 열도록 합시다.
4.Bridging-Header 만들기
New File 메뉴 > Cocoa Touch Class를 선택하고 언어를 "Objective-C"로 하여 클래스를 생성하면 bridging header?라고 듣기 때문에 Yes를 누르면 SwiftMCSwipeViewDemo-Bridging-Header.h가 작성된다.
5.Header에 import를 기술한다
SwiftMCSwipeViewDemo-Bridging-Header.h
에 import를 작성
6.storyboard에 tableView 배치 -> ViewController의 Outlets (dataSource)에 등록
7.ViewController.swift에 "func tableView"를 설정합니다.
Github 소스 참조
htps : // 기주 b. 코 m / 오카타 / 수 ft MC 수 ぺ ゔ ぃ w 또는 b b b b . 수 ft
8.iOS Simulator에서 실행
9. 끝
CocoaCotrols에는 수많은 UI가 등록되어 있습니다.
사용법은 MCSwipeTableViewCell과 같은 방법으로 pod 설치하고 Bridging-Header에서 import를 수행하여 쉽게 사용할 수 있습니다! !
Reference
이 문제에 관하여(Swift+CocoaControls(CocoaPods)로 스마트 UI 만들기), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/oggata/items/7727ea86cdf9aa6b3912
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
New File 메뉴 > Cocoa Touch Class를 선택하고 언어를 "Objective-C"로 하여 클래스를 생성하면 bridging header?라고 듣기 때문에 Yes를 누르면 SwiftMCSwipeViewDemo-Bridging-Header.h가 작성된다.
5.Header에 import를 기술한다
SwiftMCSwipeViewDemo-Bridging-Header.h
에 import를 작성
6.storyboard에 tableView 배치 -> ViewController의 Outlets (dataSource)에 등록
7.ViewController.swift에 "func tableView"를 설정합니다.
Github 소스 참조
htps : // 기주 b. 코 m / 오카타 / 수 ft MC 수 ぺ ゔ ぃ w 또는 b b b b . 수 ft
8.iOS Simulator에서 실행
9. 끝
CocoaCotrols에는 수많은 UI가 등록되어 있습니다.
사용법은 MCSwipeTableViewCell과 같은 방법으로 pod 설치하고 Bridging-Header에서 import를 수행하여 쉽게 사용할 수 있습니다! !
Reference
이 문제에 관하여(Swift+CocoaControls(CocoaPods)로 스마트 UI 만들기), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/oggata/items/7727ea86cdf9aa6b3912
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
7.ViewController.swift에 "func tableView"를 설정합니다.
Github 소스 참조
htps : // 기주 b. 코 m / 오카타 / 수 ft MC 수 ぺ ゔ ぃ w 또는 b b b b . 수 ft
8.iOS Simulator에서 실행
9. 끝
CocoaCotrols에는 수많은 UI가 등록되어 있습니다.
사용법은 MCSwipeTableViewCell과 같은 방법으로 pod 설치하고 Bridging-Header에서 import를 수행하여 쉽게 사용할 수 있습니다! !
Reference
이 문제에 관하여(Swift+CocoaControls(CocoaPods)로 스마트 UI 만들기), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/oggata/items/7727ea86cdf9aa6b3912
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
9. 끝
CocoaCotrols에는 수많은 UI가 등록되어 있습니다.
사용법은 MCSwipeTableViewCell과 같은 방법으로 pod 설치하고 Bridging-Header에서 import를 수행하여 쉽게 사용할 수 있습니다! !
Reference
이 문제에 관하여(Swift+CocoaControls(CocoaPods)로 스마트 UI 만들기), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/oggata/items/7727ea86cdf9aa6b3912
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
Reference
이 문제에 관하여(Swift+CocoaControls(CocoaPods)로 스마트 UI 만들기), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/oggata/items/7727ea86cdf9aa6b3912텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)