TabLayout

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.
  • IndicatorColor - it's a color value which is set to &hffff00ff 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.
  • TabIcons - it's a string value which is set to blank by default.
  • TabNames - it's a string value which is set to tab1,tab2 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 NiotronTabLayout, measured in pixels.


HeightPercent

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


IndicatorColor

Selected indicator color


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


Visible

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


Width

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


WidthPercent

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



Methods

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

AddTab

Adds a tab item with text and icon


Events

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

ReSelected

Invoked when tab item re-selected

Selected

Invoked when tab item selected