How to show a growing sub view over a parent view

Question

I have a view as follows

The colored tiles are basically views. When i long press on the tiled views i am creating a copy of the tile in which it was long pressed. Also when it is long pressed there should be a view as per the following image.

The drop area should come up from bottom part or it should grow from bottom insect of the screen.

When long pressing on the tiled view i am creating a copy of the view and i am able to make the copy successfully and drag on the screen, but i am stuck at creation of this drop area and its animation.

Can someone guide me how to implement this....

Thanks in advance...

Answer 1

    let dropView = UIView(frame: CGRect(x:0, y:0, width:300, height:100))
    dropView.frame.origin = CGPoint(x: 0, y: self.view.frame.size.height)
    dropView.center = CGPoint(x:self.view.frame.size.width/2, y:dropView.center.y)
    dropView.backgroundColor = UIColor.blue
    self.view.addSubview(dropView)

When you want to animate it to show up use this:

    UIView.animate(withDuration: 0.5, delay: 0.0, options: [.repeat, .curveEaseOut, .autoreverse], animations: {
        dropView.frame.origin = CGPoint(x:dropView.frame.origin.x, y:dropView.frame.origin.y - dropView.frame.size.width - 10)
    }, completion: nil)