Question

As shown click the top three buttons will pop up a view on the basic view. What the view is? CALayer? Or just a small size UITableView? How to implement this?

Answer 1

I belevie this is a custom view that contains a table view inside it. it is very simple to implement that, As this is not a full tutorial I can imagine the basic steps I would do:

the shape could be a combination of layers or more reasonable drawn with Quartz2D:

I would do it this way:

1. create view and draw the frame with a BezierPath in the drawRect:

   + (UIBezierPath *)bezierPathWithRoundedRect:(CGRect)rect cornerRadius:(CGFloat)cornerRadius
   

2. draw the top black bar and the title on the top.

3. draw the top triangle and add to the view a property that will set the position according to the button position. then you could conditionally change the draw position of the triangle.

4. add a sub view of a table view and assign the view as a DataSource and a Delegate of it, and then do all the table view implementation.

Good luck