Close Menu

mpskewed

Introduction

Welcome to the official documentation for MPSkewed, a powerful library for creating skewed or slanted layouts in iOS applications. This library provides developers with easy-to-use methods to add unique and eye-catching skewed layouts to their apps, enhancing the user experience and making their designs stand out.

Requirements

To use MPSkewed in your iOS projects, you need to meet the following requirements:

  • iOS 9.0 or above
  • Xcode 9.0 or above
  • Swift 4.0 or above

Installation

To install MPSkewed in your project, you have several options:

CocoaPods

To install via CocoaPods, add the following line to your Podfile:

pod 'MPSkewed'

Then, run pod install in your project directory.

Manual Installation

If you prefer manual installation, follow these steps:

  1. Download the latest release of MPSkewed from the GitHub repository.
  2. Add the MPSkewed.swift file to your project.

Usage

Once you have installed MPSkewed into your project, follow the steps below to incorporate skewed layouts into your app:

1. Import MPSkewed

First, import the MPSkewed module in your view controller:

import MPSkewed

2. Create a SkewedView

Create an instance of SkewedView either programmatically or in Interface Builder, and add it to your view hierarchy. This is the view where you will apply the skewed layout.

3. Customize SkewedView

Configure the appearance of the SkewedView to suit your design. You can set properties such as background color, skewing direction, and skewing angle to achieve the desired effect.

4. Apply SkewedLayout to Subviews

Apply the skewed layout to your subviews by assigning them a SkewedLayout. This layout object allows you to specify the skewing percentage, ensuring that the subviews align with the skewing of the parent SkewedView.

5. Enjoy Skewed Layouts

Run your app and see the skewed layouts in action. Experiment with different settings and explore the possibilities of MPSkewed to add a unique touch to your application.

Example Code

// Import MPSkewed
import MPSkewed

// Create a SkewedView
let skewedView = SkewedView(frame: CGRect(x: 0, y: 0, width: 200, height: 200))
self.view.addSubview(skewedView)

// Customize SkewedView
skewedView.backgroundColor = .blue
skewedView.skewingDirection = .top
skewedView.skewingAngle = 20

// Apply SkewedLayout to Subviews
let label = UILabel()
label.text = "Hello Skewed Layouts"
label.applySkewedLayout(to: skewedView, withSkewing: -15)
skewedView.addSubview(label)

Conclusion

With MPSkewed, you can easily incorporate appealing skewed layouts into your iOS apps. This library provides a simple and efficient solution for creating unique visual designs that captivate your users.

For more details and advanced usage, please refer to the MPSkewed GitHub repository.