Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/efekanegeli/EEStackLayout
A structured vertical/horizontal stack layout
https://github.com/efekanegeli/EEStackLayout
cocoapods stack stacklayout swift tags
Last synced: about 1 month ago
JSON representation
A structured vertical/horizontal stack layout
- Host: GitHub
- URL: https://github.com/efekanegeli/EEStackLayout
- Owner: efekanegeli
- License: mit
- Created: 2018-06-06T11:43:37.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2019-11-26T18:29:41.000Z (almost 5 years ago)
- Last Synced: 2024-03-28T08:02:04.763Z (6 months ago)
- Topics: cocoapods, stack, stacklayout, swift, tags
- Language: Swift
- Homepage:
- Size: 186 KB
- Stars: 50
- Watchers: 3
- Forks: 10
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- awesome-ios - EEStackLayout - A structured vertical stack layout. (Layout / Other Hardware)
- awesome-ios-star - EEStackLayout - A structured vertical stack layout. (Layout / Other Hardware)
README
# EEStackLayout
A vertical stackview which takes subviews with different widths and adds them to it's rows with paddings, spacings etc.
[](https://twitter.com/efekanegeli)
[](https://github.com/efekanegeli/EEStackLayout)
## Installation
### Cocoapods
```
pod 'EEStackLayout', '~> 0.1'
pod install
```
### Swift Package Manager
```
.package(url: "https://github.com/efekanegeli/EEStackLayout.git", from: "0.1.11")
```
### Manual
```
1. Download .zip file
2. Just drag and drop EEStackLayout.swift to your project
```
## Example Usage
```swift
// Subviews that will be added to stack layout
var viewArray = [UIView]()
// Choose the orientation of EEStackLayout -> vertical / horizontal [Just for demo purposes, change it if you want to see how horizontal EEStackLayout works]
let targetOrientationOfStackLayout = NSLayoutConstraint.Axis.vertical
let stackLayout: EEStackLayout
if targetOrientationOfStackLayout == .vertical {
// Vertical EEStackLayout
// Views with same height for the vertical layout
for _ in 1...25 {
let view1 = UIView(frame: CGRect(x: 0, y: 0, width: 20, height: 42))
view1.backgroundColor = .green
let view2 = UIView(frame: CGRect(x: 0, y: 0, width: 30, height: 42))
view2.backgroundColor = .blue
let view3 = UIView(frame: CGRect(x: 0, y: 0, width: 40, height: 42))
view3.backgroundColor = .yellow
let view4 = UIView(frame: CGRect(x: 0, y: 0, width: 50, height: 42))
view4.backgroundColor = .black
viewArray.append(view1)
viewArray.append(view2)
viewArray.append(view3)
viewArray.append(view4)
}
// Vertical EEStackLayout setup
stackLayout = EEStackLayout(frame: CGRect(x: 0, y: 50, width: 300, height: 0),
rowHeight: 20,
minimumInteritemSpacing: 15,
minimumItemSpacing: 10,
insets: UIEdgeInsets(top: 15, left: 15, bottom: 15, right: 15),
subviews: viewArray)
} else {
// Horizontal EEStackLayout
// Views with same width for the horizontal layout
for _ in 1...25 {
let view1 = UIView(frame: CGRect(x: 0, y: 0, width: 30, height: 15))
view1.backgroundColor = .green
let view2 = UIView(frame: CGRect(x: 0, y: 0, width: 30, height: 25))
view2.backgroundColor = .blue
let view3 = UIView(frame: CGRect(x: 0, y: 0, width: 30, height: 35))
view3.backgroundColor = .yellow
let view4 = UIView(frame: CGRect(x: 0, y: 0, width: 30, height: 45))
view4.backgroundColor = .black
viewArray.append(view1)
viewArray.append(view2)
viewArray.append(view3)
viewArray.append(view4)
}
// Horizontal EEStackLayout setup
stackLayout = EEStackLayout(frame: CGRect(x: 0, y: 50, width: 0, height: 400),
columnWidth: 20,
minimumInteritemSpacing: 15,
minimumItemSpacing: 10,
insets: UIEdgeInsets(top: 15, left: 15, bottom: 15, right: 15),
subviews: viewArray)
}
self.view.addSubview(stackLayout)
```
## Init Properties
```
minimumItemSpacing -> Spacing between rows(vertical layout) or colums(horizontal layout)
rowHeight -> Row height of the main vertical stack view
maximumRowCount -> Maximum row count of the vertical stack view, ignores the rest of the subviews if the actual row count exceeds the limit
columnWidth -> Column width of the main horizontal stack view
maximumColumnCount -> Maximum column count of the horizontal stack view, ignores the rest of the subviews if the actual column count exceeds the limit
minimumInteritemSpacing -> Spacing between items in a row/column
insets -> Layout margins of main vertical stack view
subviews -> View array of elements to be added to the main stack view
```
## License
MIT License, Copyright (c) 2018 Efekan Egeli, [@efekanegeli](https://twitter.com/efekanegeli)