Swift 的 Playground 是可以讓 iOS 開發者練習程式碼的地方。不用建立新的 App,就可以在 Playgorund 直接執行程式碼馬上看到結果。除了這個功能以外,Swift 的 Playground 還可以透過註釋與其文字格式,來製作出互相連結的文件。

我研究了一下,把研究的筆記記錄於下,歡迎參考與分享:

開啟 Playground

1. 首先先開啟一個Playground的檔案:

PlaygroundMockUp1

2. 命名成任何的名字都可以,我命名成 PlaygroundMarkUp

PlaygroundMockUp2

3. 存檔在桌面(存在任何一個地方都可以)

PlaygroundMockUp3

4. 看到預設的 Playground 檔案於下

PlaygroundMockUp4

 

單行與多行註釋

5. 全部都刪掉之後,改成這樣:

這個 //: 是 playground 的單行註釋

PlaygroundMockUp5

 

6.選[Editor] > [Show Rendered Markup],就會看到格式化註釋的結果

PlaygroundMockUp6

 

7. 如果要開新的一行註釋就空一格,用 //: 做新的註釋

PlaygroundMockUp7

 

8. 做到現在的結果

PlaygroundMockUp8

 

9.多行註釋的寫法,用

/*:

*/

(不要忘記/*的後面,有一個冒號)
PlaygroundMockUp9

10. 第一行的「學習 Playground 多行註釋」不會顯示。多行註釋的第一行是對這一大段多行註釋的註釋。

PlaygroundMockUp10

 

大標題、中標題、小標題、斜體、粗體、blockquote 與程式碼

11. 大標、中標、小標題的寫法。要記得 # 後面要空一格

PlaygroundMockUp11

12. 各種大小標題顯示的結果
PlaygroundMockUp12

13. 分隔線的做法:在兩個空行之間,加上超過四個以上的減號

PlaygroundMockUp13

 

14. 用 > 也會做出類似分隔線的效果。這在Playground的格式中叫做 Blockquote。

PlaygroundMockUp14

15.做出來的結果:

PlaygroundMockUp15

 

16. 顯示斜體在字的前後前後加上 * ;顯示粗體在字的前後前後加上 **

PlaygroundMockUp16

 

17.顯示的結果:

螢幕快照 2015-08-23 上午11.19.06

18.顯示程式碼每行前面要空四格

PlaygroundMockUp17

19.程式碼顯示的結果

PlaygroundMockUp18

 

在Playground註釋中顯示圖片

20.要在playground顯示圖片的話,要先匯入圖片:按下右上方的按鈕,把左邊欄叫出來。然後再把圖片拉到Playground裡面。

 

21.在註釋中寫下

PlaygroundMockUp24

 

22. Playground 註釋中顯示圖片的樣子

PlaygroundMockUp25

 

跳轉不同的頁面 PlaygroundPage

23. 好玩的來了: Swift 2 中的 Playground 可以新增 Playground Page

 

24.新增後,本來的檔案就會自動變成一個page,我重新命名成:firstPage

PlaygroundMockUp27

 

25.用同樣的方法,可以新增更多Playground Page。發現按 Previous可以到上一頁, 按Next可以到下一頁

PlaygroundMockUp28

 

26.看看他是怎麼寫的,連結到上一頁或下一頁的寫法於下

PlaygroundMockUp29

 

 

 

 

 

 

 

 

 

 

27. 也可以加入連結,使用下面的寫法

PlaygroundMockUp30

 

28. 呈現的結果

PlaygroundMockUp31

(373)

superstardj

been a DJ, a rapper, a musician and a recording artist... a novel-writer, a language-book author, and a chief editor... a painter, a book-cover designer and many more... right now a programmer who designs mobile application, both iOS and Android devices...

Leave a Reply

Your email address will not be published. Required fields are marked *