[Android] Jetpack Compose 안드로이드 플러그인 살펴보기

안드로이드 스튜디오 플러그인을 살펴보던 중

컴포즈 관련해서 흥미로운 플러그인이 몇 가지 있어 사용해보았다.

 

하지만 컴포즈가 계속 업데이트되고 있어서 그런지

Android Studio Dolphin 버전 (2022년 11월 9일 기준)에서

사용 가능한 플러그인과 사용 불가능한 플러그인이 있었다.

 

😁 사용 가능했던 플러그인

1️⃣ Compose Helper

컴포즈 사용 시 Composable을 감싸거나, 감싼 Composable을 삭제할 수 있다.

 

Composable Wrap

위와 같이 Text Composable 가 존재할 때

위 텍스트를 Row에 담고 싶으면

 

Alt + Enter -> Wrap with Composable 선택

Wrap with Row 선택하면

Row에 Text를 바로 추가해준다.

 

Composable Remove

반대로 Row Composable을 삭제하고 안의 Composable 은 남기고 싶을 때

Remove the parent Composable 선택

Row가 삭제되고 안에 있던 Text만 남는 것을 확인할 수 있다.

 

2️⃣ Compose Modifiers Playground

Modifiers를 사용하여 Composable변경 시 어떻게 변하는지 쉽게 테스트해볼 수 있는 플러그인이다.

 

Tools -> Compose Modifiers Playground 선택

위처럼 Modifier 속성 변경시 출력되는 화면을 테스트해볼 수 있다.

아직 제대로 활용해보진 않았지만 유용하게 사용할 수 있을 것 같다.

 

https://plugins.jetbrains.com/plugin/16417-compose-modifiers-playground

Compose Modifiers Playground - IntelliJ IDEs Plugin | Marketplace

더 자세한 내용은 위 플러그인 공식 사이트에서 확인할 수 있다.

 

😒 사용 불가능했던 플러그인

1️⃣ Compose Auto Preview

컴포즈에서 Preview를 다 작성하기 번거롭다는 생각이 들어 찾아봤더니

컴포즈의 Preview를 작성해주는 플러그인이 있었다.

 

하지만 위 기능을 사용해도 아무것도 실행되지 않았다..

사용할 수 있었다면 많이 유용했을 것 같은데 아쉬웠다.

혹시나 사용법을 아시는 분이 계시다면 댓글로..👍

 

2️⃣ Compose Icon Viewer

컴포즈에서 기본 icon 들을 사용하다 보면

어떤 아이콘인지 확인하고 싶을 때가 있다.

하지만 기본 안드로이드 스튜디오에선 위에서 작성한 List라는 아이콘이

무슨 아이콘인지 확인할 수 없다.

 

플러그인 문서 이미지

하지만 이 플러그인을 설치하면

위 이미지처럼 아이콘에 따른 이미지가 왼쪽에 바로 보여야 하는데 

 

아무것도 안 뜬다...

아마 버전이 바뀌어서 작동하지 않는 것 같다.

 

https://fonts.google.com/icons

Material Symbols and Icons - Google Fonts

 

현재는 아이콘을 위 사이트에서 확인하고 있다.