FUIKPIProgressCardView

@IBDesignable
open class FUIKPIProgressCardView : FUIKPICardView

Chart card type, where KPI values are centered in the card, inscribed within circular progress ring.

Developer should use the FUIKPIViewItem API set to build KPI content, and set to the kpiItems: [FUIKPIViewItem] property.

Usage

let view = FUIKPIProgressCardView()
view.title.text = "Completed"
view.status.text = "Updated 20 min ago"
view.kpiItems = [<#FUIKPIViewItem#>]
view.progress = 0.6

Skeleton

view.showSkeleton()
view.hideSkeleton()

Theming

Supported TEXT class paths:

fdlFUIKPIProgressCardView_title {}
fdlFUIKPIProgressCardView_kpiUnitItem {}
fdlFUIKPIProgressCardView_kpiMetricItem {}
fdlFUIKPIProgressCardView_kpiFractionItem {}
fdlFUIKPIProgressCardView_status {}

Supported TEXT properties:

font-color: Color;
font-style: UIFontTextStyle;
text-line-clamp: Integer;
text-align: NSTextAlignment;

Supported IMAGE class paths:

fdlFUIKPIProgressCardView_kpiIconItem {}

Supported IMAGE properties:

tint-color: Color;
  • Developer formatted NSAttributedString to be displayed as the KPI text

    Declaration

    Swift

    override public var kpiAttributedText: NSAttributedString! { get set }
  • Amount of the progress circle to be filled in as a Float 0.0..1.0

    Declaration

    Swift

    open var progress: Float { get set }