Skip to content

M
Material
Commit f64f76d8 by Daniel Dahan
Options

updated README for 1.20.0

parent ab67b7fa
Showing with 10 additions and 10 deletions
README.md
...@@ -8,7 +8,7 @@ MaterialKit is on CocoaPods under the name [MK](https://cocoapods.org/?q=MK). ...@@ -8,7 +8,7 @@ MaterialKit is on CocoaPods under the name [MK](https://cocoapods.org/?q=MK).
To get started, let's introduce MaterialView, a lightweight UIView Object that has flexibility in mind. Common controls have been added to make things easier. For example, let's make a circle view that has a shadow, border, and image. To get started, let's introduce MaterialView, a lightweight UIView Object that has flexibility in mind. Common controls have been added to make things easier. For example, let's make a circle view that has a shadow, border, and image.
![MaterialKitPreview](http://www.materialkit.io/github/img1.gif) ![MKPreview](http://www.materialkit.io/github/img1.gif)
```swift ```swift
let v: MaterialView = MaterialView(frame: CGRectMake(20, 20, view.frame.size.width - 40, 200)) let v: MaterialView = MaterialView(frame: CGRectMake(20, 20, view.frame.size.width - 40, 200))
...@@ -25,7 +25,7 @@ view.addSubview(v) ...@@ -25,7 +25,7 @@ view.addSubview(v)
Let's expand on the basic MaterialView and use an animated MaterialPulseView. In this example, we will make the shape a square with some rounded corners. Let's expand on the basic MaterialView and use an animated MaterialPulseView. In this example, we will make the shape a square with some rounded corners.
![MaterialKitPreview](http://www.materialkit.io/github/img11.gif) ![MKPreview](http://www.materialkit.io/github/img11.gif)
```swift ```swift
let v: MaterialPulseView = MaterialPulseView(frame: CGRectMake(20, 20, view.frame.size.width - 40, 200)) let v: MaterialPulseView = MaterialPulseView(frame: CGRectMake(20, 20, view.frame.size.width - 40, 200))
...@@ -41,7 +41,7 @@ view.addSubview(v) ...@@ -41,7 +41,7 @@ view.addSubview(v)
A FlatButton is the best place to start when introducing MaterialKit buttons. It is simple, clean, and very effective. Below is an example of a FlatButton in action. A FlatButton is the best place to start when introducing MaterialKit buttons. It is simple, clean, and very effective. Below is an example of a FlatButton in action.
![MaterialKitPreview](http://www.materialkit.io/github/img3.gif) ![MKPreview](http://www.materialkit.io/github/img3.gif)
```swift ```swift
let v: FlatButton = FlatButton(frame: CGRectMake(100, 100, 200, 64)) let v: FlatButton = FlatButton(frame: CGRectMake(100, 100, 200, 64))
...@@ -56,7 +56,7 @@ view.addSubview(v) ...@@ -56,7 +56,7 @@ view.addSubview(v)
A RaisedButton is sure to get attention. Take a look at the following code sample. A RaisedButton is sure to get attention. Take a look at the following code sample.
![MaterialKitPreview](http://www.materialkit.io/github/img4.gif) ![MKPreview](http://www.materialkit.io/github/img4.gif)
```swift ```swift
let v: RaisedButton = RaisedButton(frame: CGRectMake(100, 100, 200, 64)) let v: RaisedButton = RaisedButton(frame: CGRectMake(100, 100, 200, 64))
...@@ -71,7 +71,7 @@ view.addSubview(v) ...@@ -71,7 +71,7 @@ view.addSubview(v)
A FabButton is essential to Material Design's overall look. I leave this example as simple as possible to showcase its beauty. A FabButton is essential to Material Design's overall look. I leave this example as simple as possible to showcase its beauty.
![MaterialKitPreview](http://www.materialkit.io/github/img5.gif) ![MKPreview](http://www.materialkit.io/github/img5.gif)
```swift ```swift
let v: FabButton = FabButton(frame: CGRectMake(100, 100, 64, 64)) let v: FabButton = FabButton(frame: CGRectMake(100, 100, 64, 64))
...@@ -86,7 +86,7 @@ view.addSubview(v) ...@@ -86,7 +86,7 @@ view.addSubview(v)
A NavigationBarView is a very common UI element and the more presentable it is, the better. The following example shows how to setup a NavigationBarView on the fly. A NavigationBarView is a very common UI element and the more presentable it is, the better. The following example shows how to setup a NavigationBarView on the fly.
![MaterialKitPreview](http://www.materialkit.io/github/img6.gif) ![MKPreview](http://www.materialkit.io/github/img6.gif)
```swift ```swift
let v: NavigationBarView = NavigationBarView(titleLabel: MaterialLabel())! let v: NavigationBarView = NavigationBarView(titleLabel: MaterialLabel())!
...@@ -141,7 +141,7 @@ view.addSubview(v) ...@@ -141,7 +141,7 @@ view.addSubview(v)
A BasicCardView is super flexible with all its options - including a title, detail, left buttons, and right buttons. Below is an example of a simple setup. A BasicCardView is super flexible with all its options - including a title, detail, left buttons, and right buttons. Below is an example of a simple setup.
![MaterialKitPreview](http://www.materialkit.io/github/img7.gif) ![MKPreview](http://www.materialkit.io/github/img7.gif)
```swift ```swift
let v: BasicCardView = BasicCardView(titleLabel: UILabel(), detailLabel: UILabel())! let v: BasicCardView = BasicCardView(titleLabel: UILabel(), detailLabel: UILabel())!
...@@ -195,7 +195,7 @@ MaterialLayout.alignFromTop(view, child: v, top: 100) ...@@ -195,7 +195,7 @@ MaterialLayout.alignFromTop(view, child: v, top: 100)
A BasicCardView can easily add an image as its background, below is the code that shows how to do this. A BasicCardView can easily add an image as its background, below is the code that shows how to do this.
![MaterialKitPreview](http://www.materialkit.io/github/img8.gif) ![MKPreview](http://www.materialkit.io/github/img8.gif)
```swift ```swift
let v: BasicCardView = BasicCardView(titleLabel: UILabel(), detailLabel: UILabel())! let v: BasicCardView = BasicCardView(titleLabel: UILabel(), detailLabel: UILabel())!
...@@ -223,7 +223,7 @@ MaterialLayout.alignFromTop(view, child: v, top: 100) ...@@ -223,7 +223,7 @@ MaterialLayout.alignFromTop(view, child: v, top: 100)
An ImageCardView is a great way to enclose many components into a single and presentable layout. Below is an example of setting one up. An ImageCardView is a great way to enclose many components into a single and presentable layout. Below is an example of setting one up.
![MaterialKitPreview](http://www.materialkit.io/github/img10.gif) ![MKPreview](http://www.materialkit.io/github/img10.gif)
```swift ```swift
let v: ImageCardView = ImageCardView() let v: ImageCardView = ImageCardView()
...@@ -270,7 +270,7 @@ MaterialLayout.alignFromTop(view, child: v, top: 100) ...@@ -270,7 +270,7 @@ MaterialLayout.alignFromTop(view, child: v, top: 100)
Animations are a wonderful way to add life to your application. MaterialAnimation is a lightweight API for constructing complex animations. Below is an example of an animation. Animations are a wonderful way to add life to your application. MaterialAnimation is a lightweight API for constructing complex animations. Below is an example of an animation.
![MaterialKitPreview](http://www.materialkit.io/github/img9.gif) ![MKPreview](http://www.materialkit.io/github/img9.gif)
```swift ```swift
let v: MaterialPulseView = MaterialPulseView(frame: CGRectMake(50, 50, 200, 200)) let v: MaterialPulseView = MaterialPulseView(frame: CGRectMake(50, 50, 200, 200))
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment