ios7 Storyboard教程2——Start Developing iOS Apps Today——從今天開始開發IOS(IOS7版)系列源文檔翻譯(十一) – iPhone手機開發技術文章 iPhone軟體開發教學課程

通過添加Segue瀏覽下一頁

你已經在Storyboard中配置兩個視圖控制器,但有它們之間沒有聯系。場景之間的轉換被稱為Segue。
在創建一個Segue之前,你需要配置你的場景。首先,在導航控制器你需要封裝XYZToDoListViewController。自定義交互的導航控制器提供瞭一個導航欄和跟蹤導航堆棧的回憶。你要添加一個按鈕,這個導航條過渡到XYZAddToDoItemViewController場景中(scene)。


將導航控制器添加到您的表視圖控制器:
1.在大綱視圖中,選擇表視圖控制器。
2.視圖控制器選擇之後,選擇Editor > Embed In > Navigation Controller。

Xcode中添加新的導航控制器,你的Storyboard,設置初始場景給它,並創建新的導航控制器和您現有的表視圖控制器之間的關系。在畫佈上,如果你選擇連接兩個場景的圖標,你會看到它的根視圖控制器的關系。這意味著視圖導航欄下方顯示的內容將是你的表視圖。初始場景設置到導航控制器,因為導航控制器擁有所有的內容,你會在你的應用程序,它顯示的容器中的待辦列表和附加的待辦項場面兩者。
註意:運行您的應用程序。上面的表格視圖中,您現在應該看到額外的空間。這是由導航控制器提供的導航欄。

現在,您將添加含一個標題(到待辦事項列表)和一個按鈕(添加額外的待辦項目)的導航欄。

配置導航欄vc3Ryb25nPjxicj4KMS7U2rTzuNnK0828u/K7rbK8yc+jrNGh1PHPwrHtytPNvL/Y1sbG97W8ur3P7qGjPGJyPgq1vLq9wLi1w7W9y/vDx7XEserM4rvhtNO1vLq9v9jWxsb3tbHHsM/Uyr4gLSDL/MPHsb7J7bKisru+39PQ0ru49rHqzOLK0828v9jWxsb3oaPE49PDxOO1xLT9sOzKws/ux+W1paOose3K0828v9jWxsb3o6m1xLW8ur3P7sS/o6y2+LK7ysfWsb3T1Nq1vLq9wLjJz8no1sPBy8no1sOx6szioaM8YnI+CjIu1NrK9NDUvOyy6cb31tCjrMrkyOux6szi19a2zs7StcS0/bDsysLP7sHQse2hozxicj4KMy7I59PQsdjSqqOstPK/qrbUz/O/4qGjPGJyPgo0LtK7uPbAuLC0xaXP7sS/zc/St7TTwdCx7dbQ1+7T0rLgtcSx7SYjMjY2ODQ7ytPNvL/Y1sbG97XEtby6vcC4oaM8YnI+CtK7uPaw/LqszsSxvqGwSXRlbaGxsLTFpaOsvauz9s/W1NrE+s3Ptq/AuLC0xaXP7sS/oaM8YnI+CjUu1Nq087jZytPNvLvyu62yvMnPo6zRodTxwLiwtMWlz+7Ev6GjPGJyPgo2LtTayvTQ1LzssunG99bQo6zV0rW91NrAuLC0xaXP7sS/sr+31rXEserKtrf70aHP7qGj0aHU8cztvNO1xLHqyra3+7Wvs/ayy7WloaM8YnI+CrjDsLTFpb2rseTOqtK7uPbM7bzTsLTFpaOoJiM0Mzsgo6kgoaMKPGJyPgrXotLio7rUy9DQxPq1xNOm08OzzNDyoaO1vLq9wLjP1tTa06a4w9PQ0ru49rHqzOKjrLKiz9TKvtK7uPZBZGSwtMWloaOwtMWlw7vT0Nf2yM66zsrCx+mho8Tju7nU2s/Cw+a0psDtoaM8YnI+Cgo8aW1nIHNyYz0=”https://www.aiwalls.com/uploadfile/Collfiles/20140118/2014011809022838.jpg” width=”300″ height=”500″ alt=”\”>

你要添加按鈕,彈出插件待辦事項項目場景(add-to-do-item scene)。場景已經配置,它是您創建的第一個場景,但它沒有連接到其他場景。 Xcode中可以很容易地配置添加按鈕彈出另一個場景。

配置的添加按鈕
1.在畫佈上,選擇Add按鈕。
2.按住Control鍵拖動從按鈕到附加待辦事項項目視圖控制器。

簡短的目錄標記的Segue動作出現快捷菜單中拖動結束的位置。

這是Xcode中如何讓你選擇什麼類型的Segue應使用從待辦事項列表,當用戶點擊添加按鈕來轉換到外接的待辦項目視圖控制器。

3.從快捷菜單中的“push”。

Xcode中設置瞭segue並配置附加的待辦項目視圖控制器將顯示在導航控制器 – 你看到在界面生成器的導航欄。
這個時候,你可能會發現在你的項目中一些的警告。來吧,打開導航儀問題,看看有什麼是錯的。

因為你添加的加載項的待辦項目現場到導航堆棧,它現在會顯示一個導航欄。這傢酒吧引起你的文本字段的邊框向下移動,這意味著您先前指定的自動佈局約束條件不再滿足。幸運的是,這是很容易解決。

更新自動佈局約束
1.在大綱視圖或畫佈上,選擇文本字段。
2.在畫佈上,打開解決自動佈局問題彈出菜單圖像並選擇更新約束。
或者,您也可以選擇編輯>解決自動佈局問題>更新約束。
約束被更新,Xcode的警告消失。

註意:運行您的應用程序。您可以點擊添加按鈕,然後導航到從表視圖中的附加待辦事項項目視圖控制器。因為你使用的是導航控制器與推塞蓋,落後導航為您處理。這意味著你可以單擊後退按鈕返回到表視圖。

推送導航工作就像它所設定的,但你要相當的東西是它並不完全。推送導航是專為向下鉆取界面的,在這裡你提供有關的任何選擇的用戶的詳細信息。添加一個項目,在另一方面,是一個模式(model)的操作,用戶執行某些操作是完整的,自包含的,然後從現場返回到主導航。呈現這類場景的適當的方法是模態(model)segue 。

改變segue風格
1.在大綱視圖或畫佈上,從表中選擇視圖控制器的segue到外接的待辦項目視圖控制器。
2.在屬性檢查器中,從旁邊的樣式選項的彈出式菜單中選擇模態。

因為一個模態視圖控制器不被添加到導航堆棧,它不從表視圖控制器的導航控制器得到一個導航欄。但是,你要保持導航欄,提供視覺連續性的用戶。要在模態呈現給附加的待辦項目視圖控制器一個導航欄,將它嵌入到自己的導航控制器。

到導航控制器添加到附加的待辦項目視圖控制器
1.在大綱視圖中,選擇視圖控制器。
2.與視圖控制器選擇的,選擇Editor > Embed In > Navigation Controller。

和以前一樣, Xcode中增加瞭一個導航控制器,並顯示在視圖控制器頂部的導航欄。接下來,配置此欄標題添加到這個場面,以及兩個按鈕,取消和完成。稍後,您將這些按鈕鏈接到的動作。

配置該加載項的待辦項目視圖控制器導航欄

1.在大綱視圖或畫佈上,下選擇視圖 – 控制器導航項目。如有必要,打開屬性檢查器中的圖像:
2.在屬性檢查器中,鍵入添加任務項目在標題字段。
Xcode的變化,從“視圖 – 控制器”視圖控制器來描述“視圖 – 控制器 – 添加任務項目” ,使您更容易指認現場。該說明顯示在大綱視圖。
3.從對象庫中拖放一個欄按鈕項目到最右邊的附加待辦事項項目視圖控制器的導航欄。
4.在屬性檢查器中,選擇Done從彈出菜單旁邊的標識符選項。
按鈕上的文字更改為“Done”。
5.從對象庫中拖到另一欄按鈕項目到最左邊的附加待辦事項項目視圖控制器的導航欄。
6.在屬性檢查器中,然後從彈出菜單中取消旁邊的標識符選項。
按鈕上的文字更改為“Cancel”。

註意:運行您的應用程序。單擊Add按鈕。你仍然可以看到該加載項的場景,但不再是一個按鈕,導航回到待辦事項清單 – 相反,你看到兩個按鈕,你添加,完成和取消。這些按鈕沒有鏈接到任何行動,因此你可以點擊他們,但他們沒有做任何事情。配置按鈕,完成或取消新的編輯待辦項目,並把用戶返回到待辦事項列表是下一個任務。

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。