Question

I have a client that would like this implemented:
https://i.stack.imgur.com/BV0em.png

X expandable views each with a scrollable tableview with Y cells.
The main view is not scrollable. If i tap Drawer C then Drawer A should collapse and Drawer C should expand.

I’ve seen similar constructs, but not with tableviews inside, so I don’t know exactly how to go around this.

What’s the best approach to this?

1) A tableview with “inner” tableviews

2) Multiple customs views with a button and a tableview

3) Something other?

How would you implement this?

Thx!

Answer 1

I have done this type of implementation but dont carry source code with me.. still i can guide u the way i did it…
i will explain u the way i did and considering ur example image.

1. u will need 3 buttons (give them diff tags) with 3 bool flags to handle their on off state.
2. u will need 3 tableview(give them diff tags)
3. if screen height is 480 and all button height is 20, then remaining height will be 480-3*20=420.
   so this is the height of all the table view.
4. on the click event of any button ,based on clicked button tag find its associated table view .
5. set the flag value on button click and using the bool flags value decide to show and hide the table view and also the on/off image on the button.