Only if you ask to see me — 充滿期待的APP

YuHao
海大 SwiftUI iOS / Flutter App 程式設計
4 min readApr 24, 2020

(前言)

這次的作業只實現了登入的各種功能,這個APP我一定會很認真的把它做完,因為這是要送人的一個作品,我也很期待自己能寫出一個讓自己用的滿意的APP

(功能)

開始畫面:

使用timer來顯示文字加上動畫的設計,立體按鈕的出現,整個畫面設計自己都覺得喜歡

登入畫面:

使用Alert判斷了包括沒輸入東西.登入中.登入失敗的狀態,登入失敗的alert還多了忘記密碼的按鈕

這頁的功能包括登入.註冊.FB登入按鈕.忘記密碼

註冊畫面:

因為要輸入比較多東西,所以做成一步一步,每一步都會判斷正確才能進入下一步,每一種錯誤都有相對應得顯示,並且人性化的將輸入錯誤的信箱或密碼清空,甚至在做後註冊成功後還會把帳號記下來填入登入中。

FB登入則會跳出畫面,登入成功後就會登入了

並且登入成功後APP會記下使用者下次不需要再重新登入

主畫面:

因為這次主要是做好登入功能,所以主畫面下次作業才會擺東西

主要的功能有登出和右上角的選單,登出之後還會記住使用者的帳號留著下次登入方便,而選單內功能分別有設定個人資料以及變更密碼

個人資料:

個人資料會顯示原本的以及變更後完成上傳也會有Alert顯示狀態

現在個人資料的東西還沒很多,之後想到有需要的會再另外加

變更密碼:

一樣會判斷輸入的問題,以及上傳狀態也會告訴你成功或這什麼錯誤

忘記密碼:

會利用帳號連上okta,輸入註冊時的答案即可變更密碼,如果沒有用戶也會顯示錯誤

這次的作業做了超多功能,也遇到了超多的BUG,但是真的是讓我樂在其中,希望到時候收到的人可以開心。

重要程式說明:

其中我覺得重要的就是如何判斷輸入正確格式

以及Result type 和@escaping的用法

Github:

下一篇:

--

--