GithubHelp home page GithubHelp logo

autolayouts's Introduction

AutoLayouts

Supported Platforms: iOS, macOS, tvOS, watchOS & Linux

License: MIT

A simple helper for constraints management in UIKit.

Installation

AutoLayouts is available through CocoaPods. To install it, simply add the following line to your Podfile:

    pod 'AutoLayouts'

Usage

  • Init View

    Simply init the view and add sub view to parent with with(parent: <UIVIew>)

    lazy var subView = UIView().withParent(parentView)
  • Add constraint

    Just add use makeConstraint(using: <#T##(LayoutDelegate) -> Void#>) and fill the closure with LayoutDelegate

    subView.makeConstraint { constraint in
        constraint.leadingAnchor == parentView.leadingAnchor + 8
        constraint.topAnchor == parentView.topAnchor + 8
        constraint.trailingAnchor == parentView.trailingAnchor - 8
        constraint.bottomAnchor == parentView.bottomAnchor - 8
    }
  • Set Height

    Use setWidth(by width: CGFloat) in extension of UIView to set view height

    yourView.setWidth(by width: CGFloat)
  • Set Width

    Use setHeight(by height: CGFloat) in extension of UIView to set view height

    youtView.setHeight(by height: CGFloat)
  • Set Witdh and Height Use setWidth(_ width: CGFloat, andHeight: CGFloat) in extension of UIView to set view height

    yourView.setWidth(_ width: CGFloat, andHeight: CGFloat)

LayoutDelegate

Availability of Layout delegate property:

  • topAnchor
  • bottomAnchor
  • leftAnchor
  • rightAnchor
  • leadingAnchor
  • trailingAnchor
  • centerYAnchor
  • centerXAnchor
  • widthAnchor
  • heightAnchor

autolayouts's People

Contributors

icungse avatar

Stargazers

 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.