iOS 11中更明显的用户界面更改之一是系统应用程序中使用的较大的标题,从App Store和Apple Music到Notes和Mail。 健康和联络应用如下所示:
当内容被滚动时,该标题在屏幕上显示动画并缩小到正常大小的导航栏,以便有效地使用屏幕空间。 Apple的人机界面指南提供了有关何时使用大型标题的提示; 它们旨在介绍内容,并帮助用户区分具有类似滚动行为的屏幕。
大型标题是导航栏的一部分,因此要实现大标题,您的应用必须使用导航栏。 在您的UINavigationController类'ViewDidLoad方法中添加以下代码,以使标题以大样式呈现:
点击(此处)折叠或打开
- NavigationBar.PrefersLargeTitles = true;
单独的设置将导致每个视图控制器使用大样式,这通常不是可取的。 要强制使用常规大小的导航栏和字体大小,请在应使用常规样式的视图控制器的ViewDidLoad方法中设置以下属性:
点击(此处)折叠或打开
- NavigationItem.LargeTitleDisplayMode = UINavigationItemLargeTitleDisplayMode.Never;
LargeTitleDisplayMode有三个可能的值:
- 从不:强制使用常规的小格式导航栏。
- 始终:强制导航栏和字体大小使用大格式。
- 自动:使用与导航堆栈中先前项目相同的样式(大或小)。
在下面显示的应用程序中,PrefersLargeTitles设置为true,导航堆栈中的第二个视图控制器上的显示模式设置为从不。 这导致第一页具有较大的样式,但后续页面恢复到正常高度:
今天许多应用程序喜欢将自定义样式设置为iOS上的默认颜色。 使用下面的外观属性自定义大标题:
点击(此处)折叠或打开
-
// < Back button color
-
UINavigationBar.Appearance.TintColor = UIColor.FromRGB(0xE7, 0x63, 0x3B); // e7963b dark
-
// Title bar background color
-
UINavigationBar.Appearance.BarTintColor = UIColor.FromRGB(0xF7, 0xE2, 0x8B); // f7e28b light
-
// 'small' Title bar text
-
UINavigationBar.Appearance.SetTitleTextAttributes(new UITextAttributes()
-
{
-
TextColor = UIColor.FromRGB(0xE7, 0x63, 0x3B), // e7963b dark
-
TextShadowColor = UIColor.Clear
-
});
-
// 'Large' Title bar text
-
UINavigationBar.Appearance.LargeTitleTextAttributes = new UIStringAttributes
-
{
-
ForegroundColor = UIColor.FromRGB(0xE7, 0x63, 0x3B), // e7963b dark
- };
最后,请注意,在横向上,无论PrefersLargeTitles设置如何,导航栏总是以该方向的正常高度呈现:
请记住,这些新属性仅适用于iOS 11! 如果您的应用程序还针对早期版本的iOS,请使用版本检查来防止旧版手机出现错误。
您可以从GitHub下载LargeTitles样本的代码。 访问Xamarin开发人员中心了解更多iOS 11技巧!