This is the seventh day of my participation in the August More text Challenge. For details, see: August More Text Challenge

Android ICONS are generated online

Android Studio includes a tool called Image Asset Studio that automatically generates app ICONS for the system from custom images, system icon materials, and text strings. It generates a set of ICONS at the appropriate resolution for each pixel density supported by your application. Image Asset Studio places the newly generated icon res/ in a specific folder under the project directory (such as Mipmap/or Drawable /). At run time, Android uses the appropriate resources based on the screen density of the device on which the application is running.

Image Asset Studio helps you generate the following icon types:

  • Launcher ICONS

    • Launcher Icons(Adaptive and Legacy) : Newly added after AS 3.0, used for Adaptive startup Icons, compatible with new and old versions of the system;
    • Launcher Icons(Legacy only) : Used for non-adaptive startup Icons, old versions only (prior to Android 8.0);
  • Action Bar and TAB ICONS

  • Notification ICONS

  • TV Banners

  • TV Channel lcons

What is an Image Asset

Image Asset Studio helps you create various types of ICONS of different densities and show exactly where they are placed in your project. The following sections describe the types of ICONS you can create and the images and text inputs you can use.

Launcher icons

Image Asset Studio places the launch icon in the directory at the appropriate location res/mipmap-density/. It also creates 512 x 512 pixel images suitable for the Google Play Store.

Action bar and tab icons

Image Asset Studio places the icon at the appropriate location in the res/drawable density/ directory.

We recommend using the Material Design style for the action bar and TAB ICONS. As an alternative to Image Asset Studio, you can use Vector Asset Studio to create action bar and TAB ICONS. Vector drawing works with simple ICONS and can reduce the size of your application.

Notification icons

Notifications are messages that you can display to users outside of your application’s normal UI. Image Asset Studio places the notification icon at the appropriate location in the directory: res/drawable density/

  • ICONS for Android 2.2 (API level 8) and below are placed in the directory. res/drawable-density/
  • ICONS for Android 2.3 through 2.3.7 (API levels 9 through 10) are placed in the directory. res/drawable-density-v9/
  • ICONS for Android 3 (API level 11) and later are placed in the directory. res/drawable-density-v11/
  • If your application supports Android 2.3 to 2.3.7 (API levels 9 to 10), Image Asset Studio will generate a gray version of the icon. Later Android versions used white ICONS generated by Image Asset Studio.

Clip Art

Image Asset Studio makes it easy to import Google Material ICONS in VectorDrawable and PNG format: simply select an icon from the dialog box.

Images (image)

You can import your own images and adjust them according to the icon type. Image Asset Studio supports the following file types: PNG (preferred), JPG (acceptable), and GIF (not available).

The Text (Text)

Image Asset Studio allows you to type a text string in various fonts and place it on an icon. It converts text-based ICONS into PNG files of varying densities. You can use fonts installed on your computer.

Use Image Asset Studio

To start Image Asset Studio, follow these steps:

  • In the Project window, select Android View.
  • Right-click the Res folder and select New > Image Asset.

  • Adaptive and old-style icon wizards in Image Asset Studio.

Continue with the following steps:

  • If your app supports Android 8.0 or later, create adaptive and older launcher ICONS.
  • If your application does not support earlier versions of Android 7.1, create only the old version of the initiator icon.
  • Creates an action bar or TAB icon.
  • Create a notification icon.

Creating Launcher Icons(Adaptive and Legacy)

By opening Image Asset Studio, you can add ICONS by following these steps:

  • From Icon Type, select Launcher Icons (Adaptive and Legacy).

  • In the Foreground Layer TAB, select the Asset Type, and specify the Asset in the lower field:

    • Select Image to specify the path to the Image file.
    • Select Clip Art to specify an image from the Material Design icon set.
    • chooseTextTo specify a text string and select a font.The tutorial of their choice is shown above
  • On the Background Layer TAB, select the Asset Type, and then specify the Asset in the field below. You can choose a color or specify the image to use as the background layer.

  • In the Options TAB, look at the default Settings and confirm that you want to generate Legacy, Round, and Google Play Store ICONS.

  • (Optional) Change the name and display Settings of each Foreground Layer and Background Layer TAB:

    • Name: Type a new Name if you do not want to use the default Name. If the resource name already exists in the project, as shown in the error at the bottom of the wizard, it will be overwritten. The name can contain only lowercase characters, underscores (_), and digits.
    • Trim: To adjust the margins between icon graphics and borders in the source asset, select Yes. This operation removes the transparent space while preserving the aspect ratio. To leave the source asset unchanged, select No.
    • Color: To change the Color of the Clip Art or Text icon, click this field. In the Select Color dialog box, specify a color, and click Select. The new value appears in the field.
    • Resize: Resize the Image, Clip Art, or Text icon using the slider to specify the scale factor. When you specify the color resource type, this control on the Background Layer is disabled.
  • Click Next.

  • Alternatively, change the resource directory: Select the resource source set to which you want to add image assets: SRC /main/res, SRC /debug/res, SRC /release/res, or custom source set. To define a new source set, go to File > Project Structure > App > Build Types. For example, you can define a Beta source set and create an icon version that contains the text “Beta” in the lower right corner. For more information,

  • Click Finish. Image Asset Studio adds images to miPMap folders of different densities.

Creating Launcher Icons(Legacy only)

Feature:

  • Scaling: To Fit the size of the icon, select Crop or Shrink to Fit. If you use Crop, the edges of the image will be cut off; if you use Shrink to Fit, they will not. If the source asset is still not suitable, you can adjust the population as needed.
  • Shape: To place the background behind the source asset, select a Shape, one of a circle, square, vertical rectangle, or horizontal rectangle. For transparent backgrounds, select None.

  • Effect: to add the DogEar Effect to the top right corner of a square or rectangular shape, select DogEar. Otherwise, select None.

Create Action bar and TAB ICONS

Create a Notification ICONS

Other situation is basically the same, here do not do much introduction, waste your time.