iT邦幫忙

2018 iT 邦幫忙鐵人賽
DAY 14
0
Software Development

Swift零基礎實作旅遊景點app系列 第 14 篇

Swift從零開始-Day14:旅遊App-Part II

2018鐵人賽
1370 瀏覽

  • 分享至 

  • xImage
    •  

分類：UIKit學習

  • 上一篇是關於此App中把UICollectionView鑲在UITableView中，今天主要是接下去介面的部分。
  • 接下來的部分為一個重複Section，在規劃上是拆成三種不同的Cell。
    • 在App上可以必須點按每個圖片或Label都要能夠進行Segue的連結，做法上是利用一個大的UIButton，在各放UIImageView及UILabel來產生視覺效果。
    • 目前每個Cell中的Button皆先以假圖與假字代替（介面實作），等到學習到網路請求的部分再來了解如何繼續直接跟網路要圖及資訊。
    • 配合之前學過的UIButton連結成Segue試做看看介面部分。
    • 大致分配如下圖：

目前的做法是針對每個Button都拉一個Segue，陸續會再想想或學習有沒有其他更好的方式。
整體樣子：

實際介面結果：


上一篇
Swift從零開始-Day13：UITableView中嵌入UICollectionView基本概念學習
下一篇
Swift從零開始-Day15: UIWebView及下載圖片基礎學習
系列文
Swift零基礎實作旅遊景點app 共 30 篇
  1. 26
    Swift Day-26: TableView上拉持續更新
  2. 27
    Swift Day-27:儲存簡單的資料UserDefault
  3. 28
    Swift Day-28: 旅遊APP版面回來了
  4. 29
    Swift Day-29: 旅遊APP微小前進中
  5. 30
    Swift Day-30:API多頁面載入及參賽心得
完整目錄
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言
iThome鐵人賽
參賽組數
1064 組
團體組數
40 組
累計文章數
22195 篇
完賽人數
600 人
iT+看影片追技術 看影片追技術 看更多
熱門tag 看更多
15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽 鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# windows server linux css react vue.js
熱門問題
熱門回答
熱門文章
IT邦幫忙