Compose용 AI

Android 스튜디오에서 Gemini를 사용하여 Jetpack Compose로 더 빠르고 나은 개발을 지원하세요.

Gemini를 사용한 Compose 미리보기 생성

Compose 미리보기는 Android 스튜디오에서 디자인 시점에 컴포저블을 시각화하는 강력한 도구이지만 미리보기 매개변수의 모의 데이터를 수동으로 설정하는 데 시간이 걸릴 수 있습니다. Android 스튜디오의 Gemini에는 이 문제를 해결하는 기능인 자동 Compose 미리보기 생성이 포함되어 있습니다.

이 도구에 액세스하는 방법은 다음 두 가지가 있습니다.

  • 컨텍스트 메뉴 컴포저블 내에서 마우스 오른쪽 버튼을 클릭하고 Gemini > Generate Compose Preview 또는 Generate Compose Preview for this file로 이동합니다.

컨텍스트 메뉴에서 Compose 미리보기 생성

  • 빈 미리보기 패널 빈 미리보기 패널에서 제공된 링크를 클릭합니다.

미리보기 패널에서 Compose 미리보기 생성

이 기능은 Gemini의 추천 Compose 미리보기 코드가 포함된 비교 뷰를 표시합니다. 변경사항을 그대로 수락하거나, 수정하거나, 추천을 완전히 거부할 수 있습니다. Gemini의 코드는 매번 완벽하지는 않지만 개발 워크플로를 가속화하는 데 중요한 출발점이 될 수 있습니다.

이미지 첨부로 UI 개발 속도 높이기

Android 스튜디오에서 Gemini에 질문할 때 이미지를 첨부하여 앱 아키텍처를 더 잘 이해하고 UI 개발 프로세스를 가속화하세요.

프롬프트에 이미지를 첨부하려면 이미지 파일 첨부 이미지 파일 첨부 아이콘를 클릭하고 이미지를 업로드합니다.

다음은 Gemini가 이미지와 관련하여 도움을 줄 수 있는 몇 가지 방법입니다.

  • 원하는 UI의 모의 샘플이 있으면 Gemini에서 이를 만드는 코드를 제공할 수 있습니다. 여기서는 Gemini에 Now in Android 앱의 스크린샷을 보여주고 이를 만들기 위한 Compose 코드를 제공해 달라고 요청했습니다.

  • 앱이 구성되는 방식을 알아보려면 Gemini를 사용하면 됩니다. Gemini는 UI가 구성요소 측면에서 어떻게 작동하는지 설명할 수 있습니다. 여기서는 Gemini에게 Android의 새로운 '지금' 스크린샷 뒤에 있는 컴포저블과 데이터 흐름을 설명해 달라고 요청했습니다.