UI风格

在iOS 11中，系统APP使用了这种UI风格。这种风格最明显的变化就是使用了iOS 11的新特性--Large Title和新的SearchController。

Demo

GitHub: LargerTitleDemo

Large Title & Table View

设置Lager Title

APP全局使用Large Title

1
2
3
4
5
6
7
8
9
10
- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {
 // Override point for customization after application launch.
 // 设置Large Title偏好为True。
 if (@available(iOS 11.0, *)) {
  [[UINavigationBar appearance] setPrefersLargeTitles:true];
 } else {
  // Fallback on earlier versions
 }
 return YES;
}

单个ViewController使用Larger Title

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
- (void)viewWillAppear:(BOOL)animated {
 [super viewWillAppear:animated];
 // 设置Large Title偏好为YES。
 if (@available(iOS 11.0, *)) {
  [self.navigationController.navigationBar setPrefersLargeTitles:YES];
 } else {
  // Fallback on earlier versions
 }
}
 
- (void)viewWillDisappear:(BOOL)animated {
 [super viewWillDisappear:animated];
 // 设置Large Title偏好为NO。
 if (@available(iOS 11.0, *)) {
  [self.navigationController.navigationBar setPrefersLargeTitles:NO];
 } else {
  // Fallback on earlier versions
 }
}

使用上述代码设置后，即可开启Large Title的显示。

添加Table View

在StoryBoard添加TableView

在Xcode 9中，XIB和StoryBoard默认会添加 Safe Area（安全区） ，而添加在Controller的View上控件的约束也不再以supview为准，而是以Safe Area为准。

Safe Area是在iOS 9中添加的特性。如果你不需要使用Safe Area，或需要在旧版本的App中添加Safe Area，可以在XIB或StoryBoard的右侧边栏中“Show the File inspector”标签下对“Use Safe Area Layout Guides”选项下进行勾选，以添加或删除Safe Area。

添加Refresh Control

Refresh Control是系统的下拉刷新控件，配合Table View使用，以实现系统的下拉刷新效果。

1
2
3
4
5
6
7
UIRefreshControl *refreshControl = [[UIRefreshControl alloc]init];
[refreshControl addTarget:self action:@selector(beginRefresh:) forControlEvents:UIControlEventValueChanged];
if (@available(iOS 10.0, *)) {
 [self.tableView setRefreshControl:refreshControl];
} else {
 // Fallback on earlier versions
}

刷新完成调用 - (void)endRefreshing NS_AVAILABLE_IOS(6_0); 结束刷新状态。

Search Controller

添加搜索栏

1
2
3
4
5
6
if (@available(iOS 11.0, *)) {
 UISearchController *searchController = [[UISearchController alloc]initWithSearchResultsController:nil];
 self.navigationItem.searchController = searchController;
} else {
 // Fallback on earlier versions
}

关于 Search Controller 的使用在此不再赘述。可参考官方Sample Code Table Search with UISearchController

再说几句

由于Large Title及一些API仅在iOS 11提供，所以在调用前均添加了判断，以防止低版本系统调用高版本API造成应用崩溃

1
2
3
4
5
if (@available(iOS 10.0, *)) {
 // Code...
} else {
 // Fallback on earlier versions
}

在实际开发中，在ViewController上添加TableView实现效果不够理想，在滑动过程中有明显卡顿。而直接使用TableViewController实现效果最为理想，滑动无卡顿现象。

链接  http://www.jb51.net/article/130433.htm

感谢分享

最新文章

  1. java虚拟机之引用
  2. 关于jquery跨域请求方法
  3. linux项目-之监控-nagios
  4. HDU 1789 贪心经典
  5. struts2异常记录--java.lang.IllegalStateException
  6. BestCoder Round #65 hdu5590(水题)
  7. php学习笔记（2）
  8. 乐在其中设计模式(C#) - 享元模式(Flyweight Pattern)
  9. 【SignalR学习系列】4. SignalR广播程序
  10. bzoj 3571: [Hnoi2014]画框
  11. Leetcode 第133场周赛解题报告
  12. APPLE-SA-2019-3-25-1 iOS 12.2
  13. Java对象回收流程
  14. SpringBoot(12) SpringBoot创建非web应用
  15. 微信小程序开发注意事项总结：上拉加载失效、转义字符等
  16. Linux学习笔记：使用ftp命令上传和下载文件
  17. JS滚轮mousewheel事件和DOMMouseScroll事件
  18. Java比较两个Date日期的大小
  19. <构建之法>前三章读后感—软件工程
  20. XP系统下建立WIFI热点让手机、电脑能上网

热门文章

  1. 前后端协调处理checkbox
  2. Rainmeter 一部分 语法 中文教程
  3. Android github XListView 分析（2-3）
  4. 电子商务 B2C 结构图【转载+整理】
  5. jdbc:initialize-database标签的研究
  6. 如何在onCreate方法中获取视图的宽度和高度
  7. Windows 之 可以Ping通服务器但无法使用服务器连接的共享打印机
  8. java线程同步实的现方式
  9. Percona-XtraBackup系列二：备份恢复
  10. GoldenGate安装与卸载