Material design风格的iOS组件:MaterialKit

jopen 9年前

采用Swift开发的iOS Material design 组件。

特性

  • 高度可定制
  • 完整的示例
  • Supports @IBDesignable to live-render the component in the Interface Builder
  • By suporting @IBInspectable, the class properties can be exposed in the Interface Builder, and you can edit these properties in realtime

  • MKButton : floating action button, raised button, flat button, ripple effect

  • MKTextField: ripple effect, floating placeholder
  • MKTableViewCell
  • MKTextView (In progress)
  • MKCheckBox
  • MKAlert
  • MKLayer
  • MKColor

Components

MKButton

68747470733a2f2f646c2e64726f70626f7875736572636f6e74656e742e636f6d2f752f383535363634362f4d4b427574746f6e2e676966.gif

Custommizable attributes

  • rippleLocation: MKRippleLocation = .TapLocation : Center, Left, Right
  • maskEnabled: Bool = true : false
  • circleGrowRatioMax: Float = 0.9
  • cornerRadius: CGFloat = 2.5
  • backgroundLayerCornerRadius: CGFloat = 0.0
  • shadowAniEnabled: Bool = true
  • backgroundAniEnabled: Bool = true
  • aniDuration: Float = 0.65
  • circleAniTimingFunction: MKTimingFunction = .Linear : EaseIn, EaseOut, Custom
  • backgroundAniTimingFunction: MKTimingFunction = .Linear : EaseIn, EaseOut, Custom
  • shadowAniTimingFunction: MKTimingFunction = .EaseOut : EaseIn, EaseOut, Custom
  • circleLayerColor: UIColor = UIColor(white: 0.45, alpha: 0.5)
  • backgroundLayerColor: UIColor = UIColor(white: 0.75, alpha: 0.25)

MKTextField

68747470733a2f2f646c2e64726f70626f7875736572636f6e74656e742e636f6d2f752f383535363634362f4d4b546578744669656c642e676966.gif

Custommizable attributes

  • cornerRadius: CGFloat = 2.5
  • rippleLocation: MKRippleLocation = .TapLocation : Center, Left, Right
  • padding: CGSize = CGSize(width: 5, height: 5)
  • floatingLabelBottomMargin: CGFloat = 2.0
  • floatingPlaceholderEnabled: Bool = false
  • aniDuration: Float = 0.65
  • circleAniTimingFunction: MKTimingFunction = .Linear : EaseIn, EaseOut, Custom
  • circleLayerColor: UIColor = UIColor(white: 0.45, alpha: 0.5)
  • backgroundLayerColor: UIColor = UIColor(white: 0.75, alpha: 0.25)
  • floatingLabelFont: UIFont = UIFont.boldSystemFontOfSize(10.0)
  • floatingLabelTextColor: UIColor = UIColor.lightGrayColor()

MKTableViewCell

68747470733a2f2f646c2e64726f70626f7875736572636f6e74656e742e636f6d2f752f383535363634362f4d4b5461626c655669657743656c6c2e676966.gif

Custommizable attributes

  • rippleLocation: MKRippleLocation = .TapLocation : Center, Left, Right
  • circleAniDuration: Float = 0.75
  • circleAniTimingFunction: MKTimingFunction = .Linear : EaseIn, EaseOut, Custom
  • backgroundAniDuration: Float = 1.0
  • circleLayerColor: UIColor = UIColor(white: 0.45, alpha: 0.5)
  • backgroundLayerColor: UIColor = UIColor(white: 0.75, alpha: 0.25)

MKLayer

A subclass of CALayer.

MKColor

A category for UIColor that adds some methods to get flat colors designed by Google

    // get color from UIColor           let lightBlueColor = UIColor.MKColor.LightBlue

Requirements

  • iOS 7.0+
  • Xcode 6.1

项目主页:http://www.open-open.com/lib/view/home/1416205132883