卡片 1.4.0

Cards 1.4.0

×

测试已测试✗
语言语言 SwiftSwift
许可证 MIT
发布最后发布2019年3月
SPM支持SPM✗

由 PaoloCuscela 维护。

Cards 1.4.0

  • 由
  • Paolo Cuscela

GitHub Stars Pod Version Platform License

Overview

卡片将新 iOS XI Appstore 中看到的卡片视图引入了 Xcode。

开始

Storyboard

  • 转到 main.storyboard 并添加一个 空白 UIView
  • 打开 身份检查器 并在 '类' 字段中键入 'CardHighlight'
  • 确保在 '模块' 字段中选择了 'Cards'
  • 切换到 属性检查器 并按您喜欢的样式进行配置。

CardViewStoryboard

  • 拖放一个空白 UIViewController 并按您喜欢的样式设计其视图。
  • 转到 身份检查器
  • 在 StoryboardID 字段中键入 'CardContent'。

DetailViewStoryboard

代码

import Cards

// Aspect Ratio of 5:6 is preferred
let card = CardHighlight(frame: CGRect(x: 10, y: 30, width: 200 , height: 240))

card.backgroundColor = UIColor(red: 0, green: 94/255, blue: 112/255, alpha: 1)
card.icon = UIImage(named: "flappy")
card.title = "Welcome \nto \nCards !"
card.itemTitle = "Flappy Bird"
card.itemSubtitle = "Flap That !"
card.textColor = UIColor.white
    
card.hasParallax = true
    
let cardContentVC = storyboard!.instantiateViewController(withIdentifier: "CardContent")
card.shouldPresent(cardContentVC, from: self, fullscreen: false)
    
view.addSubview(card)

GetStarted

先决条件

  • Xcode 10.2 或更新版本
  • Swift 5.0

安装

Cocoapods

use_frameworks!
pod 'Cards'

手动

  • 下载 仓库
  • ⌘C ⌘V 将你的项目中 ‘Cards’ 文件夹 进行复制粘贴
  • 在你的 项目信息 中，进入 '构建阶段'
  • 打开 '编译源代码' 并 添加文件夹中的所有文件

概述

Overview Overview Overview

自定义

//Shadow settings
var shadowBlur: CGFloat
var shadowOpacity: Float
var shadowColor: UIColor
var backgroundImage: UIImage?
var backgroundColor: UIColor

var textColor: UIColor 	//Color used for the labels
var insets: CGFloat 	//Spacing between content and card borders
var cardRadius: CGFloat //Corner radius of the card
var icons: [UIImage]? 	//DataSource for CardGroupSliding
var blurEffect: UIBlurEffectStyle //Blur effect of CardGroup

使用

CardPlayer

let card = CardPlayer(frame: CGRect(x: 40, y: 50, width: 300 , height: 360))
card.textColor = UIColor.black
card.videoSource = URL(string: "http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4")
card.shouldDisplayPlayer(from: self)    //Required. 
        
card.playerCover = UIImage(named: "mvBackground")!  // Shows while the player is loading
card.playImage = UIImage(named: "CardPlayerPlayIcon")!  // Play button icon
        
card.isAutoplayEnabled = true
card.shouldRestartVideoWhenPlaybackEnds = true
        
card.title = "Big Buck Bunny"
card.subtitle = "Inside the extraordinary world of Buck Bunny"
card.category = "today's movie"
        
view.addSubview(card)

卡片组滑动

    let icons: [UIImage] = [    
    
        UIImage(named: "grBackground")!,
        UIImage(named: "background")!,
        UIImage(named: "flappy")!,
        UIImage(named: "flBackground")!,
        UIImage(named: "icon")!,
        UIImage(named: "mvBackground")!
    
    ]   // Data source for CardGroupSliding
    
    let card = CardGroupSliding(frame: CGRect(x: 40, y: 50, width: 300 , height: 360))
    card.textColor = UIColor.black
    
    card.icons = icons
    card.iconsSize = 60
    card.iconsRadius = 30
    
    card.title = "from the editors"
    card.subtitle = "Welcome to XI Cards !"

    view.addSubview(card)

文档

请参阅Wiki，以深入了解卡片的详细信息。
出发！

问题 & 功能请求

如果您在使用卡片时遇到任何问题或有任何困难，请随时创建一个问题。我看到后会尽快回答您。

欢迎使用新功能或对框架的改进（创建问题）。

致谢

许可证

Cards项目采用MIT许可证发布。