Material Components

Material Components are modular, meaning developers can pick and choose specific UI elements (such as buttons, cards, text fields) based on their application's requirements. This modularity enhances flexibility and allows for easy integration into existing projects.

About the component


Image Description
  •  Last Update 25 Oct, 2023
  •  Component Version : 2.0.0
  •  API 21, Android 5.0 Lollipop
  •  29 Blocks Available

Android Material Button

Material Components are modular, meaning developers can pick and choose specific UI elements (such as buttons, cards, text fields) based on their application's requirements. This modularity enhances flexibility and allows for easy integration into existing projects.

Overview

A visible component that's a Material Design button.

Events

Image Description
Events

Click

  • Event triggered when the button is clicked.

    • Image Description
    Events

    LongClick

  • Event triggered when the button is long-clicked.

    • Image Description
    Events

    Touched

  • Event triggered when the button is touched (pressed or released).

    • Methods

    Image Description
    Methods

    SetMargin

  • Sets the margin around the button.

    • # Name Type(s) Default Value
    1 left integer
    2 top integer
    3 right integer
    4 bottom integer
    Image Description
    Methods

    SetPadding

  • Sets the padding within the button.

    • # Name Type(s) Default Value
    1 left integer
    2 top integer
    3 right integer
    4 bottom integer

    Properties

    Image Description
    Image Description
    Properties

    BackgroundColor

  • Gets the button's background color.

  • Sets the button's background color.

    • # Name Type(s) Default Value
    1 BackgroundColor color
    2 BackgroundColor color
    Image Description
    Image Description
    Properties

    CornerRadius

  • Gets the button's corner radius.

  • Sets the button's corner radius.

    • # Name Type(s) Default Value
    1 CornerRadius integer
    2 CornerRadius integer 0
    Image Description
    Image Description
    Properties

    Elevation

  • Gets the button's elevation (shadow).

  • Sets the button's elevation (shadow).

    • # Name Type(s) Default Value
    1 Elevation integer
    2 Elevation integer 2
    Image Description
    Image Description
    Properties

    Enabled

  • Gets whether the button is enabled.

  • Sets whether the button is enabled.

    • # Name Type(s) Default Value
    1 Enabled boolean
    2 Enabled boolean true
    Image Description
    Image Description
    Properties

    FontBold

  • Gets whether the button text is bold.

  • Sets whether the button text is bold.

    • # Name Type(s) Default Value
    1 FontBold boolean
    2 FontBold boolean false
    Image Description
    Image Description
    Properties

    FontItalic

  • Gets whether the button text is italic.

  • Sets whether the button text is italic.

    • # Name Type(s) Default Value
    1 FontItalic boolean
    2 FontItalic boolean false
    Image Description
    Image Description
    Properties

    FontSize

  • Gets the button text font size.

  • Sets the button text font size.

    • # Name Type(s) Default Value
    1 FontSize integer
    2 FontSize integer 14
    Image Description
    Image Description
    Properties

    FontTypeface

  • Gets the button text typeface.

  • Sets the button text typeface.

    • # Name Type(s) Default Value
    1 FontTypeface integer
    2 FontTypeface integer 0
    Image Description
    Properties

    Gravity

  • Sets the gravity of the button's content.

    • # Name Type(s) Default Value
    1 Gravity integer
    Image Description
    Image Description
    Properties

    Height

  • Gets the button's height.

  • SetHeight

    Sets the button's height.

    • # Name Type(s) Default Value
    1 Height Integer
    2 Height Integer
    Image Description
    Image Description
    Properties

    HeightPercent

  • Sets the button's height as a percentage of its parent's height.

  • WidthPercent

    Sets the button's width as a percentage of its parent's width.

    • # Name Type(s) Default Value
    1 HeightPercent float
    2 WidthPercent float
    Image Description
    Properties

    Icon

  • Sets the button's icon.

    • # Name Type(s) Default Value
    1 Icon string
    Image Description
    Properties

    IconPadding

  • Sets the padding between the button's icon and text.

    • # Name Type(s) Default Value
    1 IconPadding integer
    Image Description
    Properties

    IconSize

  • Sets the button's icon size.

    • # Name Type(s) Default Value
    1 IconSize integer
    Image Description
    Image Description
    Properties

    RippleColor

  • Gets the button's ripple color.

  • SetRippleColor

    Sets the button's ripple color.

    • # Name Type(s) Default Value
    1 RippleColor color
    2 RippleColor color
    Image Description
    Properties

    Shape

  • Sets the button's shape.

    • # Name Type(s) Default Value
    1 Shape integer
    Image Description
    Image Description
    Properties

    StrokeColor

  • Gets the button's stroke color.

  • Sets the button's stroke color.

    • # Name Type(s) Default Value
    1 StrokeColor color
    2 StrokeColor color
    Image Description
    Image Description
    Properties

    StrokeWidth

  • Gets the button's stroke width.

  • Sets the button's stroke width.

    • # Name Type(s) Default Value
    1 StrokeWidth integer
    2 StrokeWidth integer 0
    Image Description
    Image Description
    Properties

    Text

  • Gets the button's text.

  • Sets the button's text.

    • # Name Type(s) Default Value
    1 Text string
    2 Text string
    Image Description
    Image Description
    Properties

    TextAlignment

  • Gets the button's text alignment.

  • Sets the button's text alignment.

    • # Name Type(s) Default Value
    1 TextAlignment integer
    2 TextAlignment integer 1
    Image Description
    Image Description
    Properties

    TextColor

  • Gets the button's text color.

  • Sets the button's text color.

    • # Name Type(s) Default Value
    1 TextColor color
    2 TextColor color
    Image Description
    Image Description
    Properties

    Visible

  • Gets whether the button is visible.

  • Sets whether the button is visible.

    • # Name Type(s) Default Value
    1 Visible boolean
    2 Visible boolean true