隨著WWDC17以及Apple 2017秋季新品發布會的召開，Apple也在9月20日正式推送了iOS 11的正式版。在iOS 11中，Apple也推出了全新的UI風格。

成都創新互聯公司是專業的達坂城網站建設公司，達坂城接單;提供成都網站建設、網站建設,網頁設計,網站設計,建網站,PHP網站建設等專業做網站服務;采用PHP框架,可快速的進行達坂城網站開發網頁制作和功能擴展;專業做搜索引擎喜愛的網站,專業的做網站團隊,希望更多企業前來合作!

UI風格

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

Demo

GitHub: LargerTitleDemo

Large Title & Table View

設置Lager Title

APP全局使用Large Title

- (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

- (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使用，以實現系統的下拉刷新效果。

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

添加搜索欄

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造成應用崩潰

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

在實際開發中，在ViewController上添加TableView實現效果不夠理想，在滑動過程中有明顯卡頓。而直接使用TableViewController實現效果最為理想，滑動無卡頓現象。

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持創新互聯。

網站標題：iOS11新特性之在你的APP中使用LargeTitle
URL鏈接：http://vcdvsql.cn/article32/pdhjpc.html

成都網站建設公司_創新互聯，為您提供商城網站、外貿建站、建站公司、企業建站、搜索引擎優化、微信公眾號

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯