--

介紹作業之前,先為大家介紹小味橘出品之最新力作 — 怪怪製造器(LMM),內有多達200種小怪怪等你來發掘!!!

小味橘最新力作

假的 ಠдಠ

好,回到正題。

因為最近在準備作品集,所以把這次的App作業也編錄在內。

這次的作業重點在 — 我不喜歡唐詩、沒有特別喜歡的美食、電影,也沒有特別喜歡的女朋友。

首先瞭解作業條件:

1. 創造一款自己有興趣的App,主題內的項目分別作細項的分類,每項分類皆需顯示標題於bar上。2. 搭配Tab Controller - 切換不同的主題(功能)頁面。3. 搭配 Table View Controller - 不同項目的排列與操作。

我就不分別論述了,三個願望一次滿足。

這次想要稍微修改一下作業內容,設計出一款不是分享、紀錄型,或是項目分類的工具型App,而是以Table View的操作方式為基礎,來發想出其他可能性,進而產生出這次的怪怪App。

簡單說明一下怪怪的構想。藉由這款App,你可以創造出許多怪怪,製造的方式是進入這款App的主要畫面後,點選Button — 開始製造,利用二擇一的概念,再重複做出不同的選擇之後,最後產生出不同的成果(怪怪)。這也是這次作業的重點。

例如:開始製造 → 在早上準備一盆裝滿土的盆栽 → 埋進一顆蘋果 → 再埋進一顆鳳梨 → 最後,插上一支鉛筆! → 咚咚小味橘(耶)

#別問為什麼

以此為概念,一開始先大致架設好App的架構:

看看這盛況:D

為了避免重蹈過去邊思考邊置入物件,造成情況混亂的覆轍,這次先大致將架構理清,也可以大幅減少萬惡警告標示的出現。

下個作業要寫一篇不乖乖聽話就會被驚嘆號吃掉的故事

我開玩笑的。

接著把所有需要運用到的素材準備好之後,一一置入到不同的View中。

基本架構就跟課堂教學的一樣,從一個類似登入/註冊的頁面進入主畫面,主畫面嵌入(Embed in)Tab Bar Controller,另外分成三個功能頁面 — 製造怪怪/收藏/設定。

另外,在這三個功能頁面分別嵌入Navigation Controller,並在上面輸入標題。

若需要修改Navgation Bar以及Tab Bar的屬性,點選不同的項目會有不同的修改內容。

1. 直接選取Navigation Item(第二頁之後需自行置入)

Title → 修改標題
Prompt → 給予提示(顯示於標題上)
Back Button → 修改Back Button上的文字(模擬器執行時才會顯示)

2. 選取Navigation Controller

Simulated Metrics(模擬指標) → 修改預設值,目的是為了方便設計預覽,模擬最終的設計樣貌。(雖然是模擬,但在模擬器運行時不會顯示。)
View Controller > Title → 更改Navigation Controller於物件列表中的名稱

3. 於物件列表中,找到需要更改的Navigation Bar

Bar的底色、背景色或是字體顏色、字型等比較需要修改的物件屬性都在這邊。

Title Font / Title Color / Title Shadow 修改內容都需要進入模擬器執行時才會顯示。

好,然後Tab Bar:

1. 直接選取 Tab Bar 上的 Item

Badge → 輸入數字會呈現有幾則通知,也可以輸入中文通知
System Item → 可以直接取用預設的icon
Selected Image → 頁面點選後/ 目前所呈現的頁面,所顯示的圖示
Title Position → 調整文字的位置
Title → icon文字
image → icon圖示

2. 選取Tab Bar Controller

(參照 2.選取Navigation Controller

3. 於物件列表中,找到需要更改的Tab Bar

同樣地,Bar的底色、背景色或是字體顏色、圖像等比較需要修改的物件屬性都在這邊。

Tab Bar > Image Tint → 進入模擬器執行時,已點選的圖像顏色
View > Tint → 顏色預覽,模擬器執行時不會呈現。(測試成果,實際功能未知)

上面這些功能都是之前課程中已經使用過的,但是本人實際操作的時候還是容易搞混呀呀!趁這次作業實際測試清楚之後,把使用過的功能重點和注意事項記錄下來。

接下來介紹Tab Bar中的另外兩個功能頁:收藏/設定

收藏的功能就是把你製造出來的怪怪收藏起來,就醬。

設定的部分分成兩個類型:

軟體設定,軟體中的個別項目進行設定,如用戶設定、音量、系統通知。

而主頁及設定中都能看到更換怪怪的功能鍵,這是為這款App延伸出功能助理的概念。

功能助理,嘗試將手機中的各項功能結合圖像作輔助,選定的小怪怪會出現在主頁面上,成為你的生活小幫手。

例:讓App取用手機中的鬧鈴資訊,設定好鬧鐘,待時刻一到,咚咚小味橘就會跳出來叫你起床(自己的配音或動畫)。

所以從設定中的另一個類型 — 手機功能輔助,可以設定哪些功能需要透過小怪怪來幫助你。例:排程通知、訊息通知、來電通知等。

還有許多的概念在這次的作業先暫時不提了,有趣的概念仍然需要扎實的技術與實際的行動才能加以實現。

我是Github → https://github.com/shawnhuangtw/monster

最後讓大家來看看部分的小怪怪,目前只有編錄16隻,每隻都有它獨特的故事經歷:

收集到不同隻怪怪能夠觸發不同故事劇情的概念好像也不錯:D

怪怪製造Logo

--

--