iOS11新特性之在你的APP中使用LargeTitle

發(fā)布時(shí)間：2020-10-18 20:54:32 來(lái)源：腳本之家閱讀：186 作者：程序員先生欄目：移動(dòng)開(kāi)發(fā)

隨著WWDC17以及Apple 2017秋季新品發(fā)布會(huì)的召開(kāi)，Apple也在9月20日正式推送了iOS 11的正式版。在iOS 11中，Apple也推出了全新的UI風(fēng)格。

UI風(fēng)格

在iOS 11中，系統(tǒng)APP使用了這種UI風(fēng)格。這種風(fēng)格最明顯的變化就是使用了iOS 11的新特性--Large Title和新的SearchController。

Demo

GitHub: LargerTitleDemo

iOS11新特性之在你的APP中使用LargeTitle

Large Title & Table View

設(shè)置Lager Title

APP全局使用Large Title

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {
 // Override point for customization after application launch.
 // 設(shè)置Large Title偏好為T(mén)rue。
 if (@available(iOS 11.0, *)) {
  [[UINavigationBar appearance] setPrefersLargeTitles:true];
 } else {
  // Fallback on earlier versions
 }
 return YES;
}

單個(gè)ViewController使用Larger Title

- (void)viewWillAppear:(BOOL)animated {
 [super viewWillAppear:animated];
 // 設(shè)置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];
 // 設(shè)置Large Title偏好為NO。
 if (@available(iOS 11.0, *)) {
  [self.navigationController.navigationBar setPrefersLargeTitles:NO];
 } else {
  // Fallback on earlier versions
 }
}

使用上述代碼設(shè)置后，即可開(kāi)啟Large Title的顯示。

添加Table View

iOS11新特性之在你的APP中使用LargeTitle

在StoryBoard添加TableView

在Xcode 9中，XIB和StoryBoard默認(rèn)會(huì)添加 Safe Area（安全區(qū)），而添加在Controller的View上控件的約束也不再以supview為準(zhǔn)，而是以Safe Area為準(zhǔn)。

Safe Area是在iOS 9中添加的特性。如果你不需要使用Safe Area，或需要在舊版本的App中添加Safe Area，可以在XIB或StoryBoard的右側(cè)邊欄中“Show the File inspector”標(biāo)簽下對(duì)“Use Safe Area Layout Guides”選項(xiàng)下進(jìn)行勾選，以添加或刪除Safe Area。

iOS11新特性之在你的APP中使用LargeTitle

添加Refresh Control

Refresh Control是系統(tǒng)的下拉刷新控件，配合Table View使用，以實(shí)現(xiàn)系統(tǒng)的下拉刷新效果。

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
}

刷新完成調(diào)用 - (void)endRefreshing NS_AVAILABLE_IOS(6_0); 結(jié)束刷新?tīng)顟B(tài)。

Search Controller

添加搜索欄

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

關(guān)于 Search Controller 的使用在此不再贅述?？蓞⒖脊俜絊ample Code Table Search with UISearchController

再說(shuō)幾句

由于Large Title及一些API僅在iOS 11提供，所以在調(diào)用前均添加了判斷，以防止低版本系統(tǒng)調(diào)用高版本API造成應(yīng)用崩潰

if (@available(iOS 10.0, *)) {
 // Code...
} else {
 // Fallback on earlier versions
}

在實(shí)際開(kāi)發(fā)中，在ViewController上添加TableView實(shí)現(xiàn)效果不夠理想，在滑動(dòng)過(guò)程中有明顯卡頓。而直接使用TableViewController實(shí)現(xiàn)效果最為理想，滑動(dòng)無(wú)卡頓現(xiàn)象。

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持億速云。

向AI問(wèn)一下細(xì)節(jié)

iOS11新特性之在你的APP中使用LargeTitle

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽