接著上一篇開始用Swift開發(fā)iOS 10 - 9 Table Row的刪除, UITableViewRowAction和UIActivityViewController的使用的代碼桶良，繼續(xù)學(xué)習(xí)Navigation Controller和Segue。

創(chuàng)造Navigation Controller

• 選中Restaurant Table View Controller然后點(diǎn)擊菜單欄中的Editor > Embed in > Navigation Controller沮翔；生成了新的一Scene（Navigation Controller Scene）陨帆。

• 選中之前Scene中的Navigation bar，修改其title為Food Pin采蚀。

添加 Detail View Controller

之前添加導(dǎo)航欄疲牵，現(xiàn)在添加另一個(gè)view controller，用來顯restaurant的詳細(xì)內(nèi)容榆鼠。

• 拖動(dòng)一個(gè)新的View Controller纲爸。
• 拖動(dòng)一個(gè)image View，調(diào)整合適大小妆够，并添加相關(guān)約束识啦。Content Mode屬性修改為 Aspect Fill。
• 用segue連接prototype cell和detail scene责静。 Ctrl-drag從prototype cell到detail scene袁滥。如果不方便選擇prototype cell盖桥，可以在document outline中拖動(dòng)灾螃。選擇Show連接風(fēng)格。

• iOS 10中有幾種sugue類型：

  • Show：新的view controller將被添加view controller棧的頂部揩徊。跳轉(zhuǎn)的頁面有Navigation bar腰鬼，并且有返回原來頁面的返回按鈕嵌赠。這是非常常用的的類型。
  • Show detail：在view controller棧中熄赡，新的view controller將被替代原來的view controller姜挺。跳轉(zhuǎn)的頁面沒有Navigation bar，也沒有返回原來頁面的返回按鈕彼硫。
  • Present modally：新頁面將以動(dòng)畫形式從底部出現(xiàn)到覆蓋整個(gè)手機(jī)屏幕炊豪。這種形式最常見的列子是iOS自帶的日歷應(yīng)用：
    
  • Present as popover：以帶有箭頭錨點(diǎn)的彈框顯示。通常使用的iPad應(yīng)用中
    

• 不再需要action sheet拧篮，去除tableView(_:didSelectRowAt:)方法

• 創(chuàng)建新類文件RestaurantDetailViewController词渤，繼承至UIViewController。是新建scene與RestaurantDetailViewController的聯(lián)系串绩。

• 在RestaurantDetailViewController中加入一個(gè)outlet和一個(gè)變量缺虐，outlet關(guān)聯(lián)Image View，restaurantImage用與接受table view傳來的圖像名稱數(shù)據(jù)礁凡。

    @IBOutlet var restaurantImageView:UIImageView!
    var restaurantImage = ""

    override func viewDidLoad() {
        super.viewDidLoad()

        restaurantImageView.image = UIImage(named: restaurantImage)
    }

通過segues傳遞數(shù)據(jù)

segue管理view controller之間的過渡高氮。當(dāng)segue觸發(fā)時(shí)，storyboard會(huì)通知源view controller（如RestaurantTableViewController）調(diào)用方法prepare(for:sender:)顷牌，可以通過此方法傳遞數(shù)據(jù)剪芍。

• 當(dāng)storyboard中結(jié)構(gòu)復(fù)雜時(shí)，segue可能會(huì)有很多韧掩，同一個(gè)view controller可能與各級(jí)view controller之間有segue紊浩，這種情況最好給segue一個(gè)唯一identifier。設(shè)置segue的identifier為 showRestaurantDetail疗锐。
  

• 在RestaurantTableViewController中添加prepareForSegue:

    override func prepare(for segue: UIStoryboardSegue, sender: Any?) {
        if segue.identifier == "showRestaurantDetail" {
            if let indexPath = tableView.indexPathForSelectedRow {
                let destinationController = segue.destination as! RestaurantDetailViewController
                destinationController.restaurantImage = restaurantImages[indexPath.row]
            }
        }
    }

為詳情頁面添加三個(gè)標(biāo)簽

• 添加三個(gè)標(biāo)簽坊谁，Text分別為Name，Location滑臊，Type（注意：雖然Text會(huì)被替代口芍，但不要開始留空，因?yàn)榱艨諘?huì)使之后生成stack view時(shí)雇卷，大小不確定）鬓椭；三個(gè)label生成一個(gè)stack view，調(diào)整字體和大小关划，添加適當(dāng)?shù)募s束小染。
• 添加三個(gè)outlet，和三個(gè)與之對(duì)應(yīng)的變量贮折。

    @IBOutlet var nameLabel: UILabel!
    @IBOutlet var locationLabel: UILabel!
    @IBOutlet var typeLabel: UILabel!
    
    var nameText = ""
    var locationText = ""
    var typeText = ""
    
    override func viewDidLoad() {
        super.viewDidLoad()

        restaurantImageView.image = UIImage(named: restaurantImage)
        nameLabel.text = nameText
        locationLabel.text = locationText
        typeLabel.text = typeText
    }

• 修改RestaurantTableViewController中的prepareForSegue方法：

    override func prepare(for segue: UIStoryboardSegue, sender: Any?) {
        if segue.identifier == "showRestaurantDetail" {
            if let indexPath = tableView.indexPathForSelectedRow {
                let destinationController = segue.destination as! RestaurantDetailViewController
                destinationController.restaurantImage = restaurantImages[indexPath.row]
                destinationController.nameText = restaurantNames[indexPath.row]
                destinationController.locationText = restaurantLocations[indexPath.row]
                destinationController.typeText = restaurantTypes[indexPath.row]
            }
        }
    }

代碼

Beginning-iOS-Programming-with-Swift

說明

此文是學(xué)習(xí)appcode網(wǎng)站出的一本書 《Beginning iOS 10 Programming with Swift》 的一篇記錄

系列文章目錄

• 開始用Swift開發(fā)iOS 10 - 1 前言
• 開始用Swift開發(fā)iOS 10 - 2 Hello World裤翩！第一個(gè)Swift APP
• 開始用Swift開發(fā)iOS 10 - 3 介紹Auto Layout
• 開始用Swift開發(fā)iOS 10 - 4 用Stack View設(shè)計(jì)UI
• [開始用Swift開發(fā)iOS 10 - 5 原型的介紹]
• 開始用Swift開發(fā)iOS 10 - 6 創(chuàng)建簡(jiǎn)單的Table Based App
• 開始用Swift開發(fā)iOS 10 - 7 定制Table Views
• 開始用Swift開發(fā)iOS 10 - 8 Table View和UIAlertController的交互
• 開始用Swift開發(fā)iOS 10 - 9 Table Row的刪除, UITableViewRowAction和UIActivityViewController的使用