FUICardMainHeaderView

Card Main Header
 The main header block can contain a thumbnail, icon stack, title, subtitle, an Action button, and a Counter.

Example Initialization and Configuration:

// set up main header
let mainHeader = FUICardMainHeaderView()
mainHeader.detailImageView.image = UIImage(named: "imageName")
mainHeader.title.text = "Title"
mainHeader.subtitle.text = "Subtitle"
mainHeader.overflowAction.isHidden = false
mainHeader.counter.text = "3 of 36"
// set up the icon stack
let dot = FUIAttributedImage(image: FUIIconLibrary.indicator.dot.withRenderingMode(.alwaysTemplate))
let attachment = FUIAttributedImage(image: FUIIconLibrary.indicator.attachment.withRenderingMode(.alwaysTemplate))
mainHeader.iconImages = [dot, attachment, "1"]

Theming

Supported Text class paths:

fdlFUICardMainHeaderView_title {}
fdlFUICardMainHeaderView_subtitle {}
fdlFUICardMainHeaderView_counter {}
fdlFUICardMainHeaderView_overflowAction {}

Supported Text attributes: font-color (Color) font-name (FontName) font-style (UIFontTextStyle) font-size (Number) text-align (TextAlign) text-line-clamp (Integer)

Supported ImageView class paths:

fdlFUICardMainHeaderView_detailImageView {}

Supported ImageView attributes: image-name (Image) tint-color (Color)

  • UIImageView displaying detailImage content. Will be rendered in view hierarchy.

    Declaration

    Swift

    public private(set) lazy var detailImageView: FUIImageView { get set }
  • Width of area for stacked icons. Should only be modified if rendering multi-digit indicators in the iconImages property. Defaults to 16.

    Declaration

    Swift

    public var iconsColumnWidth: CGFloat { get set }
  • Dimensions of detailImageView. Should be within range 16x16 to 60x60

    Declaration

    Swift

    public var detailImageViewSize: CGSize? { get set }
  • FUIGlyphImage property configuration for iconImages content.

    Declaration

    Swift

    public var iconImages: [FUIGlyphImage] { get set }
  • Multiline text property configuration for title content.

    Declaration

    Swift

    public var title: FUIMultiLineText
  • Multiline text property configuration for subtitle content.

    Declaration

    Swift

    public var subtitle: FUIMultiLineText
  • Multiline text property configuration for counter content.

    Declaration

    Swift

    public var counter: FUIText
  • UIButton for overflow action

    Declaration

    Swift

    public private(set) lazy var overflowAction: FUIButton { get set }
  • Dimensions of overflowAction. Default to be nil and use the intrinsicContentSize.

    Declaration

    Swift

    public var overflowActionSize: CGSize? { get set }