FUITimelineCollectionViewCell

@IBDesignable
@MainActor
open class FUITimelineCollectionViewCell : NibDesignableCollectionViewCell

FUITimelineCollectionViewCell is an Interface-Builder-designable UI component that extends NibDesignableCollectionViewCell for showing information of a task. FUITimelinePreviewView embeds a collection view which displays a set of FUITimelineCollectionViewCell.

Views Available in FUITimelineCollectionViewCell:

  • titleLabel: an UILabel showing a short description of the task.

  • footnoteLabel: anUILabel showing extra information about the task. When cell is used with a FUITimelinePreviewView, the textual representation of due date of FUITimelineItem is put here.

  • nodeImageView: anUIImageView contains a node image showing the status of the task. You change the node type by setting ‘nodeType’ on FUITimelineCollectionViewCell.

Example Initialization and Configuration:

public func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
let cell = collectionView.dequeueReusableCell(withReuseIdentifier: FUITimelineCollectionViewCell.reuseIdentifier, for: indexPath) as! FUITimelineCollectionViewCell

cell.title = "Development Kick-off"
cell.footnote = Date()
cell.nodeType = .open

return cell
}

theming

fdlFUITimelineCollectionViewCell_titleLabel {
   font-style: subheadline;
   font-color: primary1;
}

fdlFUITimelineCollectionViewCell_footnoteLabel {
   font-style: footnote;
   font-color: primary3;
}

  • The version to be displayed. The default is .v2.

    Declaration

    Swift

    @MainActor
public var version: FUITimeline.Version { get set }

  • Reuse identifier @return String a reuse identifier that describes FUITimelineCollectionViewCell

    Declaration

    Swift

    @MainActor
open class var reuseIdentifier: String { get }

  • A title label that displays a text as title. Use title to set the label’s text value.

    Declaration

    Swift

    @IBOutlet
@MainActor
public private(set) weak var titleLabel: UILabel! { get }

  • A image view that contains a node indicating the status of the task. Use nodeType to select the node of the nodeImageView.

    Declaration

    Swift

    @IBOutlet
@MainActor
public private(set) weak var nodeImageView: UIImageView! { get }

  • A footnote label that displays a text as footnote. Use footnote to set the label’s text value.

    Declaration

    Swift

    @IBOutlet
@MainActor
public private(set) weak var footnoteLabel: UILabel! { get }

  • A horizontal line of FUITimelineCollectionViewCell.

    Declaration

    Swift

    @IBOutlet
@MainActor
public private(set) weak var timeline: UIView! { get }

  • A stack view that contains node image and timeline.

    Declaration

    Swift

    @IBOutlet
@MainActor
public private(set) weak var oStackView: UIStackView! { get }

  • The gradient color of timeline. Default value is primary4(Hex: CCCCCC) in Fiori Design Language.

    Declaration

    Swift

    @MainActor
public var timelineColor: UIColor

  • The opacity of start point and end point of timeline color. (e.g. [1.0, 0.5] means opacity of start point is 1.0 and opacity of end point is 0.5) By default, this property is set to [1.0, 1.0] when cell is initialized.

    Declaration

    Swift

    @MainActor
public var gradientAlphas: [CGFloat]?

  • The text of title label.

    Declaration

    Swift

    @IBInspectable
@MainActor
public var title: String? { get set }

  • The text of footnote label.

    Declaration

    Swift

    @IBInspectable
@MainActor
public var footnote: String? { get set }

  • The node type of node image view.

    Declaration

    Swift

    @MainActor
public var nodeType: FUITimelineStatus { get set }

  • Undocumented

    Declaration

    Swift

    @MainActor
public var isFuture: Bool { get set }