final 成為太空人吧 - 海大 SwiftUI iOS / Flutter App 程式設計 - Medium

final 成為太空人吧 - 海大 SwiftUI iOS / Flutter App 程式設計 - Medium

Play all audios:

Loading...

final 成為太空人吧翁培馨00857202FollowJan 20, 2021 --


Share


GitHub


Popcorn0924-0924/final_00857202Contribute to Popcorn0924-0924/final_00857202 development by creating an account on GitHub. github.com


appetize


1.最新


App (appetize.io)


2.舊的


Appetize.io - Run native mobile apps in your browserpageDescription || 'Online web based iOS Simulators and Android Emulators. Run iPhone, iPad, Mobile Safari, APK, mobile… appetize.io


App截圖


gif


右邊為基礎版 因為more 完會跳頁不知道怎麼解決 文字說明


必備功能都有了


來講講成為太空人的步驟,所先以絢麗的主頁面開始利用 CAEmitterLayer 製作動畫(我使用的是星星)而那些動畫跑馬燈我將字體一個一個分開並使用Circle


接著先了解太空電影有哪些使用上傳資料到後台。(自己寫後台或搭配第三方提供的後台)


重頭戲來了使用Nasa api獲取nasa資料排版很醜我知道( 以 TabView & NavigationView 製作多頁面 App。


串接後台的 API 抓取 JSON 資料後以 List 顯示,點選 row 可到下一頁顯示 detail。) 接著是一連串的動作使用api此處有兩個


https://api.unsplash.com/search/photos/?page=\(self.page)&query=\(query)&client_id=\(key)


https://api.unsplash.com/search/photos/?page=\(page)&query=nasa&count=255&client_id=2SYpP0gVFVB-jjqu-3wWDBiEVDUYNJGf6YQEt7qtddI


一開始出現的頁面是nasa的照片而長按照片可將照片存起來


也可使用搜尋(使用 UIViewRepresentable 加入 UISearchBar)


點選more


有著Share 使用 UIViewControllerRepresentable 加入 UIImagePickerController 選照片。此時剛剛存的照片也在了


使用 UIViewControllerRepresentable 加入 UIActivityViewController 實現分享功能。


長按圖可放大縮小(使用 Gesture。(不包含 TapGesture))


接著CoreData(使用 Core Data 儲存資料,比方加入收藏功能儲存網路抓取的資料。)這頁可以將太空紀錄寫下來還可修改及刪除


是不是覺得除了打字之外也想用畫的在最後一夜就能完成夢想只外他也能將你的繪畫記錄存為照片呢


使用到至少一個沒教過的功能技術,使用愈多分數愈高。可在文章裡特別說明使用哪些沒教的技術。 講一下 雖然我不知道算不算


絢麗的跑馬燈


繪畫頁面


加分功能利用 CAEmitterLayer 製作動畫上傳資料到後台。(自己寫後台或搭配第三方提供的後台)將照片存到手機相簿