[英]Dynamic Table View Cell & Content Size conflicting & Pintrest Layout
In my requirement currently,I wanted to develop a Pintrest layout view. 目前,根据我的需求,我想开发一个Pintrest布局视图。 For that I have 2 tableView's on same ScrollView .
为此, 我在同一个ScrollView上有2个tableView 。
mark: I didn't use collectionView as it was very difficult to customize the flow Layout for this purpose & I do not want to include a 3rd Party framework for the same. 标记:我没有使用collectionView,因为为此很难自定义流程布局,我也不想为此包含3rd Party框架。
Check the attached screenshot - 查看随附的屏幕截图-
I am populating them with 2 arrays one for even & one for odd items . 我用2个数组填充它们,一个数组用于偶数,一个数组用于奇数项 。 I am making these tableView's non scrollable & increasing my scrollView's contentView's height as per the tallest tableView .
我正在使这些tableView不可滚动并根据最高的tableView增加我的scrollView的contentView的高度 。 Both the tableView's have custom cells with dynamically increasing contents ie a label.
两个tableView都有自定义单元格,这些单元格具有动态增加的内容(即标签)。
in my viewDidLoad() 在我的viewDidLoad()中
self.tableViewCol1.estimatedRowHeight = 296
self.tableViewCol1.rowHeight = UITableViewAutomaticDimension
self.tableViewCol1.separatorStyle = UITableViewCellSeparatorStyle.None
self.tableViewCol2.estimatedRowHeight = 296
self.tableViewCol2.rowHeight = UITableViewAutomaticDimension
self.tableViewCol2.separatorStyle = UITableViewCellSeparatorStyle.None
in my DataSource method - 在我的DataSource方法中-
func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell
{
var cell2 = MostLikedTVCscnd()//custom Cell for 2nd Table
var cell1 = MostLikedTVC()//custom Cell for 1st Table
if tableView == tableViewCol1
{
let cell = tableViewCol1.dequeueReusableCellWithIdentifier("cell1", forIndexPath: indexPath) as! MostLikedTVC
cell.imageCol1.image = imageArr1[indexPath.row] as? UIImage
cell.aboutLblCol1.text = labelArr1[indexPath.row] as? String//dynamic increasing label
cell1=cell
}
else if tableView == tableViewCol2
{
let cell = tableViewCol2.dequeueReusableCellWithIdentifier("cell2", forIndexPath: indexPath) as! MostLikedTVCscnd
cell.imageCol2.image = imageArr2[indexPath.row] as? UIImage
cell.aboutLblCol2.text = labelArr2[indexPath.row] as? String
cell2 = cell
}
//changing the height constraint of table's to make the table view non scrollable
tableView1HghtCnstrnt.constant = tableViewCol1.contentSize.height
tableView2HghtCnstrnt.constant = tableViewCol2.contentSize.height
//comparing the content size of table's to check which table is the tallest & adjust the height of the main ScrollView's content
if tableViewCol1.contentSize.height>tableViewCol2.contentSize.height
{
mainViewHghtCnstrnt.constant = tableViewCol1.contentSize.height+35//mainViewHghtCnstrnt :- mainScrollView's content height constraint & 35 is the padding
}
else if tableViewCol1.contentSize.height<tableViewCol2.contentSize.height
{
mainViewHghtCnstrnt.constant = tableViewCol2.contentSize.height+35
}
else if tableViewCol1.contentSize.height==tableViewCol2.contentSize.height
{
mainViewHghtCnstrnt.constant = tableViewCol2.contentSize.height+35
}
//returning the cell
if tableView == tableViewCol1
{
return cell1
}
else
{
return cell2
}
}
}
But my problem is that the table's are not properly calculating the size of their content's. 但是我的问题是表格没有正确计算其内容的大小。 I did some search and here an answer to a question says - contentSize will be messed up when you give estimatedRowHeight
我进行了一些搜索,这里的一个问题回答是- 当您提供估计的RowHeight时,contentSize将被弄乱
So what options do I have? 那我有什么选择呢? What can be done to realise the same properly?
如何才能正确实现相同目标?
You can use tableView's contentSize property to get the height required for the tableView. 您可以使用tableView的contentSize属性来获取tableView所需的高度。
I have done a demo to test this, and it is working as you are expecting. 我已经做了一个演示来测试这一点,并且它正在按您的期望工作。
My constraint are as follows: 我的约束如下:
- ScrollView:
ScrollView:
LeadingSpace to SuperView, TrailingSpace to SuperView, TopSpace to SuperView, BottomSpace to SuperView
LeadingSpace到SuperView,TrailingSpace到SuperView,TopSpace到SuperView,BottomSpace到SuperView
- ContainerView (UIView inside scrollView):
ContainerView(scrollView内的UIView):
LeadingSpace to SuperView, TrailingSpace to SuperView, TopSpace to SuperView, BottomSpace to SuperView, EqualWidth to SuperView (ie scrollView)
LeadingSpace到SuperView,TrailingSpace到SuperView,TopSpace到SuperView,BottomSpace到SuperView,EqualWidth到SuperView(即scrollView)
- ATableView
ATableView
LeadingSpace to SuperView, TrailingSpace to BTableView, TopSpace to SuperView, Width fixed points, HeightFixed points (Created outlet of this constraint), BottomSpace to SuperView with StandardSpacing and LowPriority (250)
LeadingSpace到SuperView,TrailingSpace到BTableView,TopSpace到SuperView,宽度固定点,HeightFixed点(此约束的已创建出口),BottomSpace到具有StandardSpacing和LowPriority的SuperView(250个)
- BTableView
BTableView
LeadingSpace to ATableView, TrailingSpace to SuperView, TopSpace to SuperView, Width fixed points, HeightFixed points (Created outlet of this constraint), BottomSpace to SuperView with StandardSpacing and LowPriority (250)
LeadingSpace到ATableView,TrailingSpace到SuperView,TopSpace到SuperView,宽度固定点,HeightFixed点(此约束的已创建出口),BottomSpace到具有StandardSpacing和LowPriority的SuperView(250)
And here is my full code, 这是我的完整代码,
class ViewController: UIViewController {
@IBOutlet weak var tableViewA: UITableView!
@IBOutlet weak var tableViewB: UITableView!
@IBOutlet weak var heightConstraintBTableView: NSLayoutConstraint!
@IBOutlet weak var heightConstraintATableView: NSLayoutConstraint!
var tableViewACellCount = 50
var tableViewBCellCound = 20
override func viewDidLoad() {
super.viewDidLoad()
//Dont set estimatedRowHeight as it is displaying empty cell at the bottom of tableView (try playing with this uncomment estimatedRowHeight)
//tableViewA.estimatedRowHeight = 44.0
tableViewA.rowHeight = UITableViewAutomaticDimension
//tableViewB.estimatedRowHeight = 44.0
tableViewB.rowHeight = UITableViewAutomaticDimension
//Try both methods
self.performSelector("adjustTableViewHeight", withObject: [], afterDelay: 0.0)
//self.adjustTableViewHeight()
}
override func didReceiveMemoryWarning() {
super.didReceiveMemoryWarning()
// Dispose of any resources that can be recreated.
}
func tableView(tableView: UITableView, numberOfRowsInSection section: Int) -> Int
{
if(tableView.isEqual(tableViewA)) { //A TableView
return tableViewACellCount
} else { //B TableView
return tableViewBCellCound
}
}
func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell
{
let cell = tableView.dequeueReusableCellWithIdentifier("cell")
return cell!
}
func adjustTableViewHeight() {
dispatch_async(dispatch_get_main_queue()) { () -> Void in
self.tableViewA.layoutIfNeeded()
self.tableViewB.layoutIfNeeded()
}
heightConstraintATableView.constant = tableViewA.contentSize.height
heightConstraintBTableView.constant = tableViewB.contentSize.height
}
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.