Swift+CocoaControls(CocoaPods)로 스마트 UI 만들기

3747 단어 CocoaPodsSwift

소개



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를 수행하여 쉽게 사용할 수 있습니다! !

좋은 웹페이지 즐겨찾기