Bounds - Layout Inspector

Bounds는 Android 개발자, UI 디자이너 및 QA 엔지니어를 위한 기기 내 레이아웃 검사 도구입니다. 개발 중인 앱(또는 분석하려는 화면)을 열고 측면에 있는 버튼을 탭하면 Bounds가 화면 위에 실시간 뷰 계층 구조를 그려줍니다. 요소의 경계, 크기(dp 단위), 여백 및 패딩, 리소스 ID, 텍스트, 그리고 뷰당 30개 이상의 속성을 정확하게 측정하여 보여줍니다. 컴퓨터, USB 케이블, 루팅, 디버깅 가능한 빌드도 필요하지 않습니다.

수행 가능한 작업

- Jetpack Compose, 기존 View, WebView 콘텐츠를 포함한 실시간 뷰 계층 구조를 검사하고 디버깅합니다.
- 경계, 거리, 여백 및 패딩을 dp 또는 px 단위로 측정합니다.
- 터치 대상 크기와 간격이 디자인 사양과 일치하는지 확인합니다.
- 실제 화면에서 접근성 속성(콘텐츠 레이블, 터치 대상)을 감사합니다.
- 화면을 캡처하고 탭별로 전체 계층 구조를 탐색합니다.
- 실제 구현에 디자인 목업을 오버레이하고 픽셀 단위로 비교합니다.
- 모든 요소의 속성(ID, 클래스, 텍스트, 크기 등)을 자세히 살펴봅니다.

대상 사용자

- 출시된 버전이 디자인과 일치하는지 확인하는 Android 개발자
- 실제 빌드에서 디자인 QA를 수행하는 UI/UX 디자이너
- 정확하고 측정 가능한 UI 버그 보고서를 작성하는 QA 엔지니어
- 실제 기기에서 실제 화면을 감사하는 접근성 검토자

작동 방식 및 접근하는 API

Bounds는 Android의 접근성 서비스 API를 사용하여 화면에 표시된 창의 뷰 계층 구조를 읽습니다. 이것이 바로 Bounds의 유일한 용도입니다. 레이아웃 정보를 읽어 측정값을 그 위에 그릴 수 있도록 하는 것입니다.

- 읽기 전용. Bounds는 사용자를 대신하여 탭, 입력 또는 기타 작업을 수행하지 않습니다.

- 기기 내에서만 처리. 화면 콘텐츠는 휴대폰에서 처리되며, 당사 서버에 업로드, 저장 또는 공유되지 않습니다.

- 모든 제어 권한 유지. 검사는 사용자가 시작한 세션 동안에만 실행되며, 서비스가 활성화되어 있을 때는 항상 알림이 표시되고, 언제든지 서비스를 중지하거나 권한을 취소할 수 있습니다.

무료 및 프로

무료 플랜은 넉넉한 세션 제한으로 모든 검사 기능을 제공하여 Bounds가 사용자의 워크플로에 적합한지 확인할 수 있도록 합니다. Bounds Pro는 무제한 검사 세션과 프리미엄 도구를 제공합니다. 구독은 Google Play를 통해 결제되며, Play의 구독 설정에서 언제든지 취소할 수 있습니다.

권한, 명확하게 설명드리겠습니다.

- 접근성 서비스 — 화면 레이아웃을 읽어 측정값을 표시합니다(위 참조).
- 다른 앱 위에 표시 — 측정값 오버레이를 표시합니다.
- 알림 — 언제든지 검사를 중지할 수 있는 세션 알림입니다.

개인정보 보호

Bounds는 사용자의 기기에서만 UI 메타데이터를 읽습니다. 검사하는 화면에 대한 정보는 사용자의 휴대폰 외부로 전송되지 않습니다. 인증 및 결제는 Firebase 인증과 Google Play 결제를 통해 처리됩니다. 전체 정책은 https://bounds.web.app/privacy 에서 확인하세요.

질문, 의견 또는 Bounds에서 지원하지 않는 레이아웃이 있으신가요? 언제든지 알려주세요. 저희는 개발자를 위해 개발하는 사람들입니다.