FUIListPickerCollectionViewCell

@MainActor
open class FUIListPickerCollectionViewCell : FUIInlineValidationDrawingCollectionViewCell<FUIListPickerFormView>, FUIPickerFormCell

The reusable UI component implemented as a UICollectionViewCell to display a key-value pair property, which is integrated with a FUIListPicker controller for displaying a list of values.

• title: The title of the property.
• valueText: The title of the property.
• value: The default selections.
• valueOptions: The list of optional values the user may choose from.
• allowsMultipleSelection: Indicates whether the user can select multiple values. The default is true, meaning that, by default, the user may select multiple values.
• isEnabled: Determines whether the selection(s) can be modified or not. The default is true.
• listPicker: The FUIListPicker for this FUIListPickerCollectionViewCell.

Note that the display of the selections in the valueLabel is the responsibility of the developer if the dataSource property of the listPicker is set. The developer needs to set the text of the valueLabel to reflect the selections. Otherwise, if the developer sets valueOptions and leaves dataSource of listPicker as nil, then the text in valueLabel will be set internally.

Here are the code snippets in the app’s UICollectionViewController implementation: (The app’s UICollectionViewController needs to be a subclass of FUIFormCollectionViewController.)

        var propValue7: [Int] = [1, 3, 6]
        var valueOptions7 = ["One", "Two", "Three", "Four", "Five", "Six", "Seven"]
        var listPickerDataSource7 = StringListPickerDataSource(options: valueOptions7)

        override func viewDidLoad() {
            super.viewDidLoad()
            self.collectionView.register(FUIListPickerCollectionViewCell.self, forCellWithReuseIdentifier: FUIListPickerCollectionViewCell.reuseIdentifier)
            // ...
        }

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

        cell.title.text = "Choose Multiple"
        cell.value = propValue7
        cell.allowsMultipleSelection = true
        cell.valueText.text = descriptionForSelectedStrings(valueOptions7, at: propValue7) // See below

        cell.listPicker.dataSource = listPickerDataSource7
        cell.listPicker.searchResultsUpdating = listPickerDataSource7
        cell.listPicker.isSearchEnabled = true
        cell.listPicker.prompt = "Please select multiple items"

        cell.listPicker.searchBar?.isBarcodeScannerEnabled = true
        cell.listPicker.searchBar?.barcodeScanner?.scanMode = .EAN_UPC
        cell.listPicker.searchBar?.barcodeScanner?.scanResultTransformer = { (scanString) -> String in
            return self.transformStringToSearchBar(scanResultString: scanString)
        }
        // MARK:  implement onChangeHandler
        cell.onChangeHandler = { [weak self] newValue in
            self.propValue3 = newValue
        }
            return cell
        }

        func descriptionForSelectedStrings(_ options: [String], at indexes: [Int]) -> String {
            return options.enumerated().filter({ (index, element) -> Bool in
                return indexes.contains(index)
            }).reduce ("") { string, element in
                return string.isEmpty ? element.1 : "\(string), \(element.1)"
            }
        }

## Theming

Supported Text class paths:

 fdlFUIListPickerCollectionViewCell_title {}
 fdlFUIListPickerFormView_valueText {}

Supported Text attributes:

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

Supported UIView class paths:

 fdlFUIListPickerCollectionViewCell_selectedBackgroundView {}

Supported UIView properties:

 background-color: (Color)