[android + Kotlin] Runtime에 View 속성 확인 라이브러리 (for 디자이너 협업)

최근 앱 리뉴얼을 진행하면서, 디자인팀에서 실제 단말에서 디자인 확인을 하고싶다고 문의를 하였습니다.

어떤 방법이 좋을까 고민이 되었죠.

 

여기저기 기웃~기웃~ 거려보니.. 괜찮은 라이브러리가 눈에 들어왔습니다.

단말에서 앱 실행시에 View의 속성을 볼수 있는 라이브러리가 있더라구요.

 

GitHub - willowtreeapps/Hyperion-Android: App Debugging & Inspection Tool for Android

 

오호~ 이거 괜찮다 싶어서 Readme를 읽고 바로 프로젝트에 추가를 합니다.

 

build.gradle(모듈수준)에 implementation을 추가합니다.

 

releaseImplementation 'com.willowtreeapps.hyperion:hyperion-core-no-op:0.9.34'
debugImplementation 'com.willowtreeapps.hyperion:hyperion-core:0.9.34'
debugImplementation 'com.willowtreeapps.hyperion:hyperion-attr:0.9.34'

 

위의 코드와 같이 release와 debug를 구분하여 implementation을 하여 release시엔 해당 라이브러리가 추가되지 않도록 하였습니다.

* debug 에서만 동작하게 한다고해서 releaseImplementation을 삭제하면 기능이 동작하지 않습니다.

 

이제 실행합니다.

 

 

실행 후에, 알림 인디케이터를보면 아래와 같이 "Hyperion" 이라는 항목이 추가되어 있습니다.

클릭 합니다.

 

 

 

앱이 왼쪽으로 열리면서 되면서, 위의 이미지와 같이 표시됩니다.

위의 빨간 선으로 표시된 영역을 클릭하고 앱쪽을 누르면, 이제부터 위젯 선택시 속성 정보가 표시됩니다.

 

 

위의 이미지와 같이 표시됩니다.

버튼도 마찬가지로 표시되기때문에, 버튼 액션이 동작하지 않게됩니다.

이 경우엔, 다시 알림 인디케이터에서 "Hyperion"을 선택하고, 기능을 off 시키면 앱이 정상적으로 동작합니다.

 

개발 작업에 도움이 되었으면 좋겠습니다.

이상입니다.