Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/DianQK/TrelloNavigation
https://dribbble.com/shots/2114816-Trello-Navigation
https://github.com/DianQK/TrelloNavigation
Last synced: about 1 month ago
JSON representation
https://dribbble.com/shots/2114816-Trello-Navigation
- Host: GitHub
- URL: https://github.com/DianQK/TrelloNavigation
- Owner: DianQK
- License: mit
- Archived: true
- Created: 2015-11-11T10:49:25.000Z (about 9 years ago)
- Default Branch: master
- Last Pushed: 2020-04-03T11:18:04.000Z (over 4 years ago)
- Last Synced: 2024-10-31T15:50:18.929Z (about 1 month ago)
- Language: Swift
- Size: 27.4 MB
- Stars: 118
- Watchers: 7
- Forks: 21
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- awesome-animation - DKTrelloNavigation
README
# TrelloNavigation
[https://dribbble.com/shots/2114816-Trello-Navigation](https://dribbble.com/shots/2114816-Trello-Navigation)
> 很喜欢 [SergioChan](https://github.com/SergioChan) 用 Objective-C 写的 [SCTrelloNavigation](https://github.com/SergioChan/SCTrelloNavigation) ,所以我尝试着用 Swift 写了一遍。
## Preview
![](https://raw.githubusercontent.com/DianQK/TrelloNavigation/master/Preview/demo.gif)
## Environment
* Xcode 10 +
* iOS 8 +## Intro & Usage
API 和 代码结构和 SCTrelloNavigation 有一定区别,定制化好一些,所以使用的时候代码写的会多一些~但使用起来仍然是 Easy Easy Easy,就像使用 UITableView 。
### CocoaPods
```
source 'https://github.com/CocoaPods/Specs.git'
platform :ios, '8.0'
use_frameworks!pod 'TrelloNavigation', '~> 0.10.0'
```### 初始化
```swift
trelloView = TrelloView(frame: CGRect(x: 0, y: 0, width: ScreenWidth, height: ScreenHeight), tabCount: 5, trelloTabCells: { () -> [UIView] in
return [
TrelloListTabViewModel.tabView(title: "BACKLOG", level: 3),
TrelloListTabViewModel.tabView(title: "BRIEFS", level: 5),
TrelloListTabViewModel.tabView(title: "DESIGN", level: 2),
TrelloListTabViewModel.tabView(title: "USER TESTING", level: 4),
TrelloListTabViewModel.tabView(title: "USER TESTIN", level: 1)
]
})
```只需要多设置 tab 的数量和对应 tab 的 view 。
> 注意:tabCount 要和 tabCell 数量一致。
### 设置 delegate 和 dataSource
```Swift
trelloView.delegate = self
trelloView.dataSource = self
```就和使用 UITableView 一样,和 UITableView 一样实现对应的协议即可~
### 将数据挂在 tableView 上
因为用了多个 tableView ,所以为了区别不同 tab 的数据,我这里将数据放在了对应的 tableView 上。当然,你也可以用自己喜欢的其他方法,如果有更好的想法,欢迎给我提 PR 。
## Tips
项目中 TrelloAnimate 、 TrelloDefine 、 TrelloFunction 、 TrelloListTableView 、 TrelloListTabView 、TrelloListView 、 TrelloView 、 UIViewExt 是必要文件。
为了安全性,挂在 tableView 的数据必须声明数组中的类型,最好不要直接改为 AnyObject 。:]
如果你对 Swift 或者函数式编程很感兴趣,欢迎阅读源码一起学习。:]
## License
MIT