Android Set Widget preview

사용 언어: Kotlin 1.4.30
사용 버전: Android Studio 4.1.2
​

안드로이드 Set Widget preview

​
위젯을 생성하기 전에 미리 보기(Preview)를 볼 수 있습니다.

위의 그림처럼 앱의 이미지가 나올 수도 있고, Widget 사진이 나올 수도 있습니다.

이번 시간에는 이 preview를 만들어 보겠습니다.

​

​

​

지금 Widget의 모양은 다음과 같습니다.

하지만, 방금 보신 것처럼 앱 아이콘이 나와서 사용자는 이렇게 생겼는지 만들기 전까지는 확인할 수 없습니다.

​

​

xml에 my_app_widget_info.xml로 갑니다.

previewImage에 보면, example_appwidget_preview가 있습니다.

해당 항목을 지우면, 앱 아이콘이 보이게 됩니다.

​

​

그럼 실제 Widget 모양을 보여주고 싶으면 어떻게 해야 할까요?

일단 스크린샷을 찍습니다.

​

그리고, 그림판이나 기타 이미지 편집 프로그램으로 위젯 부분을 잘라줍니다.

이 이미지의 이름은 preview_widget.png로 정했습니다.

Project로 갑니다.

app - src - main - res - drawable-nodpi를 찾습니다.

만약 drawable-nodpi가 없다면, 만들어줍니다.

​

그리고 해당 폴더에 아까 my_app_widget_info.xml에서 보았던 example_appwidget_preview.png가 있습니다.

해당 파일을 지우고, 방금 만든 preview_widget.png를 넣습니다.

그리고, my_app_widget_info.xml로 갑니다.

previewImage를 preview_widget으로 적어줍니다.

실행합니다.

실제 위젯 모양이 나옵니다.

​

​

끝.

카테고리: Android