swift UI专项训练4 场景过渡-转场
? ? 上一話(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)槲覀円A粜略霾宛^的功能,還是把兩個(gè)按鈕加上,然后把模式改為第三個(gè):
就變成了必須有輸入才能返回的模式了,可以看到轉(zhuǎn)場(chǎng)的時(shí)候場(chǎng)景是從屏幕的下方滑上來(lái)的。
總結(jié)
以上是生活随笔為你收集整理的swift UI专项训练4 场景过渡-转场的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: 替换ExpandableListView
- 下一篇: ios开发中,User Defined