設定表格的背景圖片

目標:
讓表格有半透明的背景圖片 (當表格上下捲動時，圖片將固定不動)

• 方法一: 不寫任何程式。
• 方法二: 透過程式。

方法一: 不寫任何程式

• 在 View Controller 上先加一個 image view，設定背景圖片。

如下圖所示，彼得潘加入好朋友 peter park 的圖片。

• 將 Container View 拖曳到 controller 的畫面上。

以畫面的階層順序來說， 此時 image view 將在 Container View 的下面。

如下圖所示，我們看到 container view 是塊透明的長方形，而且還自動連到另一個 controller。

container view 是一種很特別的 view，它顯示的內容來自它連到的 controller。因此接下來我們將讓 container view 連到顯示表格的 table view controller，如此即可在 spider man 的帥氣圖片成為表格的背景。

• 將 container view 原本連到的空白的 view controller 刪除。

• 將 container view 拉大，讓它佔滿畫面，因為我們希望它顯示的表格佔滿畫面。

• 從 Container View 拉 segue 到 table view controller ，選擇 Embed。

• 將 table view 的 Background 設成 opacity 50% 的黑色，如此才不會蓋住背景圖片。

• 將 cell 的 Background 設成 Clear Color，如此才不會蓋住背景圖片。

結果

方法二: 透過程式

1 將 table view 的 property backgroundView 設為 image view。

tableView.backgroundView = UIImageView(image: UIImage(named: "background"))

2 將 backgroundView 的透明度設為 0.5。

tableView.backgroundView?.alpha = 0.5

3 將 cell 的 Background 設成 Clear Color，如此才不會蓋住背景圖片。