CheckboxU - Create Customizable Checkboxes.

Extensions
1

Create customizable checkboxes.

Configure the size, border color, fill color, and verification style of the checkboxes. Additionally, it includes an event that is fired when the checkbox changes state.

New features added

Features:

blocks (4)
blocks (4)1092×578 62 KB

  • parent: 'AndroidViewComponent' - Parent component in which the checkbox will be added.
  • id: 'int' - Unique identifier for the checkbox.
  • size: 'int' - Size of the checkbox.
  • checkedColorHex: 'String' - Color in hexadecimal for the checked state.
  • borderWidth: 'int' - Width of the checkbox border.
  • borderColorHex: 'String' - Hexadecimal color for the border.
  • verificationStyle: 'String' - Verification style (e.g., "Check", "Cross", "Circle", "Rounded", "Triangle", "Rectangle", "Star", "HorizontalLine").
  • text: ''String' - Text associated with the checkbox.
  • textColorHex: 'String' - Hexadecimal color for the text.
  • textSize: 'int' - Text size.

blocks (5)
blocks (5)812×162 14.9 KB

  • id: 'int' - Unique identifier of the checkbox.
  • visible: 'boolean' - Visibility of the checkbox (true for visible, false for hidden).

component_method

  • id: 'int' - Unique identifier of the checkbox.
  • newText: 'String' - New text for the checkbox.

component_method (1)
component_method (1)752×158 12.8 KB

  • id: 'int' - Unique identifier of the checkbox.
  • newColorHex: 'String' - New color in hexadecimal for the checkbox text.

component_method (2)

  • id: 'int' - Unique identifier of the checkbox.

component_method (4)

  • id: 'int' - Unique identifier of the checkbox.
  • checked: 'boolean' - State of the checkbox (true for checked, false for unchecked).

blocks (3)
blocks (3)872×214 19.6 KB

  • id: 'int' - Unique identifier of the checkbox.
  • textSize: 'int' - Checkbox text size.
  • textStyle: 'int' - Style of the text (e.g., Typeface.NORMAL, Typeface.BOLD, etc.). (1 = NORMAL, 2 = BOLD, 3 = ITALIC).

component_method (6)
component_method (6)718×158 11.9 KB

  • id: 'int' - Unique identifier of the checkbox.
  • iconName: 'String' - Name of the icon resource.

component_method (3)

  • id: 'int' - Unique identifier of the checkbox.
  • size: 'int' - Size of the checkbox.

component_method (5)
component_method (5)778×158 13.6 KB

  • id: 'int' - Unique identifier of the checkbox.
  • verificationStyle: 'String' - Verification style (e.g., "Check", "Cross", "Circle", etc.).

Events:

component_event (2)

  • id: 'int' - Unique identifier of the checkbox.
  • isChecked: 'boolean' - State of the checkbox (true for checked, false for unchecked).

component_event (3)

  • id: 'int' - Unique identifier of the checkbox.

Example:

Screenshot_2024-06-09-22-58-33-809_edu.mit.appinventor.aicompanion3
Screenshot_2024-06-09-22-58-33-809_edu.mit.appinventor.aicompanion31080×2340 145 KB

Extension: Versión 2
CheckboxU.aix (14.5 KB)

Thanks.

4 Likes
3

What type of component is the "parent" ?

4

I used HorizontalArrangement, I have not tested it with any other component, I will do more tests later

5

Updated extension