• Stars
    star
    800
  • Rank 56,950 (Top 2 %)
  • Language
    Objective-C
  • License
    MIT License
  • Created about 9 years ago
  • Updated almost 8 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

📋 An iOS native implementation of a Trello Animated Navagation. See more at https://dribbble.com/shots/2114816-Trello-Navigation. iOS上类似trello的导航动效框架实现。

SCTrelloNavigation

An iOS native implementation of a Trello Animated Navigation. See more at https://dribbble.com/shots/2114816-Trello-Navigation.

iOS上类似trello的导航动效控件实现。

最新的Swift实现已经由小青同学完成:SwiftTrelloNavigation

Preview

image

image

Intro

设计创意和动效全部来自于Aurélien Salomon在Dribbble上的作品:https://dribbble.com/shots/2114816-Trello-Navigation。这是一个在iOS上原生实现的相似交互的开源库,没有百分百和设计原稿一致。

这种导航的交互模式可以让你在不同的列表中切换,并且列表的切换对你的干扰可以减少到最小程度。

The design was originated from Aurélien Salomon's work on Dribbble:https://dribbble.com/shots/2114816-Trello-Navigation. This is an open-sourced iOS-native libray similar to this design, not 100% equivalent to the original desgin.

This navigation interactive mode can make you easier to switch among different boards, while disturbing you the least when you are switching.

Version

1.1

Environment

iOS 8.0 以上 iPhone 5s/iPhone6/iPhone6 Plus 测试通过 iOS 8.0 Above iPhone 5s/6/6 Plus Tested

Usage

初始化整个控件比较简单:

// 初始化其实只要一句话的
self.trelloView = [[TrelloView alloc]initWithFrame:CGRectMake(0.0f, 0.0f, ScreenWidth, ScreenHeight) dataSource:self];

[self.view addSubview:_trelloView];

数据源的加载改为了通过协议的方式完成,你需要总共实现以下这么几条协议: You should conform to the protocol and implement methods below:

/**
 *  Return how many boards that you are going to display
 *
 *  @param trelloView target trelloView
 *
 *  @return NSInteger
 */
- (NSInteger)numberForBoardsInTrelloView:(TrelloView *)trelloView;

/**
 *  Return how many rows each board is going to display
 *
 *  @param trelloView target trelloView
 *  @param index      index of the target trelloView
 *
 *  @return NSInteger
 */
- (NSInteger)numberForRowsInTrelloView:(TrelloView *)trelloView atBoardIndex:(NSInteger)index;

/**
 *  Return the item that each row in each board is going to display. 
 *  You can extend the TrelloListCellItem model to whatever you want, just customizing your own cell in table view datasource
 *  Enjoy yourself :)
 *
 *  @param trelloView target trelloView
 *  @param index      index of the target trelloView
 *  @param rowIndex   index of the target row
 *
 *  @return TrelloListCellItem
 */
- (TrelloListCellItem *)itemForRowsInTrelloView:(TrelloView *)trelloView atBoardIndex:(NSInteger)index atRowIndex:(NSInteger)rowIndex;

/**
 *  Return title of each board
 *
 *  @param trelloView target trelloView
 *  @param index      index of the target trelloView
 *
 *  @return NSInteger
 */
- (NSString *)titleForBoardsInTrelloView:(TrelloView *)trelloView atBoardIndex:(NSInteger)index;

/**
 *  Return the level of each board
 *
 *  @param trelloView target trelloView
 *  @param index      index of the target trelloView
 *
 *  @return SCTrelloBoardLevel
 */
- (SCTrelloBoardLevel)levelForRowsInTrelloView:(TrelloView *)trelloView atBoardIndex:(NSInteger)index;

新版本还提供了一个reloadData的方法用来动态刷新数据源。具体的用法可以参考demo和源代码。

To Do

  • CocoaPods
  • TableView reusable

More Repositories

1

SCNavigationControlCenter

This is an advanced navigation control center on iOS that can allow you to navigate to whichever view controller you want. iOS上的改进的导航栏控制中心。
Objective-C
391
star
2

SCCatWaitingHUD

🐱 This is a cute and simple loading HUD on iOS :-P 这是一个可爱清新简单的加载HUD控件
Objective-C
388
star
3

SCTableViewCell

📧 Swipe-to-Delete Effects like iOS Native Mail App。一个模仿iOS8中的邮箱里面的cell删除动效以及滑动右侧菜单按钮效果的开源库
Objective-C
342
star
4

SCCinemaAnimation

🎥 An iOS native implementation of a Cinema Animation Application. See more at https://dribbble.com/shots/2339238-Animation-for-Cinema-Application. iOS上电影购票的动效实现
Objective-C
233
star
5

SCActivityIndicatorView

An indicator view providing you more freedom to control and customize it.一个魔性的菊花控件,助你摆脱系统菊花的各种烦恼
Objective-C
109
star
6

ImagePicker

A highly encapsulated and fully functional open-source image picker written in Objc based on Photokit. Including album list, asset list, selection preview, camera and short video taking.
Objective-C
71
star
7

SCAwesomeNetworking

📡 An optimized networking framework based on AFNetworking and ProtoBuffer.
Objective-C
61
star
8

Android-Airplay-Server

Stable AirPlay Server on Android. Only support Airtunes Service, with little latency.
Java
51
star
9

TUCalender

根据业务需要基于JTCalendar改写的日历控件,不间断更新
Objective-C
38
star
10

SCPythonSudoku

A Python Sudoku solved program. Python写的深度优先搜索解数独程序。
Python
26
star
11

SCTornadoTCP

A TCP Server and Client based on tornado
Python
26
star
12

GitHubPopularityiOS

https://itunes.apple.com/us/app/popularity-widget-for-github/id1180395751?l=zh&ls=1&mt=8
Objective-C
10
star
13

SCSelfAgile

A Project for my daily life and well...obviously for fun
Objective-C
7
star
14

SCTagWriteView

An input custom view providing you ability to add and remove tags
Objective-C
6
star
15

MorningHorn

- This is a warm and simple Alarm App.
Objective-C
5
star
16

MinecraftServer-Bukkit-Forge-Ubuntu

A Minecraft server pack based on Ubuntu Linux OS with Bukkit and Forge support
5
star
17

SCPixelSurvival

A pixel game based on Sprite Kit
Objective-C
5
star
18

UILabel-AttributedText

This is a solution category for UILabel to deal with the issue about special chracters.
Objective-C
5
star
19

SCRealm2SQLORM

A realm ORM kit transferring realm usage to traditional SQLite usage. Just for learning and practicing.这是一个简单的realm的类似sqlite的数据库接口库。可以给熟悉sql语法,新入门realm的新手参考。
Objective-C
4
star
20

LinkedListSwift

Swift写的链表实现和各种基本操作。
Swift
3
star
21

SCPortfolio

3
star
22

BLTETransfer

Newer updated source code for https://developer.apple.com/library/prerelease/ios/samplecode/BTLE_Transfer/Introduction/Intro.html.
Objective-C
2
star
23

id-NSObjectDemo

This is a demo project for one of my blogs. 这是我的一篇博客的示例程序。
Objective-C
2
star
24

Monty-Hall-Problem-Swift

三门问题的Swift验证演示Playground,在原作者的基础上添加了中文注释
Swift
2
star
25

SCBlueToothKit

Blue Tooth Kit based on Core BlueTooth brings you to fly dealing with Blue Tooth development.
Objective-C
2
star
26

RunloopTest

Objective-C
2
star
27

SergioChan.github.io

HTML
2
star
28

my_Portfolio

Get rid of updating your resume and portfolio!
Objective-C
1
star