65.9K
CodeProject 正在变化。 阅读更多。
Home

在 Xamarin Forms 应用中配置应用图标

2016年6月14日

CPOL

4分钟阅读

viewsIcon

49477

在 Xamarin Forms 应用中配置应用图标

有时候事情看起来比我们想象的更令人困惑,比如在 Xamarin Forms iOS 应用程序中设置应用图标和启动画面 ?? 所以我想为什么不在一个地方为所有 3 个平台(iOS、Android 和 UWP)记录这个。 这篇文章将主要介绍如何在 Visual Studio 中执行此操作,但类似的步骤也可以在 Xamarin Studio 中遵循。

配置应用图标和启动画面(对于 iOS 和 UWP,而不是 Android)的唯一地方是特定于平台的项目,因为每个平台的实现都不同。

iOS 项目

Xamarin Forms 项目模板在 Visual Studio 中创建的项目会自动添加图标和启动画面图像,当我们没有任何更改地执行应用程序时,它看起来像这样

1462016iPhoneDefault

包含有关 iOS 应用程序配置的所有信息的文件是 Info.plist,而 通用图标 部分包含有关图标和启动画面的所有信息。

有两种方法可以更改 iOS 应用程序的图标和启动画面

第一种方法

  1. 复制与项目模板提供的默认图标和启动画面图像相同大小和分辨率的图标和启动画面图像,这些图像位于 Resources 文件夹中。
  2. 删除默认图标和启动画面,并将您的图标和启动画面图像重命名为与默认图标和启动画面图像相同。
  3. 删除 Info.plist 中的 通用图标 部分的 启动画面 选项中编写的 LaunchScreen

    Launch Storyboard

第二种方法

  1. 通过右键单击资产目录并从弹出菜单中选择“添加资产目录”选项来创建一个新的资产目录。

    Add Asset CatalogAdd Media

  2. 根据 AppIcons 部分中提到的尺寸添加图标图像。

    Add Images 2 Media

  3. 复制与 Resources 文件夹中 Xamarin 启动画面图像相同大小和分辨率的启动画面图像(我仍然无法弄清楚为什么它不从 Asset Catalog 的 LaunchImages 部分获取启动画面图像 ??)。
  4. 重复上述步骤中的步骤 2 和 3。

这是我更新图标和启动画面后我的应用程序的样子

iPhone Updated

Android 项目

与 iOS 项目类似,Xamarin Forms 模板在 Visual Studio 中创建的项目会自动添加图标图像,当我们在没有任何更改的情况下执行应用程序时,它看起来像这样

Android Default

按照以下步骤更改默认图标图像以更改您的应用程序图标

  • 在所有 drawable 文件夹(即 drawabledrawable-hdpidrawable-xhdpi)中复制与 icon.png 相同大小的图标图像。
  • 将图像包含在您的项目中,并确保图像的“构建操作”属性设置为“AndroidResource”。
  • 构建应用程序,以便新添加的图标图像出现在“应用程序图标”下拉列表中。
  • 通过右键单击项目文件并从弹出菜单中选择“属性”选项来打开项目属性,并在 Android Manifest 部分的“应用程序图标”下拉列表中选择图标。

    Android Manifest

  • 更改 MainActivity.csMainActivity 类的 Icon 属性。

    MainActivity

这是我更新后的应用程序图标的样子

Android Updated

UWP 项目

在这里,项目模板也添加了默认图标和启动画面,但它们是交叉图像(UWP Crossed)而不是 Xamarin 徽标图标。 另一件需要注意的是,Visual Studio 提供的所有 UWP 应用程序的默认名称是 FPCL.WIndows,这就是为什么在您没有任何更改地执行它时,应用程序图标会像这样。

UWP Default

在 UWP 项目中更改图标和启动画面图像比 Android 或 iOS 项目更容易,您只需按照 Package.appxmanifest 文件的 Visual Assets 选项卡中给定的尺寸添加图像即可。 此外,您可以通过更改 Package.appxmanifest 文件的 Application 选项卡中的 显示名称 属性来更改应用程序的名称。

这是我更新图标和启动画面后我的应用程序的样子

UWP Updated

有许多在线工具可以从单个图像创建 iOS 和 Android 图标,我在此帖子示例中使用的工具是 MakeAppIcon。 不幸的是,没有用于 UWP 项目的此类工具,所以我必须自己制作图像,如果有人知道任何工具,请通过评论建议。

本文的示例代码可以在 GitHub 上找到。 如果我遗漏了任何内容或有任何建议,请告诉我。

编码愉快!

© . All rights reserved.