Khi bạn đã tải dấu vết, hãy nhấp vào Xem dấu vết để hình dung dấu vết đã tải lên. Các thẻ cho từng dấu vết xuất hiện trên bảng điều khiển trên cùng của cửa sổ. Nếu tệp được tải lên chứa các dấu vết có liên quan, Winscope sẽ phủ một khung hiển thị nổi của dấu vết bản ghi màn hình hoặc ảnh chụp màn hình lên màn hình:
Hình 1. Xem dấu vết trên Winscope.
Các phần sau đây mô tả các phần tử giao diện người dùng (UI) trên màn hình Xem dấu vết.
Hình chữ nhật
Bảng LAYERS (Lớp) cho các khung hiển thị Winscope, chẳng hạn như WindowManager, SurfaceFlinger và ViewCapture, hiển thị các phần tử hình chữ nhật trong dấu vết, thể hiện trực quan vị trí và thứ tự trục z của các phần tử đó.
Sử dụng các chế độ điều khiển điều hướng trên bảng LỚP để sửa đổi chế độ vẽ cho các lớp hình chữ nhật, cùng với khoảng cách và độ xoay của các lớp đó:
Hình 2. Các chế độ kiểm soát hình chữ nhật.
Định dạng chuyển màu
Để kiểm tra tất cả các phần tử trong hệ phân cấp một cách hiệu quả hơn, hãy nhấp vào nút định dạng hình chữ nhật để chuyển định dạng vẽ hình chữ nhật thành Chuyển màu. Ở định dạng gradient, nút rect format sẽ chuyển sang màu xám nhạt.
Ở chế độ này, Winscope sẽ giảm độ mờ của từng hình chữ nhật dựa trên thứ tự z; các hình chữ nhật có thứ tự z cao hơn sẽ trong mờ hơn. Nhờ đó, bạn có thể xem tất cả các phần tử trong hệ phân cấp mà không phải lo lắng về việc các hình chữ nhật che khuất lẫn nhau:
Hình 3. Độ dốc hình chữ nhật.
Định dạng độ mờ
Để thay đổi định dạng vẽ hình chữ nhật thành độ mờ, hãy nhấp vào nút định dạng hình chữ nhật. Ở định dạng độ mờ, nút định dạng hình chữ nhật sẽ chuyển sang màu xám đậm.
Ở chế độ này, Winscope vẽ từng hình chữ nhật dựa trên độ mờ của hình chữ nhật đó, chẳng hạn như độ mờ của thành phần hiển thị hoặc độ mờ của khung hiển thị:
Hình 4. Độ mờ của hình chữ nhật.
Định dạng khung
Để thay đổi biểu diễn hình chữ nhật thành khung, hãy nhấp vào nút định dạng hình chữ nhật. Cách trình bày này giúp đơn giản hoá việc kiểm tra và phân tích các phần tử riêng lẻ trong hệ phân cấp. Ở định dạng khung, nút định dạng hình chữ nhật sẽ chuyển thành một đường viền không có bóng đổ:
Hình 5. Khung dạng đường viền hình chữ nhật.
Góc xoay
Sử dụng thanh trượt xoay để thay đổi góc nhìn của hình chữ nhật trong khoảng từ 0 đến 45 độ, cho phép bạn phát hiện các trường hợp mà các phần tử bị lệch khỏi màn hình:
Hình 6. Xoay hình chữ nhật.
Giãn cách
Sử dụng thanh trượt khoảng cách để kiểm soát khoảng cách giữa các lớp, tạo chế độ xem phẳng hoặc trải rộng hơn để kiểm tra thứ tự z của các phần tử một cách hiệu quả hơn:
Hình 7. Khoảng cách hình chữ nhật.
Lựa chọn màn hình và cửa sổ
Trong chế độ xem SurfaceFlinger, khi bạn ghi dữ liệu trên các thiết bị có nhiều màn hình, một trình đơn sẽ hiện ra cho biết các màn hình có sẵn, cho phép bạn chỉ chọn những màn hình mà bạn quan tâm.
Trong ViewCapture, khi ghi nhiều cửa sổ hệ thống (chẳng hạn như bóng thông báo, thanh tác vụ và trình chạy), trình đơn sẽ liệt kê các cửa sổ hiện có.
Di chuyển và thu phóng
Bạn có thể điều chỉnh vị trí của các hình chữ nhật theo chiều ngang hoặc chiều dọc bằng cách nhấp vào vùng của hình chữ nhật rồi kéo chuột. Để phóng to, thu nhỏ hoặc đặt lại mức thu phóng, hãy dùng con lăn hoặc các nút thu phóng trên thanh điều khiển.
Hệ phân cấp
Trình xem Winscope thường có một trình xem phân cấp. Trình xem trong Hình 1 mô tả nhiều hệ thống phân cấp dựa trên dấu vết mà bạn đang phân tích. Ví dụ: trình xem có thể hiển thị hệ phân cấp cửa sổ trong WindowManager hoặc hệ phân cấp khung hiển thị trong cửa sổ Giao diện người dùng hệ thống.
Để biết thông tin về các loại hệ phân cấp cụ thể, hãy xem các phần về dấu vết tương ứng.
Phần này mô tả cách sử dụng hệ phân cấp chung, chẳng hạn như các tính năng Show diff (Hiện chênh lệch), Show only visible (Chỉ hiện những thành phần có thể nhìn thấy), Flat (Phẳng) và Search (Tìm kiếm).
Hình 8. Kiểm soát hệ phân cấp.
Hiển thị sự khác biệt
Khi bạn bật tính năng Hiển thị sự khác biệt, Winscope sẽ tự động theo dõi và hiển thị các thay đổi giữa trạng thái hiện tại và trạng thái trước đó. Tính năng Show diff (Hiện chênh lệch) đánh dấu các phần tử bị xoá bằng màu đỏ, các phần tử đã sửa đổi bằng màu xanh dương và các phần tử mới bằng màu xanh lục. Biểu diễn trực quan này giúp bạn nhanh chóng xác định và hiểu rõ sự khác biệt giữa hai trạng thái, giúp bạn dễ dàng theo dõi các thay đổi và xác định các vấn đề tiềm ẩn.
Hình 9. Hiện hệ phân cấp khác biệt.
Tìm kiếm và lọc
Trình xem phân cấp cung cấp tính năng Tìm kiếm sử dụng biểu thức chính quy (regex). Bộ lọc này nhắm đến cả tên và giá trị của phần tử (đối với các thuộc tính). Khi bộ lọc khớp với một phần tử con trong hệ phân cấp, toàn bộ chuỗi các phần tử mẹ cho đến gốc của cây sẽ xuất hiện, như minh hoạ trong hình sau:
Hình 10. Hệ phân cấp tìm kiếm.
Chỉ hiển thị những phần tử có thể nhìn thấy
Sử dụng tính năng Chỉ hiện các phần tử có thể nhìn thấy để lọc ra tất cả các phần tử bị che khuất trong một hệ phân cấp. Theo mặc định, Winscope sẽ hiển thị cả các phần tử có thể nhìn thấy và không nhìn thấy. Winscope vẽ các phần tử có thể nhìn thấy bằng màu đen, còn các phần tử không nhìn thấy sẽ có màu xám.
Trung bình
Nút Phẳng sắp xếp lại cấu trúc phân cấp bằng cách loại bỏ mối quan hệ cha-con giữa các phần tử. Thao tác này sẽ hiển thị tất cả các phần tử ở cùng cấp. Khi kết hợp với lựa chọn Chỉ hiện các phần tử có thể nhìn thấy, hệ thống phân cấp kết quả sẽ chỉ hiện các phần tử có thể nhìn thấy, không bao gồm các phần tử mẹ, như minh hoạ trong hình sau:
Hình 11. Hệ thống phân cấp phẳng.
Thuộc tính
Trong Winscope, nhiều trình xem tích hợp một trình xem thuộc tính. Trình xem này trình bày nhiều danh sách thuộc tính được liên kết với một phần tử được chọn trong khung hiển thị hệ phân cấp. Ví dụ: trình xem có thể cho thấy các thuộc tính của một hoạt động trong WindowManager hoặc các thuộc tính của một khung hiển thị trong Giao diện người dùng hệ thống.
Để biết thông tin về các thuộc tính cụ thể, hãy xem các phần về dấu vết SurfaceFlinger, WindowManager và View Capture.
Phần này mô tả hệ phân cấp chung trong các tính năng Show diff (Hiện chênh lệch), Search (Tìm kiếm) và Show defaults (Hiện giá trị mặc định).
Hiển thị sự khác biệt
Cách sử dụng tính năng Show diff (Hiện chênh lệch) cũng giống như cách sử dụng tính năng Show diff in the hierarchy view (Hiện chênh lệch trong chế độ xem phân cấp).
Tìm kiếm và lọc
Cách sử dụng tính năng Tìm kiếm cũng giống như cách Tìm kiếm trong chế độ xem phân cấp.
Hiện các giá trị mặc định
Theo mặc định, Winscope chỉ hiển thị các giá trị thuộc tính đã sửa đổi, tức là các giá trị không mặc định cho các kiểu dữ liệu tương ứng. Ví dụ: Winscope bỏ qua false
cho giá trị boolean, 0
cho số nguyên, null
cho đối tượng và []
cho mảng.
Việc tinh giản này giúp đơn giản hoá danh sách các tài sản mà người dùng nhìn thấy.
Tuy nhiên, trong một số trường hợp, bạn nên có chế độ xem toàn diện về tất cả thông tin liên quan đến phần tử. Trong những trường hợp như vậy, lựa chọn Hiện các giá trị mặc định sẽ cho thấy tất cả các thuộc tính có sẵn trong Winscope, bao gồm cả những thuộc tính có giá trị trống hoặc giá trị rỗng.
Hình 12. Giá trị mặc định của thuộc tính.
Phím tắt chung
Winscope hỗ trợ các phím tắt sau:
Hình 13. Phím tắt chung.