Giter VIP home page Giter VIP logo

devicelayout's Introduction

DeviceLayout

logo

Carthage compatible Swift CI Status Version License Platform

DeviceLayout is a Swift framework that lets you set Auto Layout constraints's differently for each device

Using only IBInspector of Xcode to set up your constant per device size differently without any CODE :)

@IBInspectable make a migic with outh any CODE

Only 3 seconds you can set design guide and make designer happy 🚀

public enum Size: Int, Comparable {
    case unknownSize = 0
    /// iPhone 4, 4s, iPod Touch 4th gen.
    case screen3_5Inch
    /// iPhone 5, 5s, 5c, SE, iPod Touch 5-6th gen.
    case screen4Inch
    /// iPhone 6, 6s, 7, 8
    case screen4_7Inch
    /// iPhone 6+, 6s+, 7+, 8+
    case screen5_5Inch
    /// iPhone X, Xs
    case screen5_8Inch
    /// iPhone Xr
    case screen6_1Inch
    /// iPhone Xs Max
    case screen6_5Inch
    /// iPad Mini
    case screen7_9Inch
    /// iPad
    case screen9_7Inch
    /// iPad Pro (10.5-inch)
    case screen10_5Inch
    /// iPad Pro (11-inch)
    case screen11Inch
    /// iPad Pro (12.9-inch)
    case screen12_9Inch
}

Example

First inherit your constraint to DeviceLayoutConstraint

logo

Second Set your own constant per device size and adjust your UI design guide

comparing PSD, Sketch or Zeplin UI Guide

Make designer be happy :)

logo

Requirements

  • iOS 8.0+
  • Swift 3+, 4+, 5+

Installation

📲 Installation

DeviceLayout is available through Cocoapods or Carthage

pod "DeviceLayout"

Carthage

github "cruisediary/DeviceLayout" ~> 0.5.0

Dependencies

  • Device - Light weight tool for detecting the current device and screen size written in swift.

👨‍💻 Author

cruz, [email protected]

🛡 License

DeviceLayout is available under the MIT license. See the LICENSE file for more info.

devicelayout's People

Contributors

cruisediary 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.