Chinaunix首页 | 论坛 | 博客
  • 博客访问: 6642559
  • 博文数量: 915
  • 博客积分: 17977
  • 博客等级: 上将
  • 技术积分: 8846
  • 用 户 组: 普通用户
  • 注册时间: 2005-08-26 09:59
个人简介

一个好老好老的老程序员了。

文章分类

全部博文(915)

文章存档

2022年(9)

2021年(13)

2020年(10)

2019年(40)

2018年(88)

2017年(130)

2015年(5)

2014年(12)

2013年(41)

2012年(36)

2011年(272)

2010年(1)

2009年(53)

2008年(65)

2007年(47)

2006年(81)

2005年(12)

分类: Android平台

2017-10-29 20:37:51

iOS 11中更明显的用户界面更改之一是系统应用程序中使用的较大的标题,从App Store和Apple Music到Notes和Mail。 健康和联络应用如下所示:

当内容被滚动时,该标题在屏幕上显示动画并缩小到正常大小的导航栏,以便有效地使用屏幕空间。 Apple的人机界面指南提供了有关何时使用大型标题的提示; 它们旨在介绍内容,并帮助用户区分具有类似滚动行为的屏幕。

大型标题是导航栏的一部分,因此要实现大标题,您的应用必须使用导航栏。 在您的UINavigationController类'ViewDidLoad方法中添加以下代码,以使标题以大样式呈现:

点击(此处)折叠或打开

  1. NavigationBar.PrefersLargeTitles = true;


单独的设置将导致每个视图控制器使用大样式,这通常不是可取的。 要强制使用常规大小的导航栏和字体大小,请在应使用常规样式的视图控制器的ViewDidLoad方法中设置以下属性:

点击(此处)折叠或打开

  1. NavigationItem.LargeTitleDisplayMode = UINavigationItemLargeTitleDisplayMode.Never;


LargeTitleDisplayMode有三个可能的值:

  • 从不:强制使用常规的小格式导航栏。
  • 始终:强制导航栏和字体大小使用大格式。
  • 自动:使用与导航堆栈中先前项目相同的样式(大或小)。

在下面显示的应用程序中,PrefersLargeTitles设置为true,导航堆栈中的第二个视图控制器上的显示模式设置为从不。 这导致第一页具有较大的样式,但后续页面恢复到正常高度:

今天许多应用程序喜欢将自定义样式设置为iOS上的默认颜色。 使用下面的外观属性自定义大标题:

点击(此处)折叠或打开

  1. // < Back button color
  2. UINavigationBar.Appearance.TintColor = UIColor.FromRGB(0xE7, 0x63, 0x3B); // e7963b dark
  3. // Title bar background color
  4. UINavigationBar.Appearance.BarTintColor = UIColor.FromRGB(0xF7, 0xE2, 0x8B); // f7e28b light
  5. // 'small' Title bar text
  6. UINavigationBar.Appearance.SetTitleTextAttributes(new UITextAttributes()
  7. {
  8.     TextColor = UIColor.FromRGB(0xE7, 0x63, 0x3B), // e7963b dark
  9.     TextShadowColor = UIColor.Clear
  10. });
  11. // 'Large' Title bar text
  12. UINavigationBar.Appearance.LargeTitleTextAttributes = new UIStringAttributes
  13. {
  14.     ForegroundColor = UIColor.FromRGB(0xE7, 0x63, 0x3B), // e7963b dark
  15. };


最后,请注意,在横向上,无论PrefersLargeTitles设置如何,导航栏总是以该方向的正常高度呈现:

请记住,这些新属性仅适用于iOS 11! 如果您的应用程序还针对早期版本的iOS,请使用版本检查来防止旧版手机出现错误。

您可以从GitHub下载LargeTitles样本的代码。 访问Xamarin开发人员中心了解更多iOS 11技巧!

阅读(3861) | 评论(0) | 转发(0) |
给主人留下些什么吧!~~