create 2 labels with one expan in swift

To create two labels with one expan in Swift, you can follow the steps below:

Open Xcode and create a new project.
Drag and drop a UIView onto the view controller in the storyboard.
Add two UILabels inside the UIView and connect them to the view controller as outlets.
Set the text for both labels.


main.swift
@IBOutlet weak var label1: UILabel!
@IBOutlet weak var label2: UILabel!

label1.text = "Label 1"
label2.text = "Label 2"
121 chars
6 lines

Add a UILabel to act as the expander, connect it to the view controller as an outlet.


main.swift
@IBOutlet weak var expander: UILabel!
38 chars
2 lines

Create a TapGestureRecognizer for the expander.


main.swift
let tapGesture = UITapGestureRecognizer(target: self, action: #selector(handleTap(_:)))
expander.addGestureRecognizer(tapGesture)
expander.isUserInteractionEnabled = true
171 chars
4 lines

Add the following method to handle the tap event:


main.swift
var isExpanded = false

@objc func handleTap(_ sender: UITapGestureRecognizer) {
    if isExpanded {
        label1.heightAnchor.constraint(equalTo: expander.heightAnchor).isActive = false
        label2.heightAnchor.constraint(equalTo: expander.heightAnchor).isActive = false
        isExpanded = false
    } else {
        label1.heightAnchor.constraint(equalTo: expander.heightAnchor, multiplier: 2).isActive = true
        label2.heightAnchor.constraint(equalTo: expander.heightAnchor, multiplier: 2).isActive = true
        isExpanded = true
    }
}
555 chars
14 lines

This method toggles the isExpanded boolean value and sets the height constraint of the two UILabels to either the height of the expander or twice the height of the expander, depending on the state of isExpanded.

Finally, add constraints to ensure that the UILabels and expander are positioned and sized correctly in the UIView, and run the app to test the functionality.

similar swift code snippets

create a view and make its background colour red in swift

create 5 boxes of rainbow colors in swift

create a button that animates when you tap on it in swift

create a view controller with a full screen scroll view and a stack view filling the scroll view in swift

a view that iterates a list with images and animations in swift

create a green button that says “click me!” in swift

create a tri-colour view with the colours of the french flag in swift

create a ui collection view with ten items that dynamically changes in size in swift

create a paged collection view in swift

how to center a view in swift

related categories