Swift의 TinderUI 프로토타입

9074 단어 SwiftiOS
modocache/MDCSwipeToChoose를 라이브러리로 사용합니다.

컨디션

  • Xcode 6.1
  • cocoapods v0.34.4
  • MDCSwipeToChoose v0.2.1
  • MDCSwipeToChoosepod install.

    차리다


    Bridging Header도 Xcode의 Build Setting으로 설정합니다.
    Test-Bridging-Header
    #import <UIKit/UIKit.h>
    #import <MDCSwipeToChoose/MDCSwipeToChoose.h>
    
    두 번째 줄만 필요한 줄 알았는데 첫 줄도 필요해서 처음부터 몰랐어요.
    참조: https://github.com/modocache/MDCSwipeToChoose/issues/23

    이루어지다


    탓하지 마세요.
    상속된 ViewControllerMDCSwipeToChooseDelegate를 만듭니다.
    그리고 분명히 README에서 설명했으니까 배워서 써야 돼요.(개인적으로는 Swift로 개작하기 어렵다.)
    ViewController.swift
    import UIKit
    
    class SwipeViewController: UIViewController, MDCSwipeToChooseDelegate {
        var swipeCount = 0
        var photoURL = [
            "http://up.gc-img.net/post_img_web/2013/03/a3a43755438b42d881929eefc7161191_0.jpeg",
            "http://pic.prepics-cdn.com/pib1298076039/5731792_218x291.gif",
            "http://omosoku.com/wp-content/uploads/misawa-225x300.gif"
        ]
    
        override func viewDidLoad() {
            super.viewDidLoad()
    
            let swipeView1 = createSwipeView(photoURL[0])
            self.view.addSubview(swipeView1)
    
            let swipeView2 = createSwipeView(photoURL[1])
            self.view.insertSubview(swipeView2, belowSubview: swipeView1)
    
            let swipeView3 = createSwipeView(photoURL[2])
            self.view.insertSubview(swipeView3, belowSubview: swipeView2)
        }
    
        func createSwipeView(url: String) -> UIView {
            let options = MDCSwipeToChooseViewOptions()
            options.delegate = self
            options.likedText = "Like"
            options.likedColor = UIColor.greenColor()
            options.nopeText = "Later"
            options.nopeColor = UIColor.lightGrayColor()
    
            let swipeView = MDCSwipeToChooseView(
                frame: CGRect(
                    x: 0,
                    y: 100,
                    width: self.view.bounds.size.width,
                    height: self.view.bounds.size.height - 300
                ),
                options: options
            )
            let imageURL = NSURL(string: url)
            swipeView.imageView.image = UIImage(data: NSData(contentsOfURL: imageURL!)!)
    
            return swipeView
        }
    
        func view(view: UIView!, wasChosenWithDirection direction: MDCSwipeDirection) {
            if (direction == MDCSwipeDirection.Left) {
                println("Later")
            } else {
                println("Like")
            }
            swipeCount++
        }
    }
    
    이렇게 하면 적당한 크기의 미사 이미지 3장의 초간이 Tinder UI를 생성할 수 있습니다..

    좋은 웹페이지 즐겨찾기