iOS上類似trello的導航動效控件實現：SCTrelloNavigation

jopen 9年前發布 | 11K 次閱讀 iOS開發 移動開發 SCTrelloNavigation

An iOS native implementation of a Trello Animated Navagation. See more at https://dribbble.com/shots/2114816-Trello-Navigation. iOS上類似trello的導航動效控件實現。

Preview

image

image

Intro

設計創意和動效全部來自于Aurélien Salomon在Dribble上的作品：https://dribbble.com/shots/2114816-Trello-Navigation。這是一個在iOS上原生實現的相似交互的開源庫，沒有百分百和設計原稿一致。

這種導航的交互模式可以讓你在不同的列表中切換，并且列表的切換對你的干擾可以減少到最小程度。

Version

1.0

Environment

iOS 8.0 以上 iPhone6/iPhone6 plus 測試通過

Usage

初始化十分簡單，但是整個控件需要接受的數據比較復雜，都是自定義的數據模型。 

TrelloListCellItem *cell_item_1 = [[TrelloListCellItem alloc] initWithContent:@"Have a pleasant afternoon" image:[UIImage imageNamed:@"testImage3"] type:SCTrelloCellItemRed];

TrelloListItem *item = [[TrelloListItem alloc]initWithTitle:@"BACKLOG" level:3 rowNumber:3 rowItems:t_array];

// 初始化其實只要一句話的
TrelloView *trelloView = [[TrelloView alloc]initWithFrame:CGRectMake(0.0f, 0.0f, ScreenWidth, ScreenHeight) listArray:@[item]];

具體的初始化可以看demo中的示范，由于初始化的時候需要將整個view的數據源都傳入，所以代碼比較多。

項目主頁：http://www.baiduhome.net/lib/view/home/1446894857357

 本文由用戶 jopen 自行上傳分享，僅供網友學習交流。所有權歸原作者，若您的權利被侵害，請聯系管理員。
 轉載本站原創文章，請注明出處，并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺，歡迎各類分享！