2017-03-06 33 views
-4

如何將基本TableView單元格轉換爲與示例類似的內容。我是新來的迅速。並想了解更多關於設計。 如何實現方形間隔的單元格?表視圖設計Swift

我明白故事板界面的基本設計,但是如何將我的表格視圖單元格轉換爲類似示例?

例子:

enter image description here

enter image description here

cell?.contentView.backgroundColor = UIColor.clear 

     let whiteRoundedView : UIView = UIView(frame: CGRect(x: 10, y: 8, width: self.view.frame.size.width - 20, height: 120)) 

     whiteRoundedView.layer.backgroundColor = CGColor(colorSpace: CGColorSpaceCreateDeviceRGB(), components: [1.0, 1.0, 1.0, 0.9]) 
     whiteRoundedView.layer.masksToBounds = false 
     whiteRoundedView.layer.cornerRadius = 2.0 
     whiteRoundedView.layer.shadowOffset = CGSize(width: -1, height: 1) 
     whiteRoundedView.layer.shadowOpacity = 0.2 

     cell?.contentView.addSubview(whiteRoundedView) 
     cell?.contentView.sendSubview(toBack: whiteRoundedView) 
+0

首先,你的問題很模糊,而且很主觀。第一張圖片是你的桌子嗎?在你看來,什麼是「專業」的桌子?其次,問題不在話下 - 這是關於圖形設計的問題,而不是軟件。 – Caleb

+0

我的意思是如何將表格視圖單元格分隔開來,並使它們像上圖一樣透明? – nil

+0

關於我如何去做的任何想法在角落中添加三角形並將文本單元格本身的userProfile圖像分開? – nil

回答

0

我理解故事板接口的基本設計,但我怎麼能transfor我的表視圖細胞看起來像例?

您可以繼承UITableViewCell以進行任何您喜歡的自定義繪圖。對於簡單的東西,您還可以在故事板編輯器中的原型表單元格中佈局現有的UI組件。

如何實現方形間隔的單元格?

對於這個問題以及關於繪製單元格的其他問題,您需要考慮示例中的單元格包含所有這些元素:消息泡泡,用戶配置文件圖像,透明區域......不僅僅是標準標籤和圖標,它肯定涉及一些自定義繪圖,可能比以前在應用程序中做過的更多實際繪圖。雖然細胞只是一種觀點,你可以繪製任何你喜歡的東西。

+0

是否有關於swift 3的自定義繪圖的最新教程? – nil

+0

我會從[* iOS Drawing Concepts *]開始(https://developer.apple.com/library/content/documentation/2DDrawing/Conceptual/DrawingPrintingiOS/GraphicsDrawingOverview/GraphicsDrawingOverview.html)。它不是用Swift編寫的,但這不重要 - 一旦你知道該說什麼,在Swift中搞清楚如何說出它很容易。 – Caleb