วิเคราะห์การติดตาม

เมื่อโหลดร่องรอยแล้ว ให้คลิกดูร่องรอยเพื่อแสดงร่องรอยที่อัปโหลดเป็นภาพ แท็บสําหรับการติดตามแต่ละรายการจะปรากฏในแผงด้านบนของหน้าต่าง หากไฟล์ที่อัปโหลดมีการติดตามที่เกี่ยวข้อง มุมมองที่ลอยอยู่ของการติดตามหรือการบันทึกหน้าจอหรือภาพหน้าจอจะวางซ้อนบนหน้าจอ

รูปที่ 1 ดูร่องรอยใน Winscope

ส่วนต่อไปนี้อธิบายองค์ประกอบ UI ในหน้าจอดูร่องรอย

สี่เหลี่ยมผืนผ้า

แผงเลเยอร์สำหรับมุมมอง Winscope เช่น WindowManager, SurfaceFlinger และ ViewCapture มีองค์ประกอบสี่เหลี่ยมผืนผ้าจากการติดตามที่แสดงตำแหน่งและลําดับบนแกน z

คุณแก้ไขโหมดที่วาดเลเยอร์สี่เหลี่ยมผืนผ้า รวมถึงระยะห่างและการหมุนเลเยอร์ได้ผ่านตัวควบคุมการนําทางในแผงเลเยอร์ ดังนี้

รูปที่ 2 การควบคุมสี่เหลี่ยมผืนผ้า

รูปแบบการไล่ระดับสี

หากต้องการตรวจสอบองค์ประกอบทั้งหมดในลําดับชั้นอย่างมีประสิทธิภาพมากขึ้น ให้ใช้ปุ่มรูปแบบสี่เหลี่ยมผืนผ้าเพื่อเปลี่ยนรูปแบบการวาดสี่เหลี่ยมผืนผ้าเป็นไล่ระดับ ในรูปแบบไล่ระดับ ปุ่มรูปแบบสี่เหลี่ยมจะเปลี่ยนเป็นสีเทาอ่อน

ในโหมดนี้ ระบบจะลดความทึบของสี่เหลี่ยมผืนผ้าแต่ละรูปตามลําดับ z โดยสี่เหลี่ยมผืนผ้าที่มีลําดับ z สูงกว่าจะโปร่งแสงมากขึ้น ซึ่งจะช่วยให้คุณเห็นองค์ประกอบทั้งหมดในลําดับชั้นได้โดยไม่ต้องกังวลว่าสี่เหลี่ยมผืนผ้าจะบดบังกัน

รูปที่ 3 การไล่ระดับสีสี่เหลี่ยมผืนผ้า

รูปแบบความทึบ

หากต้องการเปลี่ยนรูปแบบการวาดสี่เหลี่ยมผืนผ้าเป็นความทึบ ให้คลิกปุ่มรูปแบบสี่เหลี่ยมผืนผ้า ในรูปแบบความทึบ ปุ่มรูปแบบสี่เหลี่ยมจะเปลี่ยนเป็นสีเทาเข้ม

ในโหมดนี้ ระบบจะวาดสี่เหลี่ยมผืนผ้าแต่ละรูปตามระดับความทึบแสง เช่น ความทึบแสงของพื้นผิวหรือมุมมอง ดังนี้

รูปที่ 4 ความทึบแสงของสี่เหลี่ยมผืนผ้า

รูปแบบโครงร่าง

หากต้องการเปลี่ยนการแสดงภาพสี่เหลี่ยมผืนผ้าเป็นโครงร่าง ให้คลิกปุ่มรูปแบบสี่เหลี่ยมผืนผ้า การนําเสนอนี้ทําให้ตรวจสอบและวิเคราะห์องค์ประกอบแต่ละรายการภายในลําดับชั้นได้ง่ายขึ้น ในรูปแบบโครงร่าง_ ปุ่มรูปแบบสี่เหลี่ยมจะเปลี่ยนเป็นเส้นขอบที่ไม่มีแรเงา

รูปที่ 5 โครงร่างสี่เหลี่ยมผืนผ้า

การหมุน

ใช้แถบเลื่อนการหมุนเพื่อเปลี่ยนมุมมองของสี่เหลี่ยมผืนผ้าระหว่าง 0 ถึง 45 องศา ซึ่งจะช่วยให้คุณเห็นสถานการณ์ที่องค์ประกอบตัดออกนอกหน้าจอ

รูปที่ 6 การหมุนสี่เหลี่ยมผืนผ้า

ระยะห่าง

ใช้แถบเลื่อนระยะห่างเพื่อควบคุมระยะห่างระหว่างเลเยอร์ ซึ่งจะสร้างมุมมองที่แผ่กระจายหรือแบนราบมากขึ้นเพื่อให้ตรวจสอบการจัดเรียงองค์ประกอบในแนว Z ได้ดียิ่งขึ้น

รูปที่ 7 หันหน้าเป็นสี่เหลี่ยมผืนผ้า

การเลือกการแสดงผลและหน้าต่าง

ในมุมมอง SurfaceFlinger เมื่อบันทึกข้อมูลในอุปกรณ์ที่มีจอแสดงผลหลายจอ เมนูจะแสดงจอแสดงผลที่ใช้ได้เพื่อให้คุณเลือกเฉพาะจอแสดงผลที่ต้องการได้

ใน ViewCapture เมื่อบันทึกหน้าต่างระบบหลายรายการ เช่น หน้าต่างแจ้งเตือน แถบงาน และตัวเปิดใช้งาน เมนูจะแสดงรายการหน้าต่างที่ใช้ได้

เลื่อนและซูม

คุณปรับตำแหน่งของสี่เหลี่ยมผืนผ้าในแนวนอนหรือแนวตั้งได้โดยการคลิกพื้นที่ของสี่เหลี่ยมผืนผ้าแล้วลากเมาส์ หากต้องการซูมเข้า ซูมออก หรือรีเซ็ตระดับการซูม ให้ใช้ปุ่มลูกกลิ้งหรือปุ่มซูมในแถบควบคุม

ลำดับชั้น

ผู้ดู Winscope มักจะใช้เครื่องมือดูลําดับชั้น เครื่องมือดูภาพในรูปที่ 1 แสดงลําดับชั้นต่างๆ ตามการติดตามที่วิเคราะห์ เช่น โปรแกรมดูสามารถแสดงลําดับชั้นของหน้าต่างภายใน WindowManager หรือลําดับชั้นของมุมมองภายในหน้าต่าง UI ของระบบ

ดูข้อมูลเกี่ยวกับลําดับชั้นบางประเภทได้ที่ส่วนการติดตามที่เกี่ยวข้อง

ส่วนนี้อธิบายการใช้งานลําดับชั้นทั่วไป เช่น ฟีเจอร์แสดงความแตกต่าง, แสดงเฉพาะ V, แบน และค้นหา

รูปที่ 8 การควบคุมลําดับชั้น

แสดงความแตกต่าง

เมื่อเปิดใช้ฟีเจอร์แสดงความแตกต่าง Winscope จะตรวจสอบและแสดงการเปลี่ยนแปลงระหว่างสถานะปัจจุบันกับสถานะก่อนหน้าโดยอัตโนมัติ ฟีเจอร์แสดงความแตกต่างจะไฮไลต์องค์ประกอบที่ถูกนำออกเป็นสีแดง องค์ประกอบที่มีการแก้ไขเป็นสีน้ำเงิน และองค์ประกอบใหม่ที่สร้างขึ้นเป็นสีเขียว การนําเสนอภาพนี้ช่วยให้ระบุและทําความเข้าใจความแตกต่างระหว่าง 2 สถานะได้เร็วขึ้น จึงติดตามการเปลี่ยนแปลงและระบุปัญหาที่อาจเกิดขึ้นได้ง่ายขึ้น

รูปที่ 9 แสดงลําดับชั้นของความแตกต่าง

ค้นหาและกรอง

เครื่องมือดูลําดับชั้นมีความสามารถในการค้นหาโดยใช้นิพจน์ทั่วไป (นิพจน์ทั่วไป) ตัวกรองนี้จะกำหนดเป้าหมายทั้งชื่อและค่าขององค์ประกอบ (สำหรับพร็อพเพอร์ตี้) เมื่อตัวกรองตรงกับองค์ประกอบย่อยในลําดับชั้น เชนองค์ประกอบหลักทั้งหมดจนถึงรูทของต้นไม้จะปรากฏขึ้น ดังที่แสดงในภาพต่อไปนี้

รูปที่ 10 ลําดับชั้นการค้นหา

แสดงเฉพาะที่มองเห็นได้

ฟีเจอร์แสดงเฉพาะรายการที่มองเห็นได้ช่วยให้คุณกรององค์ประกอบที่ซ่อนอยู่ทั้งหมดภายในลําดับชั้นได้ โดยค่าเริ่มต้น Winscope จะแสดงทั้งองค์ประกอบที่มองเห็นและมองไม่เห็น ระบบจะวาดองค์ประกอบที่มองเห็นเป็นสีดํา ส่วนองค์ประกอบที่มองไม่เห็นจะปรากฏเป็นสีเทา

แฟลต

ปุ่มแบนราบจะจัดโครงสร้างตามลําดับชั้นใหม่โดยนําความสัมพันธ์หลัก-ย่อยระหว่างองค์ประกอบออก การดำเนินการนี้จะแสดงผลองค์ประกอบทั้งหมดในระดับเดียวกัน เมื่อใช้ร่วมกับตัวเลือกแสดงเฉพาะที่มองเห็นได้ ลําดับชั้นที่ได้จะแสดงเฉพาะองค์ประกอบที่มองเห็นได้ โดยไม่รวมองค์ประกอบหลัก ดังที่แสดงในภาพต่อไปนี้

รูปที่ 11 ลําดับชั้นแบบแบน

คุณสมบัติ

ผู้ชมจำนวนมากผสานรวมโปรแกรมดูพร็อพเพอร์ตี้ใน Winscope โปรแกรมดูนี้แสดงรายการพร็อพเพอร์ตี้ต่างๆ ที่เชื่อมโยงกับองค์ประกอบที่เลือกจากมุมมองลําดับชั้น เช่น ผู้ดูสามารถแสดงพร็อพเพอร์ตี้ของกิจกรรมภายใน WindowManager หรือพร็อพเพอร์ตี้ของมุมมองใน UI ของระบบ

ดูข้อมูลเกี่ยวกับพร็อพเพอร์ตี้ที่เฉพาะเจาะจงได้ที่ส่วนการติดตาม SurfaceFlinger, WindowManager และ View Capture

ส่วนนี้อธิบายลําดับชั้นทั่วไปในฟีเจอร์แสดงความแตกต่าง ค้นหา และแสดงค่าเริ่มต้น

แสดงความแตกต่าง

การใช้ฟีเจอร์แสดงความแตกต่างจะเหมือนกับแสดงความแตกต่างในมุมมองลําดับชั้น

ค้นหาและกรอง

การใช้ฟีเจอร์ค้นหาจะเหมือนกับการค้นหาในมุมมองลําดับชั้น

แสดงค่าเริ่มต้น

โดยค่าเริ่มต้น Winscope จะแสดงเฉพาะค่าพร็อพเพอร์ตี้ที่แก้ไข ซึ่งไม่ใช่ค่าเริ่มต้นสำหรับประเภทข้อมูลที่เกี่ยวข้อง เช่น Winscope จะละเว้น false สำหรับบูลีน 0 สำหรับจำนวนเต็ม null สำหรับออบเจ็กต์ และ [] สำหรับอาร์เรย์ การปรับปรุงนี้จะลดความซับซ้อนของรายการพร็อพเพอร์ตี้ที่ผู้ใช้เห็น อย่างไรก็ตาม การมีมุมมองที่ครอบคลุมเกี่ยวกับข้อมูลทั้งหมดที่เกี่ยวข้องกับองค์ประกอบจะมีประโยชน์ในบางสถานการณ์ ในกรณีเช่นนี้ ตัวเลือกแสดงค่าเริ่มต้นจะแสดงพร็อพเพอร์ตี้ทั้งหมดที่ใช้ได้ใน Winscope รวมถึงพร็อพเพอร์ตี้ที่มีค่าว่างหรือ Null

รูปที่ 12 ค่าเริ่มต้นของพร็อพเพอร์ตี้

แป้นพิมพ์ลัดทั่วไป

Winscope รองรับแป้นพิมพ์ลัดต่อไปนี้

รูปที่ 13 แป้นพิมพ์ลัดทั่วไป