iT邦幫忙

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

挑戰 30天內送審一支APP 系列 第 9

在 tableview中加入圖片 ( D day + 8 )

建立好一個餐廳的清單後,覺得有點單調,讓我們加上圖片吧!!

  1. 新增圖片

1.1 . 首先將選好的圖片以拖曳的方式放到 “Assets.xcassets

1.2. 並且將code加入

cell.imageView?.image = UIImage(named: "restaurant")

1.3. Run

圖是加進去了,可是都長依樣似乎單調了一點
2. ### 新增多組圖片
2.1 將選好得多組照片拖曳到 “Assets.xcassets

2.2 依照image名字建立一個陣列

var restaurantImages = ["cafedeadend.jpg", "homei.jpg", "teakha.jpg", "cafeloisl.jpg", "petiteoyster.jpg", "forkeerestaurant.jpg", "posatelier.jpg", "bourkestreetbakery.jpg", "haighschocolate.jpg", "palominoespresso.jpg", "upstate.jpg", "traif.jpg", "grahamavenuemeats.jpg", "wafflewolf.jpg", "fiveleaves.jpg", "cafelore.jpg", "confessional.jpg", "barrafina.jpg","donostia.jpg", "royaloak.jpg", "caskpubkitchen.jpg"]

2.3 讓cell會去讀取images這個陣列並且依序排列

cell.imageView?.image = UIImage(named:restaurantImages[indexPath.row])

2.4 Run

Fatal error : index out of range

建構image這個陣列時,務必要確認名稱和數目與拖曳進去的一致,不然就會出現 “Fatal error : index out of range” 喔


上一篇
UITableViewController ( D Day + 7)
下一篇
如何自訂Cell格式與內容 ( D day + 9 )
系列文
挑戰 30天內送審一支APP 30

尚未有邦友留言

立即登入留言