Tag: 启动画面

如何添加启动画面以响应本机（IOS）: 在本文中，我将告诉您如何向“本机”（IOS）添加启动画面。我要告诉你非常简单的步骤。这是我们可以为每个移动应用程序创建的非常初始的东西。因此，对于每个开发人员来说，知道如何以正确的方式添加它都是非常重要的。您可以在此处查看整个源代码： rockinghajay / splash-screen-react-native 闪屏React Native（IOS和Android）。通过……为rockinghajay / splash-screen-react-native开发做出贡献 github.com 我正在使用简单的react native项目向其添加初始屏幕。因此，让我们开始初始化系统中的react native项目。 react-native初始SplashScreenReactNative cd SplashScreenReactNative 将这两行运行到终端后，您将在系统上响应本机项目。如果您注意到React本机应用程序具有白色背景初始屏幕。在该屏幕上，我们将添加自定义启动屏幕。如何注意到第一个白色启动画面，我们需要在我们的应用程序中首先设置深色背景。用下面的代码替换您的App.js组件首先在Xcode中打开您的应用。 cd ios / SplashScreenReactNative.xcodeproj 在Xcode上打开项目后，您将转到Images.xcassets文件夹，您可以在下面的屏幕截图中看到该文件夹。然后，您需要单击Xcode底部显示的+图标，然后单击“ 新建图像集”。然后继续将Image重命名为一个图标，然后根据需要将其拖动到框中以添加图像集。然后，您必须打开Info.plist下面的LaunchScreen.xib ，您将看到。这是ios的默认初始屏幕，选择两个文本元素“ SplashExample”和“ Powered by React Native”并将其删除。继续并将背景色设置为“深灰色”。在下一步中，我们必须将图像视图添加到初始屏幕视图中。您可以通过按图标并搜索图像来找到该图像，然后单击图像元素，如上图所示。并将UIImageView拖动到视图的中心现在我们要从Images.xcassets设置图像源。选择图像下拉菜单时，应该显示Images.xcassets中的所有图像，然后选择您最近添加的图标。现在，您需要将图像设置为与垂直和水平中心对齐，然后将“内容模式”更改为Aspect Fit 在下一步中，我们需要确保我们的图标在所有设备上都保持居中，无论使用哪种屏幕尺寸的设备，因此现在您都可以按照上面的gif进行相同的操作。您可以在“自动调整大小”部分中看到要禁用外部红线并通过单击启用内部红箭头的功能。这将使图像相对于屏幕尺寸保持居中。 […]

iOS启动屏幕提示和技巧: 基本启动屏幕实际上太基本了。创建良好的启动屏幕始终是一个挑战。在遵守Apple准则的同时创建良好的启动屏幕的挑战更大。由于Apple推荐的方法实际上是有道理的（至少对我而言），因此让我感到惊讶的是，将其正确设置有多么困难，以及看到它完成有多么罕见。在本文中，我将简要介绍一些我试图在自定义UI和推荐方法之间寻求平衡的小事情。公平地说，我不得不说大多数应用程序只是在主题上滑动，而只是将徽标放置在初始屏幕上。我也做了不止一次。但是这次我想做到的尽可能接近“按书”。我将尽力总结一下。 1.人机界面准则-启动屏幕我不想重写已完成的操作，因为Apple已经在“启动屏幕”指南中有一节。人机界面准则-启动屏幕 TL; DR 启动屏幕的准则并不长，可以总结为以下几点：使用情节提要板来简化设计使它尽可能类似于应用程序的第一个屏幕 -它应该给人一种印象，即应用程序的加载速度比xD实际加载速度快淡化启动 -如果操作正确，用户甚至在切换应用程序时都不会注意到有一段时间的启动不要放置文字，因为它不会被本地化不要将其用作品牌推广的机会，因为这不是它的地方根据我的经验，最后一点有点死了，很多应用程序都做到了这一点，因此我从未听说过任何审阅问题。 2.想法概述的要点是我真正想要实现的。我想制作一个非常轻巧的启动屏幕，实际上是重新组装了应用程序的第一个屏幕。好吧，这似乎很容易，对吧？让我们看一下它的外观：要具有类似于Apple的示例，我应该：从顶部菜单中删除文本从标题部分删除文本从主要部分中删除所有内容另外，我决定在应用程序加载时不要在屏幕上保留任何“交互”元素，因此所有按钮都将消失。它看起来像以下之一：我实际上选择了第二个选项，因为我不想完全放弃品牌。我也留下了屏幕标题。它没有本地化，因此不会有问题，它实际上会减少应用程序的启动和第一个屏幕之间的差异。 3.挑战第一个也是最大的挑战是我们不能使用任何自定义类。这意味着将不会执行任何实际代码！因此，我们必须做的所有事情都可以通过IB进行设置。另一个限制（一开始对我来说并不明显）是没有自定义运行时属性。导航栏：另一个挑战是导航栏。幸运的是，我们可以使用UINavigationController，UITabBarController等，只要我们对它的默认外观（或IB提供的定制级别）满意即可。就我而言，我正在使用顶部菜单项扩展导航栏（是否注意到情节提要的屏幕截图中的这一行？）。幸运的是，我能够将空白图像（1个透明像素）设置为导航栏阴影图像。然后，我可以使用普通的UIView对其进行扩展：阴影：无法使用内置阴影-没有可用的阴影层，也没有运行时属性。这意味着我必须事先生成阴影并将其用作图像。我刚刚使用了带有“缩放至填充”模式的UIImageView，以及一薄层垂直阴影：边框： […]