Tag: 图标

如何为您的应用设置不同的图标: 在构建应用程序时，我们通常会在设备上安装App Store版本，但是我们也需要安装beta版本，如果我们想将它们都安装在同一设备上，则需要区分它们。最好的解决方案是使用不同的图标。构型第一步是为所需的每个图标创建配置。例如：开发环境的调试配置， Beta环境的Beta配置，产品环境的发布配置。默认情况下，将创建Debug和Release配置，我们可以通过复制现有配置来添加Beta配置。应用程式图示接下来，我们必须在Assets.xcassets文件中创建几个应用程序图标。您可以随意命名，理想情况下，您希望为每个配置创建一个“应用程序图标”。构建设置在目标的“构建设置”中，您需要为每个配置指定“ 应用程序图标”和“ 捆绑包标识符 ”。资产目录应用程序图标集名称这样，将根据当前配置自动选择应用程序图标。产品捆绑包标识符由于应用由其捆绑包标识符标识，因此我们需要为每个配置指定一个不同的捆绑包标识符。然后，将为每个捆绑包标识符创建一个不同的应用程序。代码配置有时，您还想检测代码中的配置，这对于常量尤其有用，例如您的API的域。有几种方法可以做到这一点，最简单的方法是在“构建设置”中添加一些标志。然后，您可以在代码中访问这些标志： struct Constants { #if DEBUG static let domain = “dev.example.com” #elseif BETA static let domain = “beta.example.com” #else static let domain = “www.example.com” #endif } 当然，目标是避免在太多不同的文件中使用它们，这就是为什么我通常将所有常量放入此条件语句中。方案 […]

如何在本机项目中使用矢量图标: 是否想在反应项目中使用矢量图标？有一个适合您的项目：react-native-vector-icons。这个项目很棒，但是如果您不熟悉xcode，那么它的文档将有些棘手且不直观。安装方式 $＃在您的本机项目中： $ npm install react-native-vector-icons —保存如何在Xcode中将自定义字体添加到React Native应用程序：在您的Xcode项目中创建一个新的字体组。注意：您不能只创建一个普通的文件夹。您可以通过颜色区分一个文件夹是普通文件夹还是xcode组（蓝色表示普通文件夹，黄色表示组） 2.将要在项目中使用的字体文件（./node_modules/react-native-vector-icons/Fonts/*.ttf）拖到刚创建的Fonts组中。 3.展开项目主目录内的项目名称文件夹，然后编辑Info.plist。 4.添加应用程序提供的字体作为新键 5.运行Shift + Command + K清理上一个版本 6. Command + B开始新的构建 7.最后用Command + R运行应用程序如果仍然看到错误“无法识别的字体系列”，请重新启动React Packager。现在，您应该转到react-native-vector-icons并详细了解如何使用它。

创建iOS图标: 每个应用都需要一个图标。以下是将所有适当大小的应用程序图标添加到iOS应用程序的方法。 2.我使用http://appiconmaker.co/生成所需大小的图像。我在蓝色的“选择文件”框中上传了我的图标demoIcon.png，然后单击了“生成”按钮。 3.图标出现在页面上后，我下载了zip文件并将其解压缩。 4.在项目的Xcode项目导航器中，选择Assets.xcassets> AppIcon。 5.来自appiconmaker.co的图标包括尺寸作为文件名的后缀。使用后缀作为指导，将图标拖到Xcode的每个插槽中。而已！运行您的应用程序，看看您的新图标在起作用！

iOS（Swift 4.0）中的SVG或TTF图标，无需使用任何第三方库。: 根据iOS设计标准，我们需要保持其类，质量设计，最重要的是使用尽可能少的内存。 Android开发人员大部分时间在应用程序中使用TTF图标或SVG图标，因此，他们不一定要固定图标的大小，他们可以根据需要调整图标的大小。现在，在iOS中，我们可以使用TTF或SVG图标并将其用作UILable并以大小播放，而不必担心像素化图像/图标。我在下面分享步骤。选择FontAwesome（或您的ttf文件名）。真是太容易了。 😛 等待最后一步。步骤5（上一个）：打开字体文件，选择要使用的图标并复制它。粘贴到情节提要/ XIB中的UILable文本区域。而已。万岁！您可以使用此文件中的任何图标，并且https://fontawesome.com/cheatsheet?from=io中已经有很多图标可用。您只需要复制粘贴标签文本即可。步骤1、2和3是一个项目的一次性过程，如果要在另一个项目中使用相同的TTF文件，请跳过步骤1和2。按钮也有相同的过程。它节省了很多开发人员和设计人员的内存和时间，并且还保持了质量标准。

自定义MacOS App图标-多个Xcode版本: 作为iOS开发人员，我经常处理多个Xcode实例，并且总是感到困惑，哪个图标代表哪个版本。例： 1. Xcode 9.4.1 2. Xcode 10.0 3. Xcode 10.1 那时我意识到我们实际上可以添加自己的自定义图标。好吧，我很高兴你问！步骤1：建立您的自订图示作为一个好的手势，我将在此处提供一个PSD File以便您还可以编辑Xcode实例的图标（如果您也是iOS开发人员：）。您也可以将上面的图像另存为PNG File ，并在下一步中使用它。步骤2：套用自订图示转到“ Applications -> Xcode -> Right Click -> Get Info在“信息”屏幕中，找到左上角的当前图标，单击一次，您应该看到它带有蓝色边框突出显示。在预览中打开自定义图标图像文件。复制图像内容并返回到“ 获取信息”页面，并且蓝色突出显示仍处于活动状态，粘贴。Tadaa！您已经应用了自己的自定义应用程序图标！您可以对任何应用程序执行此操作（我相信，除非有阻止它的方法），您将能够拥有自己的外观和感觉！

如何动态更改自定义应用程序图标: 今天，我将讨论如何在iOS主屏幕上更改应用程序图标。所以您可能会问我，此功能的用例是什么？您可以为每个用户个性化应用程序图标，图标本身可以一目了然地提供有用的信息，具体取决于您如何自定义它。对于我来说，实习项目的任务之一就是实现此功能，以便每个漫画的客户都可以选择在用户的主屏幕上显示其特定的漫画。这不仅将为我们的客户提供价值，而且还将在我们的应用程序中提供价值，并允许用户选择其他应用程序图标。顺便说一句，在这里免费下载该应用程序，以获取日常的网络漫画！ “对于某些应用程序，自定义功能可以唤起个人联系并增强用户体验。”- Apple 我遇到了这个网站，在更改应用程序图标之前，我看到了此漂亮的通知要呈现给用户，因此我想重新创建它，以下是我的尝试：我是怎么做的？在MLB.com的“蝙蝠”应用程序上，对我来说，它像是一个弹出视图，下面有一层阴影。因此，对于我的实现，我决定先在视图控制器上添加带有模糊效果的视觉效果视图，然后在现有视图控制器之上添加UIView 。然后，我在视图控制器导航栏上添加了UIBarButtonItem ，并将按钮更新为在Icons8上找到的设置图标。我没有将UIView直接放置在View Controller上，而是将其拖动到顶部作为View Controller的扩展，这样您可以更好地设计弹出视图，并且外观类似于以下内容（左：拖动UIView右上方：创建扩展名之后）