FreshTabbedNavigationContainer 选项卡栏中的图标在 IOS 中是巨大的

Question

我正在尝试使用 FreshMVVM 在我的 FreshTabbedNavigationContainer 的栏中显示 4 个选项卡的 4 个图标 Xamarin.Forms 当然，当我在 Android 模拟器上执行应用程序时，它们看起来应该是这样，但是当我使用我的 Mac 并在 IOS 模拟器上模拟应用程序时，这些图标变得非常庞大，就像您在这张图片中看到的那样。这是我的代码： FreshTabbedNavigationContainer 代码：

private static FreshTabbedNavigationContainer TabbedPageContainer = null;

TabbedPageContainer = new FreshTabbedNavigationContainer(navigation.ToString());
Products = TabbedPageContainer.AddTab<HomeViewModel>(null, "IconHomeInverted.ico", null);
Discover = TabbedPageContainer.AddTab<HomeViewModel>(null, "IconMagnifyingGlassInverted.ico", null);
Account = TabbedPageContainer.AddTab<HomeViewModel>(null, "IconUserInverted.ico", null);
Settings = TabbedPageContainer.AddTab<HomeViewModel>(null, "IconSettingsInverted.ico", null);

#region UI
//Dissables swipe only in android because in IOS can not be done
TabbedPageContainer.On<Xamarin.Forms.PlatformConfiguration.Android>().SetIsSwipePagingEnabled(false);
TabbedPageContainer.BarTextColor = Color.FromHex("#FFFFFF");
#endregion

page.CoreMethods.SwitchOutRootNavigation(navigation.ToString());

我的图标位于 "MyProject.IOS"，它们不在资源文件夹或类似的文件夹中。就是这样，如果您需要更多信息，我会在看到您的请求后立即提供。希望大家度过愉快的一天。

Answer 1

好的，我解决了，我的图标大约是 500x500，在 Windows、visual studio 或新的 MVVM 上调整图像大小以填充标签栏；这在 Mac 上没有发生，所以它们显示了它们的实际大小，我将它们的大小调整为 38x38，现在它们看起来就像我要找的那样。

Answer 2

iOS "Human Interface Guidelines" 已为导航栏中的自定义图标建议大小。

对于@1x 比例因子，这些尺寸从 24px 到 28px，这意味着对于其他比例因子，我们将有类似的东西：

24px 48px@2x 72px@3x

28px 56px@2x 84px@3x

当然，您可以调整这些数字以保持整个应用程序的一致性。

有关此内容的更多信息here

希望对您有所帮助。-

FreshTabbedNavigationContainer 选项卡栏中的图标在 IOS 中是巨大的

Icons in FreshTabbedNavigationContainer tabs bar are giant in IOS

c#

xamarin.ios

xamarin

xamarin.forms

freshmvvm