Cách tùy chỉnh nút bấm (Button) iOS: thiết lập văn bản và màu sắc

Giới thiệu

Bài viết này trình bày hai cách tùy chỉnh giao diện nút bấm (UIButton) trên iOS: qua Storyboard và bằng mã lập trình (Swift).

Cách 1: Sử dụng Storyboard (Interface Builder)

Bước 1: Tạo dự án

Xcode → New Project → Single View Application → Tên "CustomiseButton".

Bước 2: Thêm Button vào Storyboard

Bước 3: Tùy chỉnh trong Attributes Inspector

• Chọn Button trên Storyboard.
• Mở Attributes Inspector (bên phải).
• Thay đổi: Title (văn bản), Text Color (màu chữ), Background (màu nền), Font, v.v.

Kết quả

Cách 2: Tùy chỉnh bằng mã lập trình (Programmatically)

Bước 1: Tạo @IBOutlet

Kéo kết nối Button vào code, đặt tên customButton.

Bước 2: Cấu hình trong viewDidLoad

override func viewDidLoad() {
    super.viewDidLoad()
    customButton.setTitle("My Custom Button", for: .normal)
    customButton.backgroundColor = UIColor.green
    customButton.setTitleColor(UIColor.white, for: .normal)
    customButton.layer.cornerRadius = 8
    customButton.titleLabel?.font = UIFont.boldSystemFont(ofSize: 18)
}

Kết quả

So sánh hai cách

Mẹo nâng cao

• Sử dụng setTitle(_:for:) cho các trạng thái: .normal, .highlighted, .disabled, .selected.
• Tạo extension cho UIButton để áp dụng style chung cho toàn app.
• Cân nhắc dùng UIButton.Configuration (iOS 15+) để cấu hình hiện đại hơn.