Là nhà phát triển thiết bị di động, bạn thường phát triển giao diện người dùng của ứng dụng theo từng bước thay vì phát triển mọi thứ cùng một lúc. Android Studio áp dụng phương pháp này với Jetpack Compose bằng cách cung cấp các công cụ không yêu cầu bản dựng đầy đủ để kiểm tra, sửa đổi các giá trị và xác minh kết quả cuối cùng.
Chỉnh sửa trực tiếp
Chỉnh sửa trực tiếp là một tính năng cho phép bạn cập nhật các thành phần kết hợp trong trình mô phỏng và thiết bị thực theo thời gian thực. Chức năng này giảm thiểu việc chuyển đổi ngữ cảnh giữa việc viết và tạo ứng dụng, nhờ đó, bạn có thể tập trung nhiều hơn vào việc viết mã mà không bị gián đoạn.
Tính năng Chỉnh sửa trực tiếp có 3 chế độ:
- Thủ công: Thay đổi mã được áp dụng khi chúng được đẩy theo cách thủ công bằng Ctrl+' (Command+' đối với macOS)
- Thủ công khi lưu: Nội dung thay đổi đối với mã được áp dụng khi bạn lưu thủ công nội dung thay đổi bằng Ctrl+S (Command+S đối với macOS).
- Tự động: Các thay đổi sẽ được áp dụng trong thiết bị hoặc trình mô phỏng khi bạn cập nhật một hàm có khả năng kết hợp.
Chế độ Chỉnh sửa trực tiếp tập trung vào những thay đổi về mã liên quan đến giao diện người dùng và trải nghiệm người dùng. Tính năng này không hỗ trợ các thay đổi như cập nhật chữ ký của phương thức, thêm phương thức mới hoặc các thay đổi đối với hệ phân cấp của lớp. Để biết thêm thông tin, hãy xem danh sách Các giới hạn của tính năng Chỉnh sửa trực tiếp.
Tính năng này không thay thế cho hoạt động tạo và chạy ứng dụng hoặc cho tính năng Áp dụng các thay đổi. Thay vào đó, tính năng này được thiết kế để tối ưu hoá quy trình làm việc khi bạn tạo, triển khai và làm đi làm lại nhằm phát triển giao diện người dùng trong Compose.
Quy trình thực hành các phương pháp hay nhất như sau:
- Thiết lập để ứng dụng của bạn có thể chạy.
- Chỉnh sửa trực tiếp nhiều nhất có thể, cho đến khi bạn cần thực hiện thay đổi mà tính năng Chỉnh sửa trực tiếp không hỗ trợ, chẳng hạn như thêm phương thức mới trong khi ứng dụng đang chạy.
- Sau khi bạn thực hiện một thay đổi không được hỗ trợ, hãy nhấp vào biểu tượng Chạy
để khởi động lại ứng dụng của bạn và tiếp tục Chỉnh sửa trực tiếp.
Làm quen với tính năng Chỉnh sửa trực tiếp
Để bắt đầu, hãy làm theo các bước sau để tạo một Hoạt động Compose trống, bật Tính năng Chỉnh sửa trực tiếp cho dự án của bạn và thực hiện các thay đổi bằng tính năng Chỉnh sửa trực tiếp.
Thiết lập dự án mới
Trước khi bắt đầu, hãy đảm bảo bạn đã cài đặt Android Studio Giraffe trở lên và cấp độ API của thiết bị thiết bị hoặc trình mô phỏng ít nhất là 30.
Mở Android Studio rồi chọn New Project (Dự án mới) trong hộp thoại Welcome to Android Studio (Chào mừng bạn đến với Android Studio). Nếu đã mở một dự án, bạn có thể tạo một dự án mới bằng cách chuyển đến Tệp > Mới > Dự án mới.
Chọn mẫu Empty Compose Activity cho Điện thoại và máy tính bảng, rồi nhấp vào Tiếp theo.
Hình 1. Bạn có thể lựa chọn trong số các mẫu. Đối với tính năng Chỉnh sửa trực tiếp, chọn Empty Compose Activity (Hoạt động Compose trống). Điền các thông tin bắt buộc: tên, tên gói, vị trí lưu, SDK tối thiểu và ngôn ngữ cấu hình bản dựng vào hộp thoại New Project (Dự án mới).
Hình 2. Ví dụ về các chế độ cài đặt dự án. Nhấp vào Hoàn tất.
Bật tính năng Chỉnh sửa trực tiếp
Chuyển đến phần cài đặt để bật tính năng Chỉnh sửa trực tiếp.
- Trên Windows hoặc Linux, hãy chuyển đến File > Settings > Editor > Live Edit (Tệp > Cài đặt > Trình chỉnh sửa > Chỉnh sửa trực tiếp).
- Trên macOS, hãy chuyển đến Android Studio > Settings > Editor > Live Edit (Android Studio > Cài đặt > Trình chỉnh sửa > Chỉnh sửa trực tiếp).
Chọn tuỳ chọn Live Edit (Chỉnh sửa trực tiếp) và chế độ bạn muốn chạy trong phần cài đặt.
Ở chế độ thủ công, các thay đổi về mã sẽ được đẩy mỗi khi bạn nhấn Ctrl+' (Command+' đối với macOS). Ở chế độ thủ công đang bật những thay đổi này sẽ được áp dụng mỗi khi bạn lưu theo cách thủ công sử dụng Control+S (Command+S trên macOS). Ở chế độ tự động, các thay đổi đối với mã sẽ được áp dụng trong thiết bị của bạn hoặc khi bạn thực hiện các thay đổi.
Hình 3. Chế độ cài đặt của tính năng Chỉnh sửa trực tiếp. Trong trình chỉnh sửa, hãy mở tệp
MainActivity
. Đây là điểm truy cập cho ứng dụng của bạn.Nhấp vào biểu tượng Chạy
để triển khai ứng dụng.
Sau khi bạn bật tính năng Chỉnh sửa trực tiếp, dấu kiểm Cập nhật màu xanh lục sẽ xuất hiện trong ở trên cùng bên phải cửa sổ công cụ Running Devices (Thiết bị đang chạy):
Thực hiện và xem lại các thay đổi
Khi bạn thực hiện các thay đổi được hỗ trợ trong trình chỉnh sửa, thiết bị thử nghiệm thực hoặc ảo cập nhật tự động.
Ví dụ: chỉnh sửa phương thức Greeting
hiện có trong MainActivity
thành
sau:
@Composable fun Greeting(name: String) { Text( text = "Hello $name!", Modifier .padding(80.dp) // Outer padding; outside background .background(color = Color.Cyan) // Solid element background color .padding(16.dp) // Inner padding; inside background, around text) ) }
Các thay đổi của bạn sẽ xuất hiện ngay lập tức trên thiết bị kiểm thử, như minh hoạ trong hình 4.
![Các thay đổi đối với phương thức Greeting được áp dụng trên thiết bị](https://developer.android.google.cn/static/studio/images/run/device-le-example.png?authuser=6&hl=vi)
Greeting
.Khắc phục sự cố xảy ra với tính năng Chỉnh sửa trực tiếp
Nếu bạn không thấy nội dung chỉnh sửa của mình trên thiết bị kiểm thử, có thể Android Studio không xử lý được để cập nhật nội dung chỉnh sửa của bạn. Kiểm tra xem chỉ báo của tính năng Chỉnh sửa trực tiếp có hiển thị thông báo Hết hạn như trong hình 5, cho biết lỗi biên dịch. Để biết thông tin về lỗi và các cách khắc phục được đề xuất, hãy nhấp vào chỉ báo.
![Biểu tượng cho biết tính năng Chỉnh sửa trực tiếp đã lỗi thời](https://developer.android.google.cn/static/studio/images/run/live-edit-out-of-date.png?authuser=6&hl=vi)
Các giới hạn của tính năng Chỉnh sửa trực tiếp
Dưới đây là danh sách các giới hạn hiện có.
[Chỉ áp dụng cho Android Studio Giraffe trở lên] Tính năng Chỉnh sửa trực tiếp yêu cầu Thời gian chạy Compose 1.3.0 trở lên. Nếu dự án của bạn sử dụng phiên bản Compose thấp hơn, thì tính năng Chỉnh sửa trực tiếp tắt.
[Chỉ áp dụng cho Android Studio Giraffe trở lên] Tính năng Chỉnh sửa trực tiếp yêu cầu AGP 8.1.0-alpha05 hoặc cao hơn. Nếu dự án của bạn sử dụng phiên bản thấp hơn của AGP, tính năng Chỉnh sửa trực tiếp đã bị tắt.
Tính năng Chỉnh sửa trực tiếp yêu cầu một thiết bị hoặc trình mô phỏng thực đang chạy cấp độ API 30 trở lên.
Tính năng Chỉnh sửa trực tiếp chỉ hỗ trợ chỉnh sửa nội dung hàm, nghĩa là bạn không thể thay đổi tên hàm hoặc chữ ký, thêm hoặc xóa hàm hoặc thay đổi các trường không phải hàm.
Tính năng Chỉnh sửa trực tiếp sẽ đặt lại trạng thái của ứng dụng vào lần đầu tiên bạn thay đổi hàm Compose trong một tệp. Điều này chỉ xảy ra sau lần thay đổi mã đầu tiên — trạng thái ứng dụng đặt lại bằng những thay đổi mã tiếp theo mà bạn thực hiện đối với các hàm Compose trong tệp đó.
Có thể các lớp của tính năng Chỉnh sửa trực tiếp được sửa đổi phải chịu một số hao tổn về hiệu suất. Chạy ứng dụng của bạn và sử dụng một bản phát hành sạch nếu bạn đang đánh giá hiệu suất.
Bạn phải chạy đầy đủ để trình gỡ lỗi hoạt động trên các lớp mà bạn đã sửa đổi bằng tính năng Chỉnh sửa trực tiếp.
Ứng dụng đang chạy có thể gặp sự cố khi bạn chỉnh sửa bằng tính năng Chỉnh sửa trực tiếp. Nếu điều này xảy ra, bạn có thể triển khai lại ứng dụng bằng nút Run (Chạy)
.
Tính năng Chỉnh sửa trực tiếp không thực hiện thao tác đối với mã byte được xác định trong tệp bản dựng của dự án (ví dụ: thao tác mã byte sẽ là được áp dụng khi tạo dự án bằng các tuỳ chọn trong trình đơn Build (Tạo) hoặc bằng cách nhấp vào nút Build (Tạo) hoặc Run (Chạy).
Các hàm không có khả năng kết hợp được cập nhật trực tiếp trên thiết bị hoặc trình mô phỏng và quá trình kết hợp lại được kích hoạt. Quá trình kết hợp lại có thể sẽ không gọi hàm được cập nhật. Đối với các hàm không có khả năng kết hợp, bạn phải kích hoạt các hàm mới cập nhật hoặc chạy lại ứng dụng.
Tính năng Chỉnh sửa trực tiếp sẽ không tiếp tục quá trình khởi động lại ứng dụng. Bạn phải chạy lại ứng dụng.
Tính năng Chỉnh sửa trực tiếp chỉ hỗ trợ các quy trình có thể gỡ lỗi.
Tính năng Chỉnh sửa trực tiếp không hỗ trợ các dự án sử dụng giá trị tuỳ chỉnh cho
moduleName
trongkotlinOptions
ở cấu hình bản dựng.Không dùng được tính năng Chỉnh sửa trực tiếp trong quá trình triển khai nhiều triển khai. Điều này có nghĩa là bạn không triển khai được cho một thiết bị và sau đó đến một thiết bị khác. Tính năng Chỉnh sửa trực tiếp chỉ hoạt động trên nhóm thiết bị cuối cùng mà ứng dụng được triển khai.
Tính năng Chỉnh sửa trực tiếp hoạt động với các quy trình triển khai trên nhiều thiết bị (triển khai trên nhiều thiết bị các thiết bị được tạo thông qua tính năng Chọn nhiều thiết bị trong mục tiêu thiết bị thả xuống). Tuy nhiên, tính năng này không được hỗ trợ chính thức và có thể có vấn đề. Nếu bạn gặp vấn đề, vui lòng báo cáo chúng.
Tính năng Áp dụng thay đổi/Áp dụng thay đổi mã không tương thích với tính năng Chỉnh sửa trực tiếp và yêu cầu khởi động lại ứng dụng đang chạy.
Tính năng Chỉnh sửa trực tiếp hiện không hỗ trợ các dự án Android Automotive.
Câu hỏi thường gặp về tính năng Chỉnh sửa trực tiếp
Trạng thái hiện tại của tính năng Chỉnh sửa trực tiếp là gì?
Tính năng Chỉnh sửa trực tiếp có trong Android Studio Giraffe. Cách bật tính năng này: chuyển đến Tệp > Cài đặt > Người chỉnh sửa > Chỉnh sửa trực tiếp (Android Studio > Cài đặt > Người chỉnh sửa > Live Edit (Chỉnh sửa trực tiếp) trên macOS).
Khi nào nên sử dụng tính năng Chỉnh sửa trực tiếp?
Sử dụng tính năng Chỉnh sửa trực tiếp khi bạn muốn nhanh chóng thấy được hiệu quả của nội dung cập nhật đối với trải nghiệm người dùng các phần tử (chẳng hạn như bản cập nhật đối tượng sửa đổi và ảnh động) trên ứng dụng tổng thể của bạn.
Khi nào tôi nên tránh sử dụng tính năng Chỉnh sửa trực tiếp?
Chế độ Chỉnh sửa trực tiếp tập trung vào những thay đổi về mã liên quan đến giao diện người dùng và trải nghiệm người dùng. Không hỗ trợ các thay đổi như cập nhật chữ ký của phương thức, thêm phương thức mới hoặc lớp thay đổi của hệ thống phân cấp. Để biết thêm thông tin, hãy xem bài viết Các giới hạn của tính năng Phát trực tiếp Chỉnh sửa.
Khi nào tôi nên sử dụng tính năng Xem trước trong Compose?
Sử dụng tính năng Xem trước trong Compose khi bạn đang phát triển các thành phần kết hợp riêng lẻ. Xem trước trực quan hoá các thành phần Compose và tự động làm mới để hiển thị tác động của việc thay đổi mã. Bản xem trước cũng hỗ trợ xem các thành phần trên giao diện người dùng trong nhiều cấu hình và trạng thái, chẳng hạn như giao diện tối, ngôn ngữ và phông chữ quy mô.
Chỉnh sửa trực tiếp giá trị cố định (không dùng nữa)
Android Studio có thể cập nhật theo thời gian thực một số giá trị cố định là hằng số được dùng trong các thành phần kết hợp trong bản xem trước, trình mô phỏng và thiết bị thực. Sau đây là một số loại được hỗ trợ:
Int
String
Color
Dp
Boolean
Bạn có thể xem các giá trị cố định liên tục kích hoạt cập nhật theo thời gian thực mà không cần bằng cách bật trang trí giá trị cố định thông qua tính năng Chỉnh sửa trực tiếp giá trị cố định chỉ báo giao diện người dùng:
Áp dụng thay đổi
Tính năng Áp dụng các thay đổi cho phép bạn cập nhật mã và tài nguyên mà không phải triển khai lại ứng dụng trên trình mô phỏng hoặc thiết bị thực (một số người dùng giới hạn).
Bất cứ khi nào thêm, sửa đổi hoặc xoá thành phần kết hợp, bạn có thể cập nhật ứng dụng của mình mà không cần phải triển khai lại bằng cách nhấp vào nút Apply Code Changes (Áp dụng thay đổi mã):
Đề xuất cho bạn
- Lưu ý: văn bản có đường liên kết sẽ hiện khi JavaScript tắt
- Tuỳ chỉnh ảnh động {:#customize-animations}
- Ảnh động dựa trên giá trị
- Thêm thông số