Chip

Last Updated On 2021-07-16

Version 1MinSDK 7Tutorial Video

A new component

Properties

You can set the below properties in the UI part of the builder.

  • HeihMargin - it's a four value which is set to 0,0,0,0 by default.
  • HeihPadding - it's a four value which is set to 0,0,0,0 by default.
  • HorizontalSpacing - it's a non negative integer value which is set to 0 by default.
  • MarginBottom - it's a non negative float value which is set to 0 by default.
  • MarginLeft - it's a non negative float value which is set to 0 by default.
  • MarginRight - it's a non negative float value which is set to 0 by default.
  • MarginTop - it's a non negative float value which is set to 0 by default.
  • PaddingBottom - it's a non negative float value which is set to 0 by default.
  • PaddingLeft - it's a non negative float value which is set to 0 by default.
  • PaddingRight - it's a non negative float value which is set to 0 by default.
  • PaddingTop - it's a non negative float value which is set to 0 by default.
  • SelectionRequired - it's a boolean value which is set to false by default.
  • SingleSelection - it's a boolean value which is set to false by default.
  • VerticalSpacing - it's a non negative integer value which is set to 0 by default.
  • Visible - it's a visibility value which is set to true by default.

Block Properties

You can set the below blocks properties in the blocks section of the builder.

Height

Specifies the vertical height of the NiotronChip, measured in pixels.


HeightPercent

Specifies the vertical height of the NiotronChip as a percentage of the height of the Screen.


HorizontalSpacing

Sets vertical spacing


MarginBottom

Property for MarginBottom


MarginLeft

Property for MarginLeft


MarginRight

Property for MarginRight


MarginTop

Property for MarginTop


PaddingBottom

Property for PaddingBottom


PaddingLeft

Property for PaddingLeft


PaddingRight

Property for PaddingRight


PaddingTop

Property for PaddingTop


SelectionRequired

Sets if one chip of the group must be selected


SingleSelection

Sets if any single chip of the group should be selected


VerticalSpacing

Sets vertical spacing


Visible

Specifies whether the NiotronChip should be visible on the screen. Value is true if the NiotronChip is showing and false if hidden.


Width

Specifies the horizontal width of the NiotronChip, measured in pixels.


WidthPercent

Specifies the horizontal width of the NiotronChip as a percentage of the width of the Screen.



Methods

You can set the below method blocks in the blocks section of the builder.

CheckedChipsList

gets all the checked chips

ChipCloseIconPadding

Sets chip close icon padding

ChipIconPadding

Sets chip padding

ChipPadding

Sets chip padding

CloseIcon

Set close icon

CloseIconColor

Sets close icon size

CreateChip

Create a new Chip, Possible values for chip types are "choice", "action", "entry", "filter"

Icon

Sets chip icon

IconColor

Sets chip icon size

IconSize

Sets chip icon size

Radius

Sets chip radius

RemoveChip

Removes chip

StrokeColor

Sets stroke color

StrokeSize

Sets stroke size

Text

Sets chip text

TextColor

Sets the chip text color

isChecked

Check if the perticular chip is checked


Events

You can set the below event blocks in the blocks section of the builder.

CheckChanged

Invokes when chip check change (only works if single selection if true)

Clicked

Invokes when chip was clicked

CloseButtonClicked

Invokes when close button clicked