FUIBaseItemCollectionViewCell

@MainActor
open class FUIBaseItemCollectionViewCell<InnerView> : FUIBaseDrawingCollectionViewCell<InnerView> where InnerView : FUIImageCollectionItemView

Base Collection View Cell for FUICollectionItemCell and FUIImageCollectionViewCell. Typically not used directly by developer.

Usage

let cell = collectionView.dequeueReusableCell(withReuseIdentifier: FUIBaseItemCollectionViewCell.reuseIdentifier, for: indexPath) as! FUIBaseItemCollectionViewCell
cell.itemSize = .small
cell.detailImageView.image = UIImage(named: "profile")

Theming

nuiClass:

fdlFUIBaseItemCollectionViewCell {}

Supported TEXT class paths:

fdlFUIBaseItemCollectionViewCell_title {}
fdlFUIBaseItemCollectionViewCell_subtitle {}
fdlFUIBaseItemCollectionViewCell_status {}
fdlFUIBaseItemCollectionViewCell_placeholder {}

Supported TEXT properties:

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

Supported IMAGE class paths:

fdlFUIBaseItemCollectionViewCell_detailImageView {}

Supported IMAGE properties:

tint-color: Color;

  • The size of the cell. By default, the itemSize is set to .standard

    Design Language specifications:

    • .small configures the cell to have a width of 110 points
    • .standard configures the cell to have a width of 120 points

    Declaration

    Swift

    @MainActor
public var itemSize: FUICollectionCellSize { get set }

  • Dimensions of detailImageViewSize. By default, the size is set to CGSize(width: 110, height: 90)

    Design Language specifications:

    • FUICollectionCellSize.small configures the size to have a range of 60 to 90 points for the width and height
    • FUICollectionCellSize.standard configures the size to have a width of 110 points and a height between 90 to 110 points

    Important: Always set detailImageViewSize after itemSize. Because setting itemSize will reset size to be 60 * 60 (.small) or 110 * 90 (.standard).

    Declaration

    Swift

    @MainActor
public var detailImageViewSize: CGSize { get set }

  • The document Image to be shown within the cell.

    Design Language specifications:

    • Images should be 28 by 28 document images.
    • Images will render as template and have a tintColor of .primary3 with .dark and a backgroundColor of .primary5 with .light

    Declaration

    Swift

    @MainActor
public var documentImage: UIImage? { get set }

  • UIColor that shows behind the placeholder text.

    Declaration

    Swift

    @MainActor
public var placeholderBackgroundColor: UIColor { get set }