如何将子视图添加到TableViewCell？

Question

I need to add a subview to TableViewCell when the button in TableViewCell is clicked it should show another tableview as a subview and height of the tableview should be dynamic according to number of cell.

How can I do this?

Above screenshot is taken from a very popular shopping app and I need to do the same in my project.

Answer 1

You can easily achieve this using simple UITableView . For that you need to set all your main categories as your UITableview section and respected sub-categories can be added to respective rowOfSection .

Answer 2

您可以仅使用一个具有UITableViewStyleGrouped样式的表视图，并将“男人”，“妇女”，“儿童和婴儿”设置为TableView部分标题，保留一个布尔值以确定每个部分的“ numberOfRowsInSection：”结果并重新加载tableview 。

Answer 3

See the below link at github:

https://github.com/OliverLetterer/SLExpandableTableView

This contains the Expandable TableView, which you required. You have to implement SLExpandableTableViewDelegate and SLExpandableTableViewDatasource which contains different method, in which you have to provide inner tableview as well.

Hope this helps you.

Answer 4

You need to do some work on your own I can give the directions that'll give you a way from my point of view :-

1. Make a Custom cell which you want to expand.

2. While designing the cell make its height in storyboard like 200 or so according to your need and add all the elements those you want to see when the cell is expanded.

3. You'll need two delegate methods first -didSelectItemAtIndexPath and second HeightForRowAtIndexPath at index path.

4. First You need to make sure the user taps on the button or cell that you want to expand , and to achieve that you need to call didSelectItemAtIndexPath.

5. Once you get your cell Position, in HeightForRowAtIndexPath check the indexpath is equal to your cell's indexpath,if yes then return the exact height(ie:200) of your cell otherwise return the default(ie:70) height of you cell.

Note : In didSelectItemAtIndexPath you need to call to method to update the current cell

[self.tableView beginUpdates];
[self.tableView endUpdates];