Swift Practice#55 & Work#9 我問天!線上求籤與問事

上一篇練習了簡單的密碼解鎖功能,概略可以知道大致上在處理密碼時的狀況。

這一篇則要來練習關於算命的判斷功能,相信命理仍是很多人的信念,試著來看看要怎麼做出來。先研究彼得潘的文章以及前輩的文章

大致有個方向後先在網路上找線上解籤以及求籤的宮廟網站

以上兩個廟宇網站是我查到可以透過網頁的網址直接跳到所指定的解籤頁面中,因為新竹都城隍廟的神明圖像可以直接下載使用,所以就以新竹都城隍廟來當作練習的模板。

而作業中的筊杯圖案則取用行天宮網站的照片使用

版權聲明:

本次作業索取用之新竹都城隍廟之影像與連結,版權皆歸屬於新竹都城隍廟以其網站設計公司「 系統設計 : 瀚瑞克科技股份有限公司.」所有。

筊杯圖案原始圖片則為行天宮網站上之圖片,版權屬於行天宮所有。

本人僅利用於作業練習,上述影像使用無盈利之圖與金錢獲取目的。

畫面佈局:

因為想同時做出問事以及求籤的功能,所以將透過不同頁面顯示不同的功能。先透過最基礎的Button點選「Show」出下一頁,並使用Navigation。

畫面佈局

首頁元件:

ImageView * 2 (城隍爺像、Gif)

Label * 1(歡迎標籤)

Button * 2 (問事、求籤)

問事頁面元件:

UIImageView * 2 (城隍爺像、Gif)

TextField * 1 (輸入問事內容)

Button * 1 (提問)

Label * 2(顯示結果 與標題)

求籤頁面元件:

UIImageView * 3(城隍爺像、Gif、筊杯結果)

TextField * 1 (輸入求籤內容)

Button * 2(求籤、筊杯)

Label * 2(顯示結果 與標題)

TextView * 1(顯示解籤網頁)

求籤頁面原本想使用資料傳遞給下一頁秀出解籤的網頁,但是發現求籤跟解籤目前我還無法將兩者的結果串一起,所以我先透過求籤的Button去改變下面TextView的字串內容,並且讓字串去偵測網址使其可以點選。

因為每個頁面需要顯示Gif,所以就找到彼得潘關於Gif的說明並套用。

第一頁做出兩個Button並且Show出各自的頁面去執行功能。

問事IBoutlet & IBaction 與程式碼:

簡單概略說明,建立提問TextField與解答Label的Outlet之後,拉出提問Button的IBaction去判斷 if else 輸入的字串內容有沒有在預設的值之內,有就顯示相對應的內容。

求籤IBoutlet & IBaction 與程式碼:

簡單概略說明,求籤的Button去判斷輸入的textfield是否有值,無值則不出籤,有值的話建立1–100的數字Array後隨機取值,取值後顯示值在籤的Label,另外先完成網頁的網址在隱藏的textview內。

求籤完與城隍爺確認是否為正籤,同意的話顯示聖筊圖並顯示網頁,若不是則判斷是陰還是笑筊做出不同的指令。若沒有求籤就求筊,一樣不會顯示網頁。

執行結果:

做完練習感覺自己又多學到一些東西,光是Gif可以更快地放上Xcode不用拆成JPG就很開心,畢竟梗圖真的是一件很有趣的東西。再次感謝新竹都城隍廟以及行天宮的圖片!持續加油。

--

--