How do I make a UITextView expand over a UIImageVIew

Question

I have a UIImageView and a UITextView. I need the UITextView to expand over the UIImageView when the UITextView is tapped. I am not sure how to do this.

From this

To this

Answer 1

You can follow below steps:

• In your view controller layout (Storyboard or codes), make sure you put UIImageView under UITextView.

• In your IBAction where you handle UITextView tap event, just update its frame height to be equal with its controller height. (as seen on the screenshot).

  // one of several ways to update a view frame
  textView.frame = CGRect(x: 0, y: 0, width: self.view.frame.width, height: self.view.frame.height)

You can find other methods to update UITextView size here: How do I change UIView Size?

Answer 2

You can also do it with Constrains. All you need to change the constant value of specific constraint in the Action of UITapGesture on the UITextView.You can change the Constraints of Top of TextView and height of TextView.Try this!!

Answer 3

So you're trying to update the height of a UIView with a tap gesture. You'll need the following IBOutlets:

• An NSLayoutConstraint
• A CGFloat variable to update it that you can reach from your view controller to alter your NSLayoutConstraint's constant
• A UITapGestureRecognizer

Additionally, your UIImageView will need to be behind the other views. You can just drag it to the top of the View hierarchy in Interface Builder. The top view is at the back of the hierarchy:

Here goes:

Create IBOutlets for the view and the height of the UIView you want to animate:

@IBOutlet weak var bioView: UIView!
@IBOutlet weak var bioViewHeightConstraint: NSLayoutConstraint!

That is only a reference to the storyboard. If you want to alter bioViewHeightConstraint, you'll need to access its constant. So declare a variable for that:

var bioViewHeight: CGFloat! {
    /*
     Here we're using a property observer to execute code whenever
     this value is updated
     */

    didSet {
        print("stackViewHeight updated to \(bioViewHeight)")
        UIView.animate(withDuration: 0.5, delay: 0.0, options: [.curveEaseIn], animations: { 
            self.bioViewHeightConstraint.constant = self.bioViewHeight
            self.view.layoutIfNeeded()
        }) { _ in
            self.bioTextView.scrollRangeToVisible(NSRange(location: 0, length: 0))
            print("animation complete")
        }
    }
}

You'll see I put some animation code inside of this in didSet. So whenever you change bioViewHeight, bioViewHeightConstraint.constant will get updated.

Next, we configure a UITapGestureRecognizer with the following code:

    let tapGestureRecognizer = UITapGestureRecognizer(target: self, action: #selector(toggleHeight(sender:)))
    tapGestureRecognizer.numberOfTapsRequired = 1
    bioView.addGestureRecognizer(tapGestureRecognizer)

The tap gesture code goes in viewDidLoad.

Next, we have to write the handler for your taps. Here's the code for that:

func toggleHeight(sender: UITapGestureRecognizer) {
    if bioViewHeightConstraint.constant == UIScreen.main.bounds.height / 2 {
        // true
        bioViewHeight = UIScreen.main.bounds.height - 30 // gives space for status bar
    } else {
        // false
        bioViewHeight = UIScreen.main.bounds.height / 2
    }
}

That's the basic code that can do what you're trying to do. Here's a link to a repo with the complete code.