RE:熟悉 App gif 錄製，GitHub，Medium

使用 Xcode 錄製 iOS 模擬器操作 App 的 gif & 影片

如何將 iOS App 作業上傳到 GitHub

文青 iOS App 開發魔法師必備的 Medium 密技

這個作業我之前好像寫過….

不過為了更熟悉如何上傳gif和gitHub，我可以再寫一次。

首先，先在Xcode建立project，跑模擬器

左上角同時看到方塊和三角形，就是已經把模擬器成功跑起來的Xcode。機型我選iPhone 15 Pro。

這張會看得更清楚，”Running”表示模擬器正在執行中。

先選要執行的機型（我這邊是選iPhone 15 Pro），再按視窗左上角的三角形。

出現”Building Success”就是app成功用模擬器跑起來了。

模擬器跑app的樣子。上面資訊欄顯示模擬的機型和系統。

接下來要錄影app執行的樣子，那要怎麼操作呢？

找File>Record Screen，按下去後，模擬器資訊欄的中間圖案會從相機變成錄影的樣子。

注意看中間，這是錄影前的資訊欄。中間按下去是拍模擬器的Screen。

按下錄影後，中間變成錄製的圖案。此時按下去，即可開始錄影模擬器的螢幕

錄影完成，按下中間的“錄製”按鈕即可停止錄影。

PS.如果不想錄了，想直接終止，按File>Stop Recording

想直接退出模擬器的錄影時

此時，右下角會出現剛剛錄製的影片；如果沒有特別設定，此影片將會是.mp4

但我們要的是gif檔，怎麼辦？

螢幕右下角出現了剛剛的錄製影片，趁消失之前按右鍵！

按完又見後，會出現上面的選單。

選”Save as Animated GIF”，就會在桌面出現錄製完成的gif檔！

如上

上傳project到gitHub

• 申請 GitHub 帳號。

GitHub: Let's build from here

• 從 Xcode 加入 GitHub 帳號。

Xcode 的 GitHub 帳號設定

我已經在Xcode設定我gitHub的帳號和Xcode連結了，所以不贅述了。

直接看在Xcode裡，已連結的樣子吧。

按Xcode>Settings>Accounts即可看到gutHub的帳號，表示已連結。

先看到這個，上面的檔案就是我們要上傳的project

如果沒看到檔案(project)，請看下面連結操作

Xcode 的 no Git Repositories 問題

在專案上按右鍵，選[New “專案名字” Remote]

接下來會出現這樣

現在我們是要給大家看我們的作業（成果）的，所以要選“Public”，按”Create”就可以上傳了。

上傳成功，展開project時會出現“origin”

origin在最下面

在專案名字上按右鍵，看到”View on GitHub”就可以打開該專案的網頁了。

再複製連結，貼到彼得潘的作業上，耶

作業完成！

GitHub - psp123456e/test1_storyboard