ios App課程練習#14-搭配else if,做個判斷該不該請假的app(TAKE A DAY OFF?)

簡潔安
簡潔安
Sep 2, 2018 · 6 min read
take a day off app模擬畫面

又到了,想盡辦法融合各種學習目標,產出一隻app的時候了。

主要學習目標:
else if, if, else 混搭運用
Segmented Control 對應不同圖片
contains內容偵測
再次複習:
偵測 slider 的 value 變化
新增 Cocoa Touch Class

TAKE A DAY OFF? 這App能用來做什麼

說到請假,有時想要好好放鬆請個假出去旅行,都要經歷一波糾結。會不會被老闆殺?會不會被同事打?會不會請太多假了?這些問題都會從心裡漫出來,這時還真的需要有人幫我下個決策,那何不做個決策app呢!

App畫面流程

左:起始畫面/ 中:條件畫面/ 右:放鬆嚮導

起始畫面進入後,按下按鈕,進入條件畫面輸入各種用來判斷你能不能請假的條件,按下按鈕判斷是否能夠請假,若可以請假,將進入放鬆嚮導畫面。


接著來說說製作過程

先看看在storyboard上的作業畫面

1.條件畫面:

不許放假畫面(左) /准許放假畫面(右)

透過不同條件,來判斷使用者能不能請假。
假如建議放假,將跳出按鈕,引導自下一畫面。

以下為頁面的程式碼,可以仔細看會發現,
app判斷你能不能請假的條件,只在於心態,
而不是年資或是多久沒請假了。

(假如只是為了想睡覺是不給放的!)

import UIKit

此畫面動態呈現:


2.嚮導畫面:

嚮導畫面,設計的概念走一種聊天視窗的感覺,但因為能力有限,先用一堆Image來擋擋哈哈哈。從輸入匡輸入不同文字,按下發送按鈕,透過contains內容偵測,來判斷下張圖片的顯示結果。若輸入關鍵字「海」、「山」、「電影」會顯示特定對話框(可惡⋯圖片有錯字),若輸入其他文字,都會顯示誠品書局的建議對話框。

以下為頁面的程式碼:

import UIKit

此畫面動態呈現:


最後是完整畫面動態呈現

以及Sketch設計畫面(充滿假對話框哈哈):

最後是git:

寫得挺順的一次,收工!

彼得潘的 Swift iOS App 開發教室

學習 Swift iOS App 開發的學生作品集

    簡潔安

    Written by

    簡潔安

    外文系畢業的不務正業ui設計師🍤

    彼得潘的 Swift iOS App 開發教室

    學習 Swift iOS App 開發的學生作品集

    Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
    Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
    Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade