스토리보드에서 화면 이동 배우기

12492 단어 Xcode Swift iOS

입문

이 자료는 슈크はじめてのiOSアプリ開発② - 基本操作を覚えよう의 제5회(첫 번째 iOS 응용프로그램 개발 - Twitter의 타임라인 기반 제작(사용자 동작 활동) 내용의 서경이다.
수업을 안 본 사람이라도 가능한 한 분명하게 써야 한다.

전제 조건

몇 시간의 수업을 통해 트위터 앱을 만들다.
지난번 강의에서는 UI를 만드는 도구인 스토리보드의 사용법의 기본을 배웠습니다.
지난번이니까 계속 저번 보도 읽는 게 좋아요.

오늘 할 일

트위터 응용 프로그램의 로그인 논리를 만듭니다.

이런 놈이야.

UITableView를 사용하여 트위터 표시

사용자에 아이콘 보이기

트위터 내용은 이름과 발언

상세 화면

1. UI 준비

새 탐색 컨트롤러를 추가합니다.

Navigation Controller을 추가하면 Navigation Controller와 연결된 Root View Controller 두 뷰가 추가됩니다.

もともとあったViewController에 단추를 추가하고 텍스트를 로그인으로 변경합니다.

시작 시 보기 변경

4차에서는 TableView 한쪽에서만 작동하기 때문에 시작하는 화살표가 TableView를 가리키지만 이번에는 Navigation Controller 를 가리킨다.

관계 변경

Navigation Controller부터 Root View Controller까지의 관계를 もともとあったViewController로 변경합니다.Navigation Controller를 클릭하면 검사기 영역에 표시된 태그

를 선택하고 Triggered Segues 섹션의 선을 もともとあったViewController 로 드래그합니다.

2. ViewController.swift에 프로그램 쓰기

복제품을 사용할 수 있습니다.설명은 교실에서.
ViewController.swift

import UIKit

class ViewController: UIViewController {

    @IBOutlet var loginButton: UIButton!
    var accountsList:[Dictionary<String,String>]?
    var tweets:[Dictionary<String, AnyObject>]?

    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view, typically from a nib.

        accountsList = [["name":"Hiro"], ["name":"Account BBB"], ["name":"Account CCC"]]
    }

    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
        // Dispose of any resources that can be recreated.
    }

    @IBAction func tappedLoginButton(sender: AnyObject) {
        var accountSelectionSheet = UIAlertController()
        accountSelectionSheet.title = "Select Account"

        let selectAction =  { (var action: UIAlertAction!) -> Void in
            self.performSegueWithIdentifier("showTimelineViewController", sender: nil)
        }

        if let accounts:[Dictionary<String, String>] = accountsList{
            for account in accounts {
                let action = UIAlertAction(title: account["name"]!, style: .Default, handler: selectAction)
                accountSelectionSheet.addAction(action)
            }
        }

        let CanceledAction = UIAlertAction(title: "Cancel", style: .Cancel, handler: nil)
        accountSelectionSheet.addAction(CanceledAction)

        self.presentViewController(accountSelectionSheet, animated: true, completion: nil)
    }

}

3. 사건과 처리를 결합

ViewController.swift에서 설명한 tappedLoginButton() 함수는 로그인 단추를 누르면 실행됩니다.
Storyboard와 소스 코드를 모두 확인하십시오.
제어키를 누르는 동시에 로그인 단추를 선택하고 원본 코드의 tappedLoginButton() 근처로 드래그하면 연결할 수 있습니다.