기본 개발자처럼 실행기 아이콘 설정
flutter_launcher_icons 패키지를 사용하고 이해하는 데 문제가 있었습니다 . 이 답변은 Android 또는 iOS 용 앱을 기본적으로 만든 경우 수행 방법입니다. 몇 번 수행하면 매우 빠르고 쉽습니다.
기계적 인조 인간
Android 런처 아이콘에는 전경 레이어와 배경 레이어가 모두 있습니다.
( Android 문서 에서 수정 된 이미지 )
Android 용 실행기 아이콘을 만드는 가장 쉬운 방법은 Android Studio에서 바로 사용할 수있는 Asset Studio를 사용하는 것입니다. Flutter 프로젝트를 떠나지 않아도됩니다. (VS Code 사용자는이 단계에 대해서만 Android Studio를 사용하는 것을 고려할 수 있습니다. 정말 편리하고 다른 IDE에 익숙해 져도 아프지 않습니다.)
android
프로젝트 개요에서 폴더를 마우스 오른쪽 버튼으로 클릭하십시오 . 새로 작성> 이미지 자산으로 이동하십시오 . ( 이미지 자산 이 옵션으로 android/app
표시되지 않으면 폴더를 마우스 오른쪽 버튼으로 클릭 하십시오 .) 이제 이미지를 선택하여 실행기 아이콘을 만들 수 있습니다.
참고 : 나는 보통 1024x1024
픽셀 이미지를 사용하지만 그보다 작은 것을 사용해서는 안됩니다 512x512
. Gimp 또는 Inkscape를 사용하는 경우 전경과 배경에 각각 하나씩 두 개의 레이어가 있어야합니다. 전경 이미지에는 배경 레이어가 보이도록 투명한 영역이 있어야합니다.
( 여기 에서 사자 클립 아트 )
현재 실행기 아이콘이 바뀝니다. mipmap
폴더 에서 생성 된 아이콘을 찾을 수 있습니다 .
실행기 아이콘을 수동으로 생성하려면 이 답변 을 참조하십시오 .
마지막으로, AndroidManifest의 런처 아이콘 이름이 위에서 ic_launcher
기본적으로 호출 한 것과 동일한 지 확인하십시오 .
application android:icon="@mipmap/ic_launcher"
에뮬레이터에서 앱을 실행하여 실행기 아이콘이 성공적으로 생성되었는지 확인합니다.
iOS
나는 항상 수동으로 iOS 아이콘의 크기를 개별적으로 조정했지만 Mac을 사용하는 경우 Mac App Store에는 Icon Set Creator 라는 무료 앱이 있습니다. 이미지 (최소 1024x1024
픽셀)를 제공하면 필요한 모든 크기 (및 Contents.json
파일)를 뱉어냅니다 . 제안에 대한 이 답변 덕분에 .
iOS 아이콘에는 투명성이 없어야합니다. 자세한 지침은 여기를 참조 하십시오 .
아이콘 세트를 만든 후 Xcode를 시작하고 (Mac이 있다고 가정) ios
Flutter 프로젝트에서 폴더 를 여는 데 사용합니다 . 그런 다음 러너> Assets.xcassets 로 이동 하여 AppIcon 항목을 삭제하십시오.
그런 다음 마우스 오른쪽 버튼을 클릭하고 가져 오기 ...를 선택하십시오 . 방금 만든 아이콘 세트를 선택하십시오.
그게 다야. 시뮬레이터에서 앱을 실행하여 아이콘이 생성되었는지 확인하십시오.
Mac이 없다면 ...
손으로 모든 이미지를 만들 수 있습니다. Flutter 프로젝트에서로 이동하십시오 ios/Runner/Assets.xcassets/AppIcon.appiconset
.
필요한 이미지 크기는 파일 이름에 곱한 크기입니다. 예를 들어, Icon-App-29x29@3x.png
될 29
시간 3
이다, 87
사각형 픽셀. 동일한 아이콘 이름을 유지하거나 JSON 파일을 편집해야합니다.