- IOS AND ANDROID APP ICON GENERATOR ANDROID
- IOS AND ANDROID APP ICON GENERATOR DOWNLOAD
- IOS AND ANDROID APP ICON GENERATOR WINDOWS
IOS AND ANDROID APP ICON GENERATOR ANDROID
I'm going to go ahead and launch my Android Emulator. And if you've done everything that I've just said, we should now have app icons for both our iOS and Android app. And then, I'm going to drag the same one from the downloaded file into here. So, we're just going to drag that again to Trash, or Command + Backspace to delete. And then, we're going to delete the Assets.xcassets folder from our Runner over here.
IOS AND ANDROID APP ICON GENERATOR WINDOWS
And we're going to have our windows side by side again, and on the left the Runner is, of course, our iOS app, and on the right we've got the images from our app icons download. We're going to right-click on the Assets.xcassets folder, and we're going to again Reveal in Finder, or Show in Explorer. And you can see that at the moment the different resolutions of the Flutter default icon. And here, we have something called Assets.xcassets, which is where our app icons actually live. Now, inside the iOS folder, we're going to open up the folder that's called Runner, not Runner.xcoproject, not Runner.xcoworkspace, but the actual Runner folder. So, we're done with our Android project, and we can collapse it. And now, that adds all of the app icons that were generated from our website into our project.
IOS AND ANDROID APP ICON GENERATOR DOWNLOAD
Now, instead, you're going to select all the ones that came from your Android folder, your download off of the app icon website, and you're going to drag it in.
So, what I want you to do is to select everything inside the res folder that says mipmap, and you're going to move it into your Trash. And we open up the Android folder, you can see that there's a couple of files that look pretty the same as over here, right? We've got a lot of mipmap folders. But once we've got that folder found and we can open it up, we can have it side by side with the downloads that we had from the website. And if you're working on Windows, then when you right-click on the folder, you should find something that says Show in Explorer, which is the equivalent of Finder on Windows. So, if you select the res folder, right-click, and open Reveal in Finder, it will locate that folder for you.
If you go into the app folder, then you go into source, then you go into main, and finally you go into res, you can see that we've got a whole bunch of folders here, and all of these that start with a mipmap are your app icon folders. So, let's first start with the Android app. And these files include the actual launcher icon, or the app icon, if you will. So, remember I said that we have our iOS folder which contains all the files of our iOS app, and our Android folder that contains all the files of our Android app. And to do that we're going to need the project navigator over here. The next thing we have to do is to actually move these assets into our current project. And it's done the same for iOS as well, and it's inside the Assets.xcassets folder.
So, for example, this one is the smallest, and this one is the largest Android icon. If you have a peek inside here, you can see inside Android we've got some folders that contain different sized icons. Go ahead and click Generate, and you should be able to download a zipped file that contains all of the icons that they've generated for you. So, we're going to uncheck iPad, Watch, and Mac, and we're only going to generate icons for the iPhone and Android. And then, what you're going to do is you're going to go to a website called, and you're going to drag and drop your image, that's pretty large, into the placeholder there, and then we're going to select for all the platforms that we want to create an app icon for. There's a file that you can download, and once you've downloaded it, and open it, you should see an image that looks something like this. And besides, when you're uploading it to the App Store you don't want it to look like a default Flutter app, right? So, how do we give our apps an app icon? Now, first thing's first, I want you to go ahead and download the I Am Rich app icon from this current lesson. Now, if you start creating lots of apps, it can get very confusing, very quickly. For every single app that you create using Flutter, you get a default Flutter logo as your app icon. All right, so, now that we've pretty much created all of the interface of our I Am Rich app, we have a scaffold with a app bar, a body, an image that comes from our assets in our Images folder, but there's just one thing that we still haven't got.
0 kommentar(er)
