Android Kotlin Fundamentals 02.2: Thêm khả năng tương tác của người dùng

Lớp học lập trình này nằm trong khóa học về Khái niệm cơ bản về Android Kotlin. Bạn sẽ nhận được nhiều giá trị nhất từ khóa học này nếu bạn làm việc qua các lớp học lập trình theo trình tự. Tất cả các lớp học lập trình trong khóa học đều có trên trang đích của các lớp học lập trình cơ bản về Android Kotlin.

Các lớp học lập trình này thuộc khóa học về Kiến thức cơ bản về Android trên Kotlin. Bạn sẽ nhận được nhiều giá trị nhất từ khóa học này nếu bạn làm việc qua các lớp học lập trình theo trình tự.

Các lớp học lập trình trong loạt bài này là:

• 2.1 Bố cục tuyến tính bằng cách sử dụng Layout Editor
• 2.2 Thêm hoạt động tương tác của người dùng
• 2.3 Ràng buộc bố cục bằng cách sử dụng Layout Editor
• 2.4 Thông tin cơ bản về liên kết dữ liệu

Kiến thức bạn cần có

• Tạo một ứng dụng Android cơ bản trong Kotlin.
• Chạy ứng dụng Android trên trình mô phỏng hoặc thiết bị.
• Tạo bố cục tuyến tính bằng cách sử dụng Layout Editor của Android Studio .
• Tạo một ứng dụng đơn giản sử dụng LinearLayout, TextView, ScrollView và một nút có trình xử lý lượt nhấp.

Kiến thức bạn sẽ học được

• Cách lấy thông tin đầu vào của người dùng bằng chế độ xem EditText.
• Cách đặt văn bản thành chế độ xem TextView bằng cách sử dụng văn bản từ chế độ xem EditText.
• Cách làm việc với View và ViewGroup.
• Cách thay đổi chế độ hiển thị của View.

Bạn sẽ thực hiện

• Thêm chức năng tương tác vào ứng dụng aboutMe qua một lớp học lập trình trước đây.
• Hãy thêm EditText để người dùng có thể nhập văn bản.
• Thêm Button và triển khai trình xử lý lượt nhấp.

Trong lớp học lập trình này, bạn mở rộng ứng dụng aboutMe để thêm hoạt động tương tác của người dùng. Bạn có thể thêm trường biệt hiệu, nút XONG và chế độ xem văn bản để hiển thị biệt hiệu đó. Sau khi người dùng nhập biệt hiệu và nhấn vào nút XONG, chế độ xem văn bản sẽ cập nhật để hiển thị biệt hiệu đã nhập. Người dùng có thể cập nhật biệt hiệu lần nữa bằng cách nhấn vào chế độ xem văn bản.

Trong việc cần làm này, bạn thêm một trường nhập dữ liệu EditText để cho phép người dùng nhập biệt hiệu.

Bước 1: Bắt đầu

1. Nếu bạn chưa có ứng dụng aboutMe từ một lớp học lập trình trước đó, hãy tải mã dành cho người mới bắt đầu xuống, AboutMecó-Starter. Đây cũng là mã mà bạn đã hoàn thành trong một lớp học lập trình trước đó.
2. Mở dự ánGiới thiệu về tương tác-Bắt đầu trong Android Studio.
3. Chạy ứng dụng. Bạn thấy chế độ xem văn bản tên, hình ảnh dấu sao và một đoạn văn bản dài trong chế độ xem di chuyển.
   
   
   
   Hãy lưu ý rằng người dùng không thể thay đổi bất kỳ văn bản nào.

Ứng dụng sẽ thú vị hơn nếu người dùng có thể tương tác với ứng dụng, ví dụ: nếu người dùng có thể nhập văn bản. Để chấp nhận dữ liệu nhập bằng văn bản, Android cung cấp một tiện ích giao diện người dùng (UI) có tên là chỉnh sửa văn bản. Bạn xác định văn bản chỉnh sửa bằng cách sử dụng EditText, lớp con của TextView. Văn bản chỉnh sửa cho phép người dùng nhập và sửa đổi văn bản đã nhập, như minh họa trong ảnh chụp màn hình bên dưới.

Bước 2: Thêm Chỉnh sửa văn bản

1. Trong Android Studio, hãy mở tệp bố cục activity_main.xml trong thẻ Thiết kế.
2. Trong ngăn Bảng màu, hãy nhấp vào Văn bản.
   
   
   
   Chế độ xem văn bản, là một TextView, hiển thị ở đầu danh sách các thành phần văn bản trong ngăn Bảng màu. Dưới Chế độ xem văn bản Ab là nhiều chế độ xem EditText.
   
   Trong ngăn Bảng màu, hãy chú ý cách biểu tượng của TextView hiển thị các chữ cái Ab mà không có dấu gạch dưới. Tuy nhiên, các biểu tượng EditText sẽ hiển thị Ab dấu gạch dưới. Dấu gạch dưới cho biết chế độ xem có thể chỉnh sửa.
   
   Đối với mỗi chế độ xem EditText, Android sẽ đặt các thuộc tính khác nhau và hệ thống sẽ hiển thị phương thức nhập mềm thích hợp (chẳng hạn như bàn phím ảo).
3. Kéo văn bản chỉnh sửa PlainText vào Cây thành phần rồi đặt văn bản đó bên dưới name_text và phía trên star_image.
   
   
   
4. Sử dụng ngăn Thuộc tính để đặt các thuộc tính sau trên chế độ xem EditText.

Thuộc tính	Giá trị
id	nickname_edit
layout_width	match_parent (mặc định)
layout_height	wrap_content (mặc định)

5. Chạy ứng dụng của bạn. Phía trên hình ảnh dấu sao, bạn thấy một văn bản chỉnh sửa có văn bản mặc định "Tên".
   
   
   

Trong nhiệm vụ này, bạn tạo kiểu cho chế độ xem EditText bằng cách thêm gợi ý, thay đổi cách căn chỉnh văn bản, thay đổi kiểu thành NameStyle và đặt loại mục nhập.

Bước 1: Thêm văn bản gợi ý

1. Hãy thêm một tài nguyên chuỗi mới cho gợi ý trong tệp string.xml.

<string name="what_is_your_nickname">What is your Nickname?</string>

Mẹo: Phương pháp hay là hiển thị gợi ý trong mỗi chế độ xem EditText để giúp người dùng tìm ra giá trị nhập vào dự kiến cho các trường có thể chỉnh sửa.

2. Hãy sử dụng ngăn Thuộc tính để đặt các thuộc tính sau thành chế độ xem EditText:

Thuộc tính	Giá trị
style	NameStyle
textAlignment	(giữa)
hint	@string/what_is_your_nickname

3. Trong ngăn Thuộc tính, hãy xóa giá trị Name khỏi thuộc tính text. Giá trị thuộc tính text cần phải trống để có gợi ý.

Bước 2: Đặt thuộc tính InputType

Thuộc tính inputType chỉ định loại giá trị nhập mà người dùng có thể nhập trong chế độ xem EditText. Hệ thống Android hiển thị trường nhập dữ liệu và bàn phím ảo phù hợp, tùy vào loại mục nhập đã đặt.

Để xem tất cả các loại mục nhập có thể có, trong ngăn Thuộc tính, nhấp vào trường inputType hoặc nhấp vào ba dấu chấm ... bên cạnh trường. Một danh sách sẽ mở ra, hiển thị tất cả loại mục nhập mà bạn có thể sử dụng, trong đó loại mục nhập hiện đang hoạt động được chọn. Bạn có thể chọn nhiều loại mục nhập.

Ví dụ: đối với mật khẩu, hãy dùng giá trị textPassword. Trường văn bản ẩn thông tin đầu vào của người dùng.

Đối với số điện thoại, hãy dùng giá trị phone. Bàn phím số được hiển thị và người dùng chỉ có thể nhập số.

Đặt loại mục nhập cho trường biệt hiệu:

1. Đặt thuộc tính inputType thành textPersonName cho văn bản chỉnh sửa nickname_edit.
2. Trong ngăn Cây thành phần, hãy chú ý cảnh báo autoFillHints. Cảnh báo này không áp dụng cho ứng dụng này và nằm ngoài phạm vi của lớp học lập trình này, vì vậy bạn có thể bỏ qua cảnh báo này. (Nếu bạn muốn tìm hiểu thêm về tính năng tự động điền, hãy xem bài viết Tối ưu hóa ứng dụng để tự động điền.)
   
3. Trong ngăn Thuộc tính, hãy xác minh các giá trị cho các thuộc tính sau của chế độ xem EditText:

Thuộc tính	Giá trị
id	nickname_edit
layout_width	match_parent (mặc định)
layout_height	wrap_content (mặc định)
style	@style/NameStyle
inputType	textPersonName
hint	"@string/what_is_your_nickname"
text	(trống)

Button là một thành phần trên giao diện người dùng mà người dùng có thể nhấn để thực hiện một thao tác. Một nút có thể bao gồm văn bản, biểu tượng hoặc cả văn bản và biểu tượng.

Trong nhiệm vụ này, bạn sẽ thêm nút XONG để người dùng nhấn vào sau khi nhập biệt hiệu. Nút này sẽ chuyển đổi chế độ xem EditText sang chế độ xem TextView. Chế độ xem này sẽ hiển thị biệt hiệu. Để cập nhật biệt hiệu, người dùng có thể nhấn vào chế độ xem TextView.

Bước 1: Thêm nút XONG

1. Kéo một nút từ ngăn Bảng màu vào Cây thành phần. Đặt nút bên dưới văn bản chỉnh sửa nickname_edit.
   
   
2. Tạo một tài nguyên chuỗi mới có tên done. Đặt giá trị cho chuỗi là Done,

<string name="done">Done</string>

3. Sử dụng ngăn Thuộc tính để đặt các thuộc tính sau trên chế độ xem Button mới thêm:

Thuộc tính	Giá trị
id	done_button
text	@string/done
layout_gravity	center_horizontal
layout_width	wrap_content

Thuộc tính layout_gravity căn giữa chế độ xem trong bố cục mẹ của thuộc tính LinearLayout.

4. Thay đổi kiểu thành Widget.AppCompat.Button.Colored. Đây là một trong các kiểu được xác định trước mà Android cung cấp. Bạn có thể chọn kiểu từ trình đơn thả xuống hoặc trong cửa sổ Tài nguyên.
   
   
   
   Kiểu này chuyển màu nút sang màu nhấn, colorAccent. Màu nhấn được xác định trong tệp res/values/colors.xml.
   
   
   

Tệp colors.xml chứa màu mặc định cho ứng dụng của bạn. Bạn có thể thêm tài nguyên màu mới hoặc thay đổi tài nguyên màu hiện có trong dự án dựa theo yêu cầu của ứng dụng.

Tệp colors.xml mẫu:

<?xml version="1.0" encoding="utf-8"?>
<resources>
   <color name="colorPrimary">#008577</color>
   <color name="colorPrimaryDark">#00574B</color>
   <color name="colorAccent">#D81B60</color>
</resources>

Bước 2: Tạo kiểu cho nút XONG

1. Trong ngăn Thuộc tính, hãy thêm lề trên bằng cách chọn Layout_Ra và gt; Trên cùng. Đặt lề trên thành layout_margin, được xác định trong tệp dimens.xml.
   
   
   
2. Đặt thuộc tính fontFamily thành roboto từ trình đơn thả xuống.
   
   
   
3. Chuyển sang thẻ Văn bản và xác minh mã XML đã tạo cho nút mới thêm.
   

<Button
   android:id="@+id/done_button"
   style="@style/Widget.AppCompat.Button.Colored"
   android:layout_width="wrap_content"
   android:layout_height="wrap_content"
   android:layout_gravity="center_horizontal"
   android:layout_marginTop="@dimen/layout_margin"
   android:fontFamily="@font/roboto"
   android:text="@string/done" />

Bước 3: Thay đổi tài nguyên màu

Trong bước này, bạn sẽ thay đổi màu nhấn của nút để phù hợp với thanh ứng dụng trong hoạt động của mình.

1. Mở res/values/colors.xml và thay đổi giá trị của colorAccent thành #76bf5e.
   

<color name="colorAccent">#76bf5e</color>

Bạn có thể thấy màu tương ứng với mã HEX, ở lề trái của trình chỉnh sửa tệp.

Hãy chú ý sự thay đổi về màu nút trong trình chỉnh sửa thiết kế.

2. Chạy ứng dụng của bạn. Bạn sẽ thấy nút XONG được tạo kiểu bên dưới văn bản chỉnh sửa.
   
   
   

Sau khi người dùng nhập biệt hiệu và nhấn vào nút XONG, biệt hiệu đó sẽ hiển thị ở chế độ xem TextView. Trong thao tác này, bạn thêm chế độ xem văn bản có nền được tô màu. Chế độ xem văn bản hiển thị biệt hiệu của người dùng phía trên star_image.

Bước 1: Thêm Chế độ xem văn bản cho biệt hiệu

1. Kéo chế độ xem văn bản từ ngăn Bảng màu vào Cây thành phần. Đặt chế độ xem văn bản bên dưới done_button và phía trên star_image.
   
   

2. Sử dụng ngăn Thuộc tính để đặt các thuộc tính sau cho chế độ xem TextView mới:

Thuộc tính	Giá trị
id	nickname_text
style	NameStyle
textAlignment	(giữa)

Bước 2: Thay đổi chế độ hiển thị của Chế độ xem văn bản

Bạn có thể hiện hoặc ẩn các chế độ xem trong ứng dụng của mình bằng thuộc tính visibility. Thuộc tính này sẽ nhận một trong ba giá trị:

• visible: Chế độ xem này sẽ hiển thị.
• Invisible: Ẩn chế độ xem nhưng chế độ xem vẫn chiếm không gian trong bố cục.
• gone: Ẩn chế độ xem và chế độ xem không chiếm bất kỳ không gian nào trong bố cục.

1. Trong ngăn Thuộc tính, hãy đặt visibility của chế độ xem văn bản nickname_text thành gone, vì ban đầu bạn không muốn ứng dụng hiển thị chế độ xem văn bản này.
   
   
   
   Xin lưu ý rằng khi bạn thay đổi thuộc tính trong ngăn Thuộc tính, chế độ xem nickname_text sẽ biến mất khỏi trình chỉnh sửa thiết kế. Chế độ xem bị ẩn trong bản xem trước bố cục.
2. Thay đổi giá trị thuộc tính text của chế độ xem nickname_text thành một chuỗi trống.

Mã XML được tạo cho TextView này sẽ giống như sau:

<TextView
   android:id="@+id/nickname_text"
   style="@style/NameStyle"
   android:layout_width="match_parent"
   android:layout_height="wrap_content"
   android:textAlignment="center"
   android:visibility="gone"
   android:text="" />

Bản xem trước bố cục của bạn sẽ có dạng như sau:

Trình xử lý lượt nhấp trên đối tượng Button (hoặc trên bất kỳ chế độ xem nào) sẽ chỉ định hành động sẽ thực hiện khi người dùng nhấn vào nút (chế độ xem). Hàm xử lý sự kiện lượt nhấp phải được triển khai trong Activity có lưu trữ bố cục bằng nút (chế độ xem).

Trình nghe lượt nhấp có định dạng chung, trong đó chế độ xem được chuyển vào là chế độ xem đã nhận được lượt nhấp hoặc lượt nhấn.

private fun clickHandlerFunction(viewThatIsClicked: View) {
// Add code to perform the button click event
}

Bạn có thể đính kèm hàm danh sách nhấp chuột vào các sự kiện nhấp vào nút theo hai cách:

• Trong bố cục XML, bạn có thể thêm thuộc tính android:onClick vào phần tử <Button>. Ví dụ:

<Button
   android:id="@+id/done_button"
   android:text="@string/done"
   ...
   android:onClick="clickHandlerFunction"/>

HOẶC

• Bạn có thể thực hiện việc này theo phương thức lập trình vào thời gian chạy, trong onCreate() của Activity, bằng cách gọi setOnClickListener. Ví dụ:

myButton.setOnClickListener {
   clickHanderFunction(it)
}

Trong nhiệm vụ này, bạn thêm một trình xử lý lượt nhấp cho done_button theo phương thức lập trình. Bạn thêm trình xử lý lượt nhấp vào hoạt động tương ứng, đó là MainActivity.kt.

Hàm danh sách nhấp chuột của bạn, được gọi là addNickname, sẽ thực hiện những việc sau:

• Lấy văn bản từ văn bản chỉnh sửa nickname_edit.
• Đặt văn bản trong chế độ xem văn bản nickname_text.
• Ẩn văn bản chỉnh sửa và nút.
• Hiển thị biệt hiệu TextView.

Bước 1: Thêm một trình xử lý lượt nhấp

1. Trong Android Studio, trong thư mục java, hãy mở tệp MainActivity.kt.
2. Trong MainActivity.kt, bên trong lớp MainActivity, hãy thêm một hàm có tên là addNickname. Bao gồm một thông số đầu vào có tên là view thuộc loại View. Tham số view là View mà trên đó hàm được gọi. Trong trường hợp này, view sẽ là một bản sao của nút XONG.

private fun addNickname(view: View) {
}

3. Bên trong hàm addNickname, hãy sử dụng findViewById() để tham chiếu đến văn bản chỉnh sửa nickname_edit và chế độ xem văn bản nickname_text.

val editText = findViewById<EditText>(R.id.nickname_edit)
val nicknameTextView = findViewById<TextView>(R.id.nickname_text)

4. Đặt văn bản trong chế độ xem văn bản nicknameTextView thành văn bản mà người dùng đã nhập trong editText, lấy văn bản từ thuộc tính text.

nicknameTextView.text = editText.text

5. Ẩn chế độ xem biệt hiệu EditText bằng cách đặt thuộc tính visibility của editText thành View.GONE.

Trong một việc cần làm trước đó, bạn đã thay đổi thuộc tính visibility bằng Layout Editor. Ở đây bạn làm điều tương tự theo phương thức lập trình.

editText.visibility = View.GONE

6. Ẩn nút XONG bằng cách đặt thuộc tính visibility thành View.GONE. Bạn đã có nút tham chiếu ở dạng tham số đầu vào của hàm là view.

view.visibility = View.GONE

7. Ở cuối hàm addNickname, hãy đặt chế độ xem biệt hiệu TextView bằng cách đặt thuộc tính visibility thành View.VISIBLE.

nicknameTextView.visibility = View.VISIBLE

Bước 2: Đính kèm trình nghe lượt nhấp vào nút XONG

Giờ đây, khi đã có một hàm xác định hành động được thực hiện khi nhấn vào nút XONG, bạn cần đính kèm hàm đó vào chế độ xem Button.

1. Trong MainActivity.kt, ở cuối hàm onCreate(), hãy lấy thông tin tham chiếu đến chế độ xem XONG Button. Dùng hàm findViewById() và gọi setOnClickListener. Chuyển tham chiếu đến hàm danh sách nhấp chuột, addNickname().

findViewById<Button>(R.id.done_button).setOnClickListener {
            addNickname(it)
        }

Trong mã trên, it đề cập đến done_button, là chế độ xem được chuyển làm đối số.

2. Chạy ứng dụng của bạn, nhập biệt hiệu rồi nhấn vào nút XONG. Hãy chú ý cách văn bản chỉnh sửa và nút được thay thế bằng chế độ xem văn bản biệt hiệu.

Xin lưu ý rằng ngay cả sau khi người dùng nhấn vào nút XONG, bàn phím vẫn hiển thị. Hành vi này là mặc định.

Bước 3: Ẩn bàn phím

Trong bước này, bạn thêm mã để ẩn bàn phím sau khi người dùng nhấn vào nút XONG.

1. Trong MainActivity.kt, ở cuối hàm addNickname(), hãy thêm mã sau. Nếu bạn muốn biết thêm thông tin về cách hoạt động của mã này, hãy xem tài liệu hideSoftInputFromWindow.

// Hide the keyboard.
val inputMethodManager = getSystemService(Context.INPUT_METHOD_SERVICE) as InputMethodManager
inputMethodManager.hideSoftInputFromWindow(view.windowToken, 0)

2. Chạy lại ứng dụng. Xin lưu ý rằng sau khi bạn nhấn vào XONG,bàn phím sẽ bị ẩn.

Người dùng không thể thay đổi biệt hiệu sau khi nhấn vào nút XONG. Trong nhiệm vụ tiếp theo, bạn tạo ứng dụng giàu tính tương tác hơn và thêm chức năng để người dùng có thể cập nhật biệt hiệu.

Trong nhiệm vụ này, bạn thêm một trình xử lý lượt nhấp vào chế độ xem văn bản biệt hiệu. Trình nghe lượt nhấp sẽ ẩn chế độ xem văn bản biệt hiệu, hiển thị văn bản chỉnh sửa và hiển thị nút XONG.

Bước 1: Thêm một trình xử lý lượt nhấp

1. Trong MainActivity, hãy thêm một hàm danh sách lượt nhấp có tên là updateNickname(view: View) cho chế độ xem văn bản biệt hiệu.

private fun updateNickname (view: View) {
}

2. Bên trong hàm updateNickname, hãy lấy thông tin tham chiếu đến văn bản chỉnh sửa nickname_edit và lấy thông tin tham chiếu đến nút XONG. Để làm điều này, hãy sử dụng phương thức findViewById().

val editText = findViewById<EditText>(R.id.nickname_edit)
val doneButton = findViewById<Button>(R.id.done_button)

3. Ở cuối hàm updateNickname, hãy thêm mã để hiển thị văn bản chỉnh sửa, hiển thị nút XONG và ẩn chế độ xem văn bản.

editText.visibility = View.VISIBLE
doneButton.visibility = View.VISIBLE
view.visibility = View.GONE

4. Trong MainActivity.kt, ở cuối hàm onCreate(), hãy gọi setOnClickListener trên chế độ xem văn bản nickname_text. Chuyển tham chiếu đến hàm danh sách nhấp chuột, là updateNickname().

findViewById<TextView>(R.id.nickname_text).setOnClickListener {
   updateNickname(it)
}

5. Chạy ứng dụng của bạn. Nhập biệt hiệu, nhấn vào nút XONG rồi nhấn vào chế độ xem biệt hiệu TextView. Chế độ xem biệt hiệu sẽ biến mất, văn bản chỉnh sửa và nút XONG sẽ hiện ra.
   
   
   

Xin lưu ý rằng theo mặc định, chế độ xem EditText không được đặt tiêu điểm và bàn phím không hiển thị. Người dùng khó xác định rằng chế độ xem văn bản biệt hiệu có thể nhấp vào. Trong việc cần làm tiếp theo, bạn thêm tiêu điểm và một kiểu vào chế độ xem văn bản biệt hiệu.

Bước 2: Đặt tiêu điểm thành chế độ xem Chỉnh sửa văn bản và hiện bàn phím

1. Ở cuối hàm updateNickname, hãy đặt tiêu điểm thành chế độ xem EditText. Sử dụng phương thức requestFocus().

// Set the focus to the edit text.
editText.requestFocus()

2. Ở cuối hàm updateNickname, hãy thêm mã để hiển thị bàn phím.

// Show the keyboard.
val imm = getSystemService(Context.INPUT_METHOD_SERVICE) as InputMethodManager
imm.showSoftInput(editText, 0)

Bước 3: Thêm màu nền vào chế độ xem TextView của biệt hiệu

1. Đặt màu nền của chế độ xem văn bản nickname_text thành @color/colorAccent và thêm khoảng đệm dưới cùng là @dimen/small_padding. Những thay đổi này sẽ phân phát gợi ý cho người dùng rằng chế độ xem văn bản biệt hiệu có thể nhấp vào được.

android:background="@color/colorAccent"
android:paddingBottom="@dimen/small_padding"

2. Chạy ứng dụng cuối cùng của bạn. Văn bản chỉnh sửa có tiêu điểm, biệt hiệu hiển thị trong văn bản chỉnh sửa và chế độ xem văn bản biệt hiệu được tạo kiểu.

Bây giờ, hãy giới thiệu ứng dụng aboutMe tương tác với bạn bè!

Dự án Android Studio: Giới thiệu về tương tác

• Công cụ Layout Editor trong Android Studio là trình chỉnh sửa thiết kế trực quan. Bạn có thể dùng Layout Editor để xây dựng bố cục của ứng dụng bằng cách kéo các thành phần trên giao diện người dùng vào bố cục của mình.
• EditText là một thành phần trên giao diện người dùng cho phép người dùng nhập và sửa đổi văn bản.
• Button là một thành phần trên giao diện người dùng mà người dùng có thể nhấn để thực hiện một thao tác. Một nút có thể bao gồm văn bản, biểu tượng hoặc cả văn bản và biểu tượng.

Trình xử lý lượt nhấp

• Bạn có thể khiến bất kỳ View nào phản hồi bằng cách nhấn vào nút đó bằng cách thêm trình nghe lượt nhấp vào đó.
• Hàm xác định trình xử lý lượt nhấp sẽ nhận View được nhấp.

Bạn có thể đính kèm hàm danh sách nhấp chuột vào View theo một trong hai cách:

• Trong bố cục XML, hãy thêm thuộc tính android:onClick vào phần tử <View>.
• Theo phương thức lập trình, hãy sử dụng hàm setOnClickListener(View.OnClickListener) trong Activity tương ứng.

Khóa học từ Udacity:

• Phát triển ứng dụng Android bằng Kotlin

Tài liệu dành cho nhà phát triển Android:

• Tạo giao diện người dùng bằng Layout Editor
• Button
• EditText
• Loại mục nhập
• Nhập bằng bàn phím
• Kiểu và giao diện

Phần này liệt kê các bài tập về nhà có thể được giao cho học viên đang làm việc qua lớp học lập trình này trong khóa học do người hướng dẫn tổ chức. Người hướng dẫn có thể làm những việc sau:

• Giao bài tập về nhà nếu được yêu cầu.
• Trao đổi với học viên cách nộp bài tập về nhà.
• Chấm điểm bài tập về nhà.

Người hướng dẫn có thể sử dụng những đề xuất này ít hay nhiều tùy ý. Do đó, họ có thể thoải mái giao bất kỳ bài tập về nhà nào khác mà họ cảm thấy phù hợp.

Nếu bạn đang tự mình làm việc qua lớp học lập trình này, hãy thoải mái sử dụng các bài tập về nhà này để kiểm tra kiến thức của bạn.

Trả lời những câu hỏi này

Câu hỏi 1

EditText là lớp con của lớp nào?

• View
• LinearLayout
• TextView
• Button

Câu hỏi 2

Giá trị thuộc tính visibility nào sau đây (nếu được đặt trên một chế độ xem) sẽ khiến chế độ xem đó bị ẩn và không chiếm bất kỳ không gian nào trong bố cục?

• visible
• Invisible
• gone
• hide

Câu hỏi 3

Đối với chế độ xem EditText, bạn không nên đưa ra gợi ý vì luồng gợi ý cho trường nhập dữ liệu đang bị nhầm lẫn. Đúng hay sai?

• Đúng
• Sai

Câu hỏi 4

Câu nào sau đây đúng về chế độ xem Button?

• Chế độ xem Button là nhóm chế độ xem.
• Mỗi màn hình, bạn chỉ có thể dùng 3 chế độ xem Button.
• Chế độ xem Button ở dạng có thể nhấp. Trên lượt nhấp, trình nghe lượt nhấp đính kèm sẽ thực hiện hành động.
• Button là phần mở rộng của ImageView.

Bắt đầu bài học tiếp theo: 2.3: Giới hạn bố cục bằng cách sử dụng Layout Editor

Để biết đường liên kết đến các lớp học lập trình khác trong khóa học này, hãy xem trang đích của các lớp học lập trình cơ bản về Android Kotlin.