? ? 上一話中我們創建了兩個場景，這一話我們想要實現兩個場景間的過渡。我們只需要增加一個導航條。選中我們上一話中創建的Table View Controller，點擊工具欄上面的editor，選擇Embed in（嵌入），選擇Navigation Controller，如圖：

嵌入后storyboard左邊會出現一個NavigationController，會有一個箭頭連接到我們的tableviewcontroller。

在tableviewcontroller最頂端會空出一個區域來，我們可以在里面命名，比如我命名為“餐館排行”，在導航欄上左右各添加一個按鈕，去控件中尋找Bar Button Item，這個是專門用到導航條或者工具欄上的。

? ?把它拖到導航欄右側，在屬性編輯器里面編輯它,它有很多種類型，如果是添加按鈕，選擇add，按鈕會變成一個加號。再添加一個edit按鈕

? ?運行后效果如圖：

我們看到storyboard中是英文，而運行后是中文，這就是我們第一話中設置的本地化的效果。

同理，給新增餐館列表中增加一個導航，導航欄中設置兩個按鈕，一個“完成”，一個“取消”。接下來要通過第一個場景中的加號，點擊后跳轉到第二個場景。和我們之前連線的方法一樣，我們需要按住control鍵從加號中拖出一條線到第二個場景的navigationcontroller中，會出現下面這些選項，這代表了不同的轉場方式，比如直接展示，彈窗等等，選擇，show。這時候運行看看是不是可以通過點擊“+”實現轉場了。如果你把新增場景的確認和返回按鈕刪除的話，轉場后會有個默認的返回按鈕，點擊可以回到第一個場景中。

這就是堆棧的表現。因為我們要保留新增餐館的功能，還是把兩個按鈕加上，然后把模式改為第三個：

就變成了必須有輸入才能返回的模式了，可以看到轉場的時候場景是從屏幕的下方滑上來的。

總結

以上是生活随笔為你收集整理的swift UI专项训练4 场景过渡-转场的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。