Tương tác – Linh hồn của ứng dụng di động
Ở bài trước, chúng ta đã thấy dòng chữ "Hello World" hiện ra ngay khi mở app. Tuy nhiên, một ứng dụng thực tế cần phản hồi lại người dùng. Trong bài này, chúng ta sẽ tạo một kịch bản: Màn hình ban đầu trống trải, và chỉ khi người dùng nhấn vào một chiếc nút, lời chào mới xuất hiện.
Bước 1: Thiết kế giao diện (Layout)
Mở file activity_main.xml và thêm hai thành phần chính:
- TextView: Nơi hiển thị lời chào. Đặt ID là
tvMessagevà xóa nội dung text mặc định. - Button: Nút bấm kích hoạt sự kiện. Đặt ID là
btnShowvà đặt tên hiển thị là "Click Me!".
Bước 2: Kết nối UI vào Code Kotlin
Quay trở lại file MainActivity.kt. Để "ra lệnh" cho các thành phần trên màn hình, code Kotlin cần phải tìm thấy chúng thông qua ID đã đặt bằng hàm findViewById.
Bước 3: Viết logic xử lý sự kiện
Trái tim của bài toán nằm ở hàm setOnClickListener. Đây là một "bộ lắng nghe" (Listener) đợi người dùng chạm tay vào nút bấm để thực thi logic.
val myButton: Button = findViewById(R.id.btnShow)
val myTextView: TextView = findViewById(R.id.tvMessage)
myButton.setOnClickListener {
myTextView.text = "Hello World! Chào mừng bạn đến với Kotlin."
myTextView.setTextColor(Color.BLUE)
}Giải mã dòng code
- val: Khai báo biến hằng (giá trị không đổi).
- setOnClickListener { ... }: Một Lambda Expression trong Kotlin giúp viết logic sự kiện cực kỳ gọn gàng thay vì viết dài dòng như Java.
Bước 4: Chạy thử và cảm nhận
Khi nhấn nút "Run", màn hình sẽ hiện một nút bấm. Chạm vào nó, dòng chữ "Hello World!" màu xanh sẽ hiện ra. Đây là những viên gạch đầu tiên để xây dựng các tính năng phức tạp hơn.
Kết luận
Việc xử lý sự kiện (Event Handling) là kỹ năng quan trọng nhất trong lập trình App. Hẹn gặp bạn ở Bài 3. Tham khảo: Android Buttons Guide
