MaterialCardView 0.0.2

MaterialCardView 0.0.2

×

测试已测试✗
语言语言 SwiftSwift
许可 MIT
发布最后发布2015年2月
SPM支持 SPM✗

由 Cem Olcay 维护。

MaterialCardView 0.0.2

  • 由
  • Cem Olcay

MaterialCardView

快速简单地创建 Material Design 卡片

演示

alt tag

安装

手动

将 MaterialCardView.swift 和 CEMKit.swift 拷贝到您的项目中

用法

创建一个 MaterialCardView

    let c = MaterialCardView (
                   x: 10,
                   y: StatusBarHeight + 10,
                   w: ScreenWidth-20)  
    view.addSubview (c)

并开始添加 MaterialCardCell

  • 头部单元格
    func addHeader (title: String)
    func addHeader (view: UIView)
  • 单元格
    addCell (text: String, action: (()->Void)? = nil)
    addCell (view: UIView, action: (()->Void)? = nil)
    addCell (cell: MaterialCardCell)
  • 尾部单元格
    func addFooter (title: String)
    func addFooter (view: UIView)

当您添加或删除 MaterialCardCell 时，Material 卡更新其帧大小。
这就是为什么在初始化时不设置其 height 值的原因。

MaterialCard 外观

    var headerBackgroundColor: UIColor
    var cellBackgroundColor: UIColor
    var borderColor: UIColor

    var titleFont: UIFont
    var titleColor: UIColor

    var textFont: UIFont
    var textColor: UIColor

    var shadowColor: UIColor
    var rippleColor: UIColor
    var rippleDuration: NSTimeInterval

您可以通过其 appearance 属性更改 MaterialCardView 的外观。

默认外观是

    func defaultAppeareance () -> MaterialCardAppeareance {
        return MaterialCardAppeareance (
            headerBackgroundColor: UIColor.CardHeaderColor(),
            cellBackgroundColor: UIColor.CardCellColor(),
            borderColor: UIColor.CardBorderColor(),
            titleFont: UIFont.TitleFont(),
            titleColor: UIColor.TitleColor(),
            textFont: UIFont.TextFont(),
            textColor: UIColor.TextColor(),
            shadowColor: UIColor.ShadowColor(),
            rippleColor: UIColor.RippleColor(),
            rippleDuration: rippleDuration)
    }

这是 UIColor 和 UIFont 扩展，它们定义在 MaterialCardView.swift 文件的顶部。

MaterialAnimationTimingFunction

    enum MaterialAnimationTimingFunction {
        case SwiftEnterInOut
        case SwiftExitInOut

        func timingFunction () -> CAMediaTimingFunction {
            switch self {

            case .SwiftEnterInOut:
                return CAMediaTimingFunction (controlPoints: 0.4027, 0, 0.1, 1)

            case .SwiftExitInOut:
                return CAMediaTimingFunction (controlPoints: 0.4027, 0, 0.2256, 1)
            }
        }
    }

SwiftEnterInOut

(0.4027, 0, 0.1, 1)

SwiftExitInOut

(0.4027, 0, 0.2256, 1)

MaterialRippleLocation

enum MaterialRippleLocation {
    case Center
    case TouchLocation
}

RippleLayer

添加带有动作的单元格时添加水波动画
    c.addCell("Item 1") { sender in 
        println("item 1 tapped") 
    }

alt tag

向材料卡添加水波
     c.addRipple { () -> Void in
       println("all card ripples")
   }

alt tag