Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.
Awesome Lists | Featured Topics | Projects
https://github.com/kgn/kgnautolayout

Making AutoLayout Easy
https://github.com/kgn/kgnautolayout
appletv autolayout ios swift ui uikit
Last synced: 9 days ago
JSON representation
Making AutoLayout Easy
Host: GitHub
URL: https://github.com/kgn/kgnautolayout
Owner: kgn
License: mit
Created: 2015-10-17T05:24:33.000Z (about 9 years ago)
Default Branch: master
Last Pushed: 2020-07-29T04:25:56.000Z (over 4 years ago)
Last Synced: 2024-10-31T14:46:09.661Z (16 days ago)
Topics: appletv, autolayout, ios, swift, ui, uikit
Language: Swift
Size: 7.13 MB
Stars: 125
Watchers: 11
Forks: 11
Open Issues: 1
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project

README

        # KGNAutoLayout

`KGNAutoLayout` makes `AutoLayout` easy!

[![Swift 3](http://img.shields.io/badge/Swift-3-orange.svg)]()

[![Release](https://img.shields.io/github/release/kgn/KGNAutoLayout.svg)](/releases)

[![License](http://img.shields.io/badge/License-MIT-lightgrey.svg)](/LICENSE)

[![Build Status](https://travis-ci.org/kgn/KGNAutoLayout.svg)](https://travis-ci.org/kgn/KGNAutoLayout)

[![Test Coverage](http://img.shields.io/badge/Tests-98%25-green.svg)]()

[![Carthage Compatible](https://img.shields.io/badge/Carthage-Compatible-4BC51D.svg)](https://github.com/Carthage/Carthage)

[![CocoaPods Version](https://img.shields.io/cocoapods/v/KGNAutoLayout.svg)](https://cocoapods.org/pods/KGNAutoLayout)

[![CocoaPods Platforms](https://img.shields.io/cocoapods/p/KGNAutoLayout.svg)](https://cocoapods.org/pods/KGNAutoLayout)

[![Twitter](https://img.shields.io/badge/[email protected])](http://twitter.com/iamkgn)

[![Follow](https://img.shields.io/github/followers/kgn.svg?style=social&label=Follow%20%40kgn)](https://github.com/kgn)

[![Star](https://img.shields.io/github/stars/kgn/KGNAutoLayout.svg?style=social&label=Star)](https://github.com/kgn/KGNAutoLayout)

## Installing

### Carthage

```

github "kgn/KGNAutoLayout"

```

### CocoaPods

```

pod 'KGNAutoLayout'

```

## Examples

### Example App

![Example App](/KGNAutoLayoutExample.gif)

### Pin: Superview

``` Swift

view.pinToEdgesOfSuperview(withOffset: 20)

```

![pinToEdgesOfSuperview_offset20](Example/Snapshots/pinToEdgesOfSuperview_offset20.png)

--

``` Swift

view.pinToTopEdgeOfSuperview(withOffset: 20)

```

![pinToTopEdgeOfSuperview_offset20](Example/Snapshots/pinToTopEdgeOfSuperview_offset20.png)

--

``` Swift

view.pinToRightEdgeOfSuperview(withOffset: 20)

```

![pinToRightEdgeOfSuperview_offset20](Example/Snapshots/pinToRightEdgeOfSuperview_offset20.png)

--

``` Swift

view.pinToBottomEdgeOfSuperview(withOffset: 20)

```

![pinToBottomEdgeOfSuperview_offset20](Example/Snapshots/pinToBottomEdgeOfSuperview_offset20.png)

--

``` Swift

view.pinToLeftEdgeOfSuperview(withOffset: 20)

```

![pinToLeftEdgeOfSuperview_offset20](Example/Snapshots/pinToLeftEdgeOfSuperview_offset20.png)

--

``` Swift

view.pinToSideEdgesOfSuperview(withOffset: 20)

```

![pinToSideEdgesOfSuperview_offset20](Example/Snapshots/pinToSideEdgesOfSuperview_offset20.png)

--

``` Swift

view.pinToTopAndBottomEdgesOfSuperview(withOffset: 20)

```

![pinToTopAndBottomEdgesOfSuperview_offset20](Example/Snapshots/pinToTopAndBottomEdgesOfSuperview_offset20.png)

--

### Pin: Edges

``` Swift

view.pinTopEdgeToTopEdge(of: itemView, withOffset: 20)

```

![pinTopEdgeToTopEdgeOfItem_offset20](Example/Snapshots/pinTopEdgeToTopEdgeOfItem_offset20.png)

--

``` Swift

view.pinRightEdgeToRightEdge(of: itemView, withOffset: 20)

```

![pinRightEdgeToRightEdgeOfItem_offset20](Example/Snapshots/pinRightEdgeToRightEdgeOfItem_offset20.png)

--

``` Swift

view.pinBottomEdgeToBottomEdge(of: itemView, withOffset: 20)

```

![pinBottomEdgeToBottomEdgeOfItem_offset20](Example/Snapshots/pinBottomEdgeToBottomEdgeOfItem_offset20.png)

--

``` Swift

view.pinLeftEdgeToLeftEdge(of: itemView, withOffset: 20)

```

![pinLeftEdgeToLeftEdgeOfItem_offset20](Example/Snapshots/pinLeftEdgeToLeftEdgeOfItem_offset20.png)

--

### Center

``` Swift

view.centerInSuperview()

```

![centerInSuperview](Example/Snapshots/centerInSuperview.png)

--

``` Swift

view.centerHorizontallyInSuperview()

```

![centerHorizontallyInSuperview](Example/Snapshots/centerHorizontallyInSuperview.png)

--

``` Swift

view.centerVerticallyInSuperview()

```

![centerVerticallyInSuperview](Example/Snapshots/centerVerticallyInSuperview.png)

--

``` Swift

[view1, view2, view3].centerHorizontally(to: parentView, withSeparation: 20)

```

![centerViewsHorizontally_separation20](Example/Snapshots/centerViewsHorizontally_separation20.png)

--

``` Swift

[view1, view2, view3].centerVertically(to: parentView, withSeparation: 20)

```

![centerViewsVertically_separation20](Example/Snapshots/centerViewsVertically_separation20.png)

--

``` Swift

view.centerHorizontally(to: itemView)

```

![centerHorizontallyToItem](Example/Snapshots/centerHorizontallyToItem.png)

--

``` Swift

view.centerVertically(to: itemView)

```

![centerVerticallyToItem](Example/Snapshots/centerVerticallyToItem.png)

--

### Size

``` Swift

view.size(toWidth: 80)

```

![sizeToWidth80](Example/Snapshots/sizeToWidth80.png)

--

``` Swift

view.size(toMinWidth: 40)

```

![sizeToMinWidth40](Example/Snapshots/sizeToMinWidth40.png)

--

``` Swift

view.size(toMaxWidth: 100)

```

![sizeToMaxWidth100](Example/Snapshots/sizeToMaxWidth100.png)

--

``` Swift

view.size(toHeight: 80)

```

![sizeToHeight80](Example/Snapshots/sizeToHeight80.png)

--

``` Swift

view.size(toMinHeight: 40)

```

![sizeToMinHeight40](Example/Snapshots/sizeToMinHeight40.png)

--

``` Swift

view.size(toMaxHeight: 100)

```

![sizeToMaxHeight100](Example/Snapshots/sizeToMaxHeight100.png)

--

``` Swift

view.size(toWidthAndHeight: 80)

```

![sizeToWidthAndHeight80](Example/Snapshots/sizeToWidthAndHeight80.png)

--

``` Swift

view.size(toMinWidthAndHeight: 40)

```

![sizeToMinWidthAndHeight40](Example/Snapshots/sizeToMinWidthAndHeight40.png)

--

``` Swift

view.size(toMaxWidthAndHeight: 100)

```

![sizeToMaxWidthAndHeight100](Example/Snapshots/sizeToMaxWidthAndHeight100.png)

--

``` Swift

view.sizeWidthToWidth(of: itemView)

```

![sizeWidthToWidthOfItem](Example/Snapshots/sizeWidthToWidthOfItem.png)

--

``` Swift

view.sizeHeightToHeight(of: itemView)

```

![sizeHeightToHeightOfItem](Example/Snapshots/sizeHeightToHeightOfItem.png)

--

``` Swift

view.sizeHeightToWidth(of: itemView)

```

![sizeHeightToWidthOfItem](Example/Snapshots/sizeHeightToWidthOfItem.png)

--

``` Swift

view.sizeWidthToHeight(of: itemView)

```

![sizeWidthToHeightOfItem](Example/Snapshots/sizeWidthToHeightOfItem.png)

--

``` Swift

view.sizeWidthAndHeightToWidthAndHeight(of: itemView)

```

![sizeWidthAndHeightToWidthAndHeightOfItem](Example/Snapshots/sizeWidthAndHeightToWidthAndHeightOfItem.png)

--

``` Swift

view.sizeHeightToWidth(withAspectRatio: 16/9)

```

![sizeHeightToWidthAspectRatio16by9](Example/Snapshots/sizeHeightToWidthAspectRatio16by9.png)

--

``` Swift

view.sizeWidthToHeight(withAspectRatio: 16/9)

```

![sizeWidthToHeightAspectRatio16by9](Example/Snapshots/sizeWidthToHeightAspectRatio16by9.png)

--

### Position

``` Swift

view.positionAbove(itemView, withOffset: 20)

```

![positionAboveItem_offset20](Example/Snapshots/positionAboveItem_offset20.png)

--

``` Swift

view.positionToTheRight(of: itemView, withOffset: 20)

```

![positionToTheRightOfItem_offset20](Example/Snapshots/positionToTheRightOfItem_offset20.png)

--

``` Swift

view.positionBelow(itemView, withOffset: 20)

```

![positionBelowItem_offset20](Example/Snapshots/positionBelowItem_offset20.png)

--

``` Swift

view.positionToTheLeft(of: itemView, withOffset: 20)

```

![positionToTheLeftOfItem_offset20](Example/Snapshots/positionToTheLeftOfItem_offset20.png)

--

``` Swift

[view1, view2, view3].positionAbove(itemView, withOffset: 20)

```

![positionViewsAbove_offset20](Example/Snapshots/positionViewsAbove_offset20.png)

--

``` Swift

[view1, view2, view3].positionToTheRight(of: itemView, withOffset: 20)

```

![positionViewsToTheRight_offset20](Example/Snapshots/positionViewsToTheRight_offset20.png)

--

``` Swift

[view1, view2, view3].positionBelow(itemView, withOffset: 20)

```

![positionViewsBelow_offset20](Example/Snapshots/positionViewsBelow_offset20.png)

--

``` Swift

[view1, view2, view3].positionToTheLeft(of: itemView, withOffset: 20)

```

![positionViewsToTheLeft_offset20](Example/Snapshots/positionViewsToTheLeft_offset20.png)

--

### Between

``` Swift

view.fitBetween(top: topView, andBottom: bottomView, withOffset: 20)

```

![fitBetweenTopAndBottomItems_offset20](Example/Snapshots/fitBetweenTopAndBottomItems_offset20.png)

--

``` Swift

view.fitBetween(left: leftView, andRight: rightView, withOffset: 20)

```

![fitBetweenLeftAndRightItems_offset20](Example/Snapshots/fitBetweenLeftAndRightItems_offset20.png)

--

### Fill

``` Swift

parentView.fillHorizontally(withViews: [view1, view2, view3], separation: 20)

```

![fillHorizontally_separation20](Example/Snapshots/fillHorizontally_separation20.png)

--

``` Swift

parentView.fillVertically(withViews: [view1, view2, view3], separation: 20)

```

![fillVertically_separation20](Example/Snapshots/fillVertically_separation20.png)

--

### Bound

``` Swift

itemView.boundHorizontally(withViews: [view1, view2, view3], separation: 20)

```

![boundHorizontally_separation20](Example/Snapshots/boundHorizontally_separation20.png)

--

``` Swift

itemView.boundVertically(withViews: [view1, view2, view3], separation: 20)

```

![boundVertically_separation20](Example/Snapshots/boundVertically_separation20.png)

--

``` Swift

itemView.boundVertically(withViews: [view1, view2, view3], separation: 20)

```

![boundVertically_separation20](Example/Snapshots/boundVertically_separation20.png)

## Progress:

- [X] Travis

- [X] Badges

- [X] Tests

- [X] Carthage

- [X] CocoaPods

- [X] Description

- [X] Documentation

- [X] Example App

- [X] AppleTV

- [X] Prebuilt Frameworks

- [ ] Travis Test Matrix