Hierarchyviewer - 클라우드의 온라인

프로그램:

이름

Hierarchyviewer - Android 사용자 인터페이스를 디버깅하고 최적화하는 도구

개요

계층 뷰어

기술

Hierarchy Viewer 애플리케이션을 사용하면 사용자 인터페이스를 디버깅하고 최적화할 수 있습니다. 그것
레이아웃의 뷰 계층 구조(레이아웃 뷰)를 시각적으로 표현하고
디스플레이의 확대된 검사기(Pixel Perfect View).

계층 뷰어를 시작하려면 다음 안내를 따르세요.

1. 장치를 연결하거나 에뮬레이터를 시작하십시오.

2. 셸이나 데스크탑 환경의 메뉴에서 Hierarchy Viewer를 시작합니다.

3. 열리는 창에 장치 목록이 표시됩니다. 장치를 선택하면,
현재 활성화된 Windows 목록이 오른쪽에 표시됩니다. 그만큼 은
현재 전경에 있는 창, 그렇지 않은 경우 로드되는 기본 창
다른 것을 선택하세요.

4. 검사하려는 창을 선택하고 보기 계층 로드를 클릭합니다. 배치
보기가 로드됩니다. 그런 다음 두 번째 버튼을 클릭하여 Pixel Perfect View를 로드할 수 있습니다.
창 왼쪽 하단에 있는 아이콘입니다.

장치에서 다른 창으로 이동한 경우 Windows 새로 고침을 눌러 새로 고침하세요.
오른쪽에 사용 가능한 창 목록이 표시됩니다.

레이아웃 관측
레이아웃 보기는 보기 레이아웃과 속성을 보여줍니다. 여기에는 세 가지 보기가 있습니다.

트리 보기: 왼쪽에 있는 보기의 계층 다이어그램입니다.
속성 보기: 오른쪽 상단에 있는 선택한 보기의 속성 목록입니다.
와이어프레임 보기: 오른쪽 하단에 있는 레이아웃의 와이어프레임 그림입니다.

속성에 해당 요소의 속성을 표시하려면 트리 보기에서 노드를 선택하세요.
보다. 노드를 선택하면 와이어프레임 보기에 해당 노드의 경계도 표시됩니다.
빨간색 직사각형이 있는 요소입니다. 트리에서 노드를 두 번 클릭하거나 노드를 선택하고
디스플레이 보기)를 클릭하면 해당 요소의 렌더링이 포함된 새 창이 열립니다.

레이아웃 보기에는 레이아웃 디버깅을 위한 몇 가지 유용한 기능이 포함되어 있습니다.
레이아웃을 무효화하고 요청합니다. 이 버튼은 각각의 View 호출을 실행합니다.
무효화() 과 요청레이아웃(), 트리에서 현재 선택된 보기 요소에 대한 것입니다.
모든 뷰에서 이러한 메서드를 호출하는 것은 동시에 실행할 때 매우 유용할 수 있습니다.
애플리케이션의 디버거.

다이어그램 아래의 확대/축소 슬라이더를 조정하여 트리 보기의 크기를 조정할 수 있습니다. 수
창의 보기 요소 수도 여기에 제공됩니다. 최소화할 수 있는 방법을 모색해야 함
조회수. 창에 있는 View 요소가 적을수록 속도가 빨라집니다.
행하다.

장치와 상호 작용하고 초점이 맞춰진 보기를 변경하면 다이어그램이 표시되지 않습니다.
자동으로 새로 고침. 뷰 계층 로드를 클릭하여 레이아웃 뷰를 다시 로드해야 합니다.

픽셀 완전한 관측
Pixel Perfect View는 현재 장치 창을 확대하여 보여줍니다. 그것은 가지고있다
세 가지 보기:

탐색기 보기: 왼쪽에 보기 계층 구조가 목록으로 표시됩니다.
일반 보기: 중앙에 있는 장치 창의 일반 보기입니다.
확대경 보기: 오른쪽에 있는 장치 창의 확대된 픽셀 격자 보기입니다.

Explorer View에서 요소를 클릭하면 Normal View에 "레이아웃 상자"가 그려집니다.
해당 요소의 레이아웃 위치를 나타내는 보기입니다. 레이아웃 상자는 여러 가지를 사용합니다.
직사각형, 일반 경계, 패딩 및 여백(필요에 따라)을 나타냅니다. 그만큼
보라색 또는 녹색 직사각형은 요소의 일반 경계(높이 및
너비). 안쪽 흰색 또는 검은색 직사각형은 패딩이 있을 때 콘텐츠 경계를 나타냅니다.
현재의. 일반 보라색/녹색 직사각형 외부의 검정색 또는 흰색 직사각형은 다음을 나타냅니다.
현재 마진. (각 직사각형에는 두 가지 색상이 있습니다.
현재 배경의 색상을 기준으로 최상의 대비를 제공합니다.)

UI 디자인에 매우 편리한 기능은 UI에 이미지를 오버레이하는 기능입니다.
일반 및 확대경 보기. 예를 들어, 원하는 방식에 대한 모형 이미지가 있을 수 있습니다.
인터페이스를 레이아웃하세요. 일반 보기의 컨트롤에서 로드...를 선택하면 다음을 수행할 수 있습니다.
컴퓨터에서 이미지를 선택하면 미리보기 위에 표시됩니다. 당신이 선택한
이미지는 화면 왼쪽 하단에 고정됩니다. 그런 다음 불투명도를 조정할 수 있습니다
오버레이를 선택하고 모형에 맞게 레이아웃을 미세 조정하기 시작합니다.

일반 보기 및 확대경 보기는 일정한 간격(기본적으로 5초)으로 새로 고쳐지지만
탐색기 보기는 그렇지 않습니다. 다른 보기로 이동하여 다른 보기에 초점을 맞추면
뷰 계층 로드를 클릭하여 Explorer의 계층을 새로 고쳐야 합니다. 심지어 이것은 사실이다
항상 표시되지 않는 여러 뷰를 보유하는 창에서 작업할 때. 만약에
그렇지 않습니다. 미리보기는 새로 고쳐지지만 탐색기에서 보기를 클릭하면
계층 구조에서는 사용자가 그렇다고 믿기 때문에 일반 보기에 적절한 레이아웃 상자를 제공합니다.
여전히 이전 보기에 집중되어 있습니다.

선택적 컨트롤에는 다음이 포함됩니다.

오버레이: 오버레이 이미지를 뷰에 로드하고 불투명도를 조정합니다.
새로 고침 빈도: 일반 및 확대경 보기가 디스플레이를 새로 고치는 빈도를 조정합니다.
줌: 확대경 보기의 줌 레벨을 조정합니다.

저작권

이 매뉴얼 페이지는 Apache 라이선스, 버전 2.0에 따라 라이선스가 부여됩니다.

저작권 (C) 2013 www.linuxtopia.org

Copyright (C) 2013 Jakub Adam[이메일 보호]>

onworks.net 서비스를 사용하여 온라인으로 HierarchyViewer 사용