12.0 [Yukon 베타] 멀티 디바이스 아이콘 생성기

[RAD]

Nuno Castro의 "[Yukon Beta Blog] Multi Device Icon Generator" 를 번역했습니다. (원문 작성: 2023년 10월, 번역 업데이트:  2023년 10월)

이 글은 RAD 스튜디오 소프트웨어의 출시 전 버전을 기반으로 작성되었으며 엠바카데로의 허가를 받고 작성되었다. 사전 공개 되는 기능이 반드시 GA (정식 출시, General Availability)에 포함된다는 보장은 없다.

 

새 프로젝트를 시작했다. 기대된다! 모든 기능을 생각하며 코딩하는 중이다:

"우리 고객에게 얼마나 멋진 기능이 될까!" 

모든 것이 준비되었다. 깔끔한 모습이 중요하다는 것을 잘 알고 있다. 그렇지 않으면 엉성해 보일 것이다. 그 중요한 세부 사항 중에는 아이콘도 해당된다. 휴대폰 라이브러리나 컴퓨터 바탕화면에 있는 앱의 얼굴이다. 

깔끔한 모습에 대해서 생각하면서, 우리는 모든 스크린 해상도에 맞는 아이콘을 자동으로 생성하는 새 기능을 IDE에 넣었다. 이 기능이 어떻게 작동하는지 보자.

먼저, Multi-Device Application을 생성한다. 이 예제에서는 Blank Application 만들기부터 시작했다.

이 새 도구를 시작하려면, Project Options(ctrl+shift+F11) 열고 Application -> Icons  메뉴로 간다. 그러면, “Artwork Generator” 버튼이 아래 그림과 같이 보일 것이다.

여기부터, 몇 가지 옵션을 선택할 수 있다. 아이콘을 변경하거나 생성할 때 특정 플랫폼용으로 또는 모두 한꺼번에 생성할 수 있다. 이 예에서는 모든 플랫폼용을 한꺼번에 만들 것이므로, 드롭다운 메뉴에서 “All Configurations” 옵션을 선택하고 나서 “Artwork Generator” 버튼을 클릭했다. 

이제 아이콘의 토대를 선택한다. PNG, 텍스트, 또는 기타 여러 가지 옵션 중 하나를 선택할 수 있다. 지금은 PNG를 선택하고 표준 아이콘에 맞게 크기를 조정한 후 Next를 눌렀다.

두 번째 페이지에는, 안드로이드 적응형 아이콘(Android Adaptative Icon)에 대한 구성이 표시된다. 여기에서는 SVG 이미지가 있어야 아이콘을 만들 수 있기 때문에, 지금은 텍스트 기반 아이콘을 만들기를 선택했다. 그러나 나중에 이 마법사로 돌아와서, 안드로이드 플랫폼 전용 아이콘만 따로 생성할 수 있다.

 

마지막 옵션은 스플래시 화면 구성이다. 여기에서는 어두운 테마용과 밝은 테마용을 구성할 수 있다. 우리의 경우에는 동일하다. 애플리케이션이 이미 기본적으로 어두운 배경을 가지고 있기 때문이다. 우리의 아이콘을 기반으로 하여, 이제 배경과 이미지의 크기를 조정할 수 있다. 최종 결과는 다음 그림과 같다.

 

“Finish”를 누르면 모든 아트워크가 생성된다. 포맷 문제가 있는 경우, 다른 플랫폼에 영향을 주지 않고 특정 플랫폼에 맞게 이미지를 재구성할 수 있다. 그러려면 이 메뉴로 다시 가서, “All configurations” 대신, 원하는 특정 플랫폼을 선택한 다음, “Artwork Generator”를 다시 실행하면 된다. 예를 들어, 아래 그림은 iOS용 아이콘이 생성되는 것을 보여준다.

 

생성된 이미지들은 프로젝트 폴더의 하위 폴더 안에 저장되는데, 그 폴더의 이름에는 프로젝트 이름도 포함된다. 따라서 프로젝트 이름을 변경하는 경우, 하위 폴더의 이름을 수동으로 그에 맞게 변경해야 한다.

아이콘에 대한 추가 고려 사항: 

• Adaptive Icons(적응형 아이콘): 안드로이드 문서에 따르면, 우리는 아이콘을 잘라내거나 아이콘 형식 마스크를 사용해서는 안 된다. 안드로이드 스스로 테마에 맞게 아이콘을 구성하도록 되어있기 때문이다. 이는 OS 아이콘 형식을 표준화하기 위한 안드로이드의 규칙이다. 따라서 안드로이드 Adaptive Icons(적응형 아이콘)의 경우, 모양 값이 무시된다. 

이 글은 RAD 스튜디오 소프트웨어의 출시 전 버전을 기반으로 작성되었으며 엠바카데로의 허가를 받고 작성되었다. 사전 공개 되는 기능이 반드시 GA (정식 출시, General Availability)에 포함된다는 보장은 없다.