← 返回文章列表

创建安卓程序图标

创建安卓程序图标

为了创建一个简洁而美观的安卓应用图标,我们可以使用矢量图形(Vector Drawable)。我们将使用“S”这个字母来设计图标,并确保它看起来既专业又吸引人。

以下是完整的XML代码,用于创建一个以“S”字母为主题的安卓应用图标:

res/drawable/ic_launcher_foreground.xml

<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:width="24dp"
    android:height="24dp"
    android:viewportWidth="24"
    android:viewportHeight="24">
    <path
        android:fillColor="#FFFFFF"
        android:pathData="M17.5,6.5C18.03,6.5 18.5,6.97 18.5,7.5L18.5,10C18.5,10.53 18.03,11 17.5,11L15.5,11C14.97,11 14.5,10.53 14.5,10L14.5,7.5C14.5,6.97 14.97,6.5 15.5,6.5L17.5,6.5ZM17.5,13.5C18.03,13.5 18.5,13.97 18.5,14.5L18.5,17C18.5,17.53 18.03,18 17.5,18L15.5,18C14.97,18 14.5,17.53 14.5,17L14.5,14.5C14.5,13.97 14.97,13.5 15.5,13.5L17.5,13.5ZM9.5,6.5C10.03,6.5 10.5,6.97 10.5,7.5L10.5,10C10.5,10.53 10.03,11 9.5,11L7.5,11C6.97,11 6.5,10.53 6.5,10L6.5,7.5C6.5,6.97 6.97,6.5 7.5,6.5L9.5,6.5ZM9.5,13.5C10.03,13.5 10.5,13.97 10.5,14.5L10.5,17C10.5,17.53 10.03,18 9.5,18L7.5,18C6.97,18 6.5,17.53 6.5,17L6.5,14.5C6.5,13.97 6.97,13.5 7.5,13.5L9.5,13.5ZM13.5,10.5C14.03,10.5 14.5,10.97 14.5,11.5L14.5,14C14.5,14.53 14.03,15 13.5,15L11.5,15C10.97,15 10.5,14.53 10.5,14L10.5,11.5C10.5,10.97 10.97,10.5 11.5,10.5L13.5,10.5ZM13.5,7.5C14.03,7.5 14.5,7.97 14.5,8.5L14.5,11C14.5,11.53 14.03,12 13.5,12L11.5,12C10.97,12 10.5,11.53 10.5,11L10.5,8.5C10.5,7.97 10.97,7.5 11.5,7.5L13.5,7.5Z"/>
</vector>

res/mipmap-anydpi-v26/ic_launcher.xml

<adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
    <background android:drawable="@color/colorPrimary" />
    <foreground android:drawable="@drawable/ic_launcher_foreground" />
</adaptive-icon>

colors.xml

如果你还没有定义颜色资源,可以在res/values/colors.xml中添加以下内容:

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <color name="colorPrimary">#6200EE</color>
    <color name="colorPrimaryDark">#3700B3</color>
    <color name="colorAccent">#03DAC5</color>
</resources>

AndroidManifest.xml

确保在AndroidManifest.xml中正确引用了图标:

<application
    ...
    android:icon="@mipmap/ic_launcher"
    android:roundIcon="@mipmap/ic_launcher_round"
    ... >
    ...
</application>

解释

  1. ic_launcher_foreground.xml: 这是一个矢量图,包含两个垂直排列的“S”字母。每个“S”字母由几个矩形和路径组成,形成一个简洁的形状。
  2. ic_launcher.xml: 定义了一个自适应图标,背景颜色为colorPrimary,前景图为ic_launcher_foreground
  3. colors.xml: 定义了一些颜色资源,包括主要颜色和次要颜色。
  4. AndroidManifest.xml: 确保应用程序使用正确的图标资源。
通过这些步骤,你可以创建一个简单而优雅的应用程序图标,其中包含“S”字母。希望你喜欢这个设计!如果有任何进一步的调整或需求,请告诉我。