Какую использовать обертку, чтобы при нажатии на кнопку изменялся текст в лейбле?

Реализация изменения текста UILabel по нажатию на UIButton

Для этой задачи в UIKit существует несколько стандартных подходов. Все они предполагают создание IBAction (действия) для кнопки, которое будет вызываться при нажатии, и внутри этого метода изменение свойства text у UILabel.

Основные подходы

1. Через Interface Builder (Storyboard/XIB)

Наиболее простой и визуальный способ для начинающих:

1. Создайте UIButton и UILabel в вашем Storyboard или XIB-файле.
2. Создайте IBOutlet для UILabel и IBAction для UIButton в соответствующем UIViewController.
3. В методе IBAction измените текст UILabel через его свойство text.

import UIKit

class ViewController: UIViewController {
    
    // 1. Создаем IBOutlet для связи с UILabel
    @IBOutlet weak var myLabel: UILabel!
    
    override func viewDidLoad() {
        super.viewDidLoad()
        myLabel.text = "Начальный текст"
    }
    
    // 2. Создаем IBAction для кнопки
    @IBAction func buttonTapped(_ sender: UIButton) {
        // 3. Изменяем текст при нажатии
        myLabel.text = "Новый текст после нажатия"
    }
}

2. Программное создание элементов

Более гибкий подход, когда UI создается полностью в коде:

import UIKit

class ProgrammaticViewController: UIViewController {
    
    private let myLabel = UILabel()
    private let myButton = UIButton(type: .system)
    
    override func viewDidLoad() {
        super.viewDidLoad()
        setupUI()
    }
    
    private func setupUI() {
        // Настройка UILabel
        myLabel.text = "Изначальный текст"
        myLabel.textAlignment = .center
        myLabel.frame = CGRect(x: 20, y: 100, width: view.bounds.width - 40, height: 50)
        view.addSubview(myLabel)
        
        // Настройка UIButton
        myButton.setTitle("Изменить текст", for: .normal)
        myButton.frame = CGRect(x: 20, y: 200, width: view.bounds.width - 40, height: 50)
        
        // 4. Добавляем обработчик нажатия
        myButton.addTarget(self, 
                          action: #selector(buttonTapped), 
                          for: .touchUpInside)
        
        view.addSubview(myButton)
    }
    
    // 5. Метод, вызываемый при нажатии
    @objc private func buttonTapped() {
        myLabel.text = "Текст изменен программно"
        
        // Можно добавить анимацию для плавности
        UIView.animate(withDuration: 0.3) {
            self.myLabel.transform = CGAffineTransform(scaleX: 1.1, y: 1.1)
        } completion: { _ in
            UIView.animate(withDuration: 0.3) {
                self.myLabel.transform = .identity
            }
        }
    }
}

3. Использование современных фреймворков (SwiftUI)

Для новых проектов рекомендуется использовать SwiftUI, который предлагает декларативный подход:

import SwiftUI

struct ContentView: View {
    // 6. State-переменная для реактивного изменения текста
    @State private var labelText = "Начальный текст в SwiftUI"
    
    var body: some View {
        VStack(spacing: 20) {
            // 7. Текст автоматически обновляется при изменении @State
            Text(labelText)
                .font(.title)
                .padding()
            
            // 8. Кнопка изменяет State
            Button("Изменить текст") {
                labelText = "Новый текст в SwiftUI"
            }
            .padding()
            .background(Color.blue)
            .foregroundColor(.white)
            .cornerRadius(10)
        }
    }
}

Ключевые моменты для UIKit

• Механизм target-action: UIButton использует паттерн target-action для обработки нажатий. При нажатии кнопка отправляет сообщение (action) целевому объекту (target).
• Модификатор @objc: Методы, используемые как селекторы для addTarget, должны быть объявлены с @objc.
• Основные события кнопки: .touchUpInside (палец поднят внутри кнопки) - наиболее распространенное событие для обработки нажатий.
• Обновление UI в главном потоке: Если изменение текста происходит из фонового потока, обязательно оберните его в DispatchQueue.main.async.

Расширенный пример с несколькими кнопками

import UIKit

class AdvancedViewController: UIViewController {
    
    private let label = UILabel()
    private let button1 = UIButton(type: .system)
    private let button2 = UIButton(type: .system)
    
    override func viewDidLoad() {
        super.viewDidLoad()
        setupAdvancedUI()
    }
    
    private func setupAdvancedUI() {
        label.text = "Выберите действие"
        label.textAlignment = .center
        label.frame = CGRect(x: 20, y: 100, width: view.bounds.width - 40, height: 50)
        view.addSubview(label)
        
        // Первая кнопка
        button1.setTitle("Опция 1", for: .normal)
        button1.tag = 1
        button1.frame = CGRect(x: 20, y: 200, width: view.bounds.width - 40, height: 50)
        button1.addTarget(self, action: #selector(buttonAction(_:)), for: .touchUpInside)
        view.addSubview(button1)
        
        // Вторая кнопка
        button2.setTitle("Опция 2", for: .normal)
        button2.tag = 2
        button2.frame = CGRect(x: 20, y: 270, width: view.bounds.width - 40, height: 50)
        button2.addTarget(self, action: #selector(buttonAction(_:)), for: .touchUpInside)
        view.addSubview(button2)
    }
    
    @objc private func buttonAction(_ sender: UIButton) {
        switch sender.tag {
        case 1:
            label.text = "Выбрана опция 1"
        case 2:
            label.text = "Выбрана опция 2"
        default:
            break
        }
    }
}

Рекомендация: Для простых интерфейсов используйте Interface Builder, для сложных динамических интерфейсов - программный подход, а для новых проектов на iOS 13+ - SwiftUI. Каждый из этих методов эффективно решает задачу изменения текста UILabel по нажатию на UIButton, отличаясь лишь уровнем абстракции и гибкостью.