? ? 上一話(huà)中我們創(chuàng)建了兩個(gè)場(chǎng)景，這一話(huà)我們想要實(shí)現(xiàn)兩個(gè)場(chǎng)景間的過(guò)渡。我們只需要增加一個(gè)導(dǎo)航條。選中我們上一話(huà)中創(chuàng)建的Table View Controller，點(diǎn)擊工具欄上面的editor，選擇Embed in（嵌入），選擇Navigation Controller，如圖：

嵌入后storyboard左邊會(huì)出現(xiàn)一個(gè)NavigationController，會(huì)有一個(gè)箭頭連接到我們的tableviewcontroller。

在tableviewcontroller最頂端會(huì)空出一個(gè)區(qū)域來(lái)，我們可以在里面命名，比如我命名為“餐館排行”，在導(dǎo)航欄上左右各添加一個(gè)按鈕，去控件中尋找Bar Button Item，這個(gè)是專(zhuān)門(mén)用到導(dǎo)航條或者工具欄上的。

? ?把它拖到導(dǎo)航欄右側(cè)，在屬性編輯器里面編輯它,它有很多種類(lèi)型，如果是添加按鈕，選擇add，按鈕會(huì)變成一個(gè)加號(hào)。再添加一個(gè)edit按鈕

? ?運(yùn)行后效果如圖：

我們看到storyboard中是英文，而運(yùn)行后是中文，這就是我們第一話(huà)中設(shè)置的本地化的效果。

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

這就是堆棧的表現(xiàn)。因?yàn)槲覀円Ａ粜略霾宛^的功能，還是把兩個(gè)按鈕加上，然后把模式改為第三個(gè)：

就變成了必須有輸入才能返回的模式了，可以看到轉(zhuǎn)場(chǎng)的時(shí)候場(chǎng)景是從屏幕的下方滑上來(lái)的。

總結(jié)

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

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。