Drawing and Animation

Drawing and Animation Components" typically refer to software libraries or frameworks that provide tools and functionalities for creating graphical content, illustrations, and animations in applications. These components are essential for developers who want to enhance the visual appeal and interactivity of their software.

About the component


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

Painter

Provides a canvas for drawing and text input, with various customization options.

Overview

A visible component that acts as a canvas for drawing and adding text.

Events

Image Description
Events

OnError

  • Triggered when an error occurs.

    • # Name Type(s) Default Value
    1 error string
    Image Description
    Events

    OnSaved

  • Triggered when the canvas content is successfully saved as an image.

    • # Name Type(s) Default Value
    1 path string

    Methods

    Image Description
    Methods

    AddToView

  • Adds the canvas view to the specified layout.

    • # Name Type(s) Default Value
    1 layout AndroidViewComponent
    Image Description
    Methods

    CanRedo

  • Checks if redo is available.

    • Image Description
    Methods

    CanUndo

  • Checks if undo is available.

    • Image Description
    Methods

    Clear

  • Clears the canvas.

    • Image Description
    Methods

    SaveAsImage

  • Saves the specified view as an image.

    • # Name Type(s) Default Value
    1 view AndroidViewComponent
    2 name string
    3 extension string
    Image Description
    Methods

    Undo

  • Performs an undo action.

    • Properties

    Image Description
    Properties

    Drawer

  • Sets and gets the drawing tool (PEN, LINE, RECTANGLE, CIRCLE, ELLIPSE, QUADRATIC_BEZIER, CUBIC_BEZIER).

    • # Name Type(s) Default Value
    1 Drawer CanvasView.Drawer
    Image Description
    Properties

    Mode

  • Sets and gets the drawing mode (DRAW, TEXT, ERASER).

    • # Name Type(s) Default Value
    1 Mode CanvasView.Mode
    Image Description
    Image Description
    Properties

    Alpha

  • Sets and gets the opacity of the drawing.

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

    LineCap

  • Sets and gets the line cap style (BUTT, ROUND, SQUARE).

    • # Name Type(s) Default Value
    1 LineCap Paint.Cap
    Image Description
    Properties

    PainterStyle

  • Sets and gets the paint style (FILL, STROKE, FILL_AND_STROKE).

    • # Name Type(s) Default Value
    1 PainterStyle Paint.Style
    Image Description
    Image Description
    Properties

    Text

  • Sets and gets the text to be drawn.

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

    Typeface

  • Sets and gets the typeface (font family) for text.

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

    BgColor

  • Sets and gets the background color of the canvas.

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

    Blur

  • Sets and gets the blur effect for drawing.

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

    FontSize

  • Sets and gets the font size for text.

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

    StrokeColor

  • Sets and gets the stroke color for drawing.

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

    StrokeWidth

  • Sets and gets the stroke width for drawing.

    • # Name Type(s) Default Value
    1 StrokeWidth number
    Image Description
    Properties

    MODE_DRAW

  • Returns the DRAW mode.

    • # Name Type(s) Default Value
    1 MODE_DRAW CanvasView.Mode
    Image Description
    Properties

    MODE_ERASER

  • Returns the ERASER mode.

    • # Name Type(s) Default Value
    1 MODE_ERASER CanvasView.Mode
    Image Description
    Properties

    MODE_TEXT

  • Returns the TEXT mode.

    • # Name Type(s) Default Value
    1 MODE_TEXT CanvasView.Mode
    Image Description
    Image Description
    Image Description
    Properties

    Drawer

  • Returns constant representing the CIRCLE drawer.

  • Returns constant representing the ELLIPSE drawer.

  • Returns constant representing the LINE drawer.

    • # Name Type(s) Default Value
    1 DRAWER_CIRCLE CanvasView.Drawer
    2 DRAWER_ELLIPSE CanvasView.Drawer
    3 DRAWER_LINE CanvasView.Drawer
    Image Description
    Image Description
    Image Description
    Properties

    Drawer

  • Returns constant representing the PEN drawer.

  • Returns constant representing the QUADRATIC_BEZIER drawer.

  • Returns Constant representing the CUBIC_BEZIER drawer

    • # Name Type(s) Default Value
    1 DRAWER_PEN CanvasView.Drawer
    2 DRAWER_QUADRATIC_BEZIER CanvasView.Drawer
    3 DRAWER_QUBIC_BEZIER CanvasView.Drawer
    Image Description
    Properties

    Drawer

  • Returns constant representing the RECTANGLE drawer.

    • # Name Type(s) Default Value
    1 DRAWER_RECTANGLE CanvasView.Drawer
    Image Description
    Image Description
    Image Description
    Properties

    LineCap

  • Returns constant representing the BUTT line cap.

  • Returns constant representing the ROUND line cap.

  • Returns constant representing the SQUARE line cap.

    • # Name Type(s) Default Value
    1 LineCap_BUTT Paint.Cap
    2 LineCap_ROUND Paint.Cap
    3 LineCap_SQUARE Paint.Cap
    Image Description
    Image Description
    Image Description
    Properties

    Mode

  • Returns constant representing the draw mode.

  • Returns constant representing the eraser mode

  • Returns constant representing the text mode.

    • # Name Type(s) Default Value
    1 MODE_DRAW CanvasView.Mode
    2 MODE_ERASER CanvasView.Mode
    3 MODE_TEXT CanvasView.Mode
    Image Description
    Image Description
    Image Description
    Properties

    PainterStyle

  • Returns constant representing the Style.FILL.

  • Returns constant representing the Style.FILL_AND_STROKE.

  • Returns constant representing the Style.STROKE.

    • # Name Type(s) Default Value
    1 STYLE_FILL Paint.Style
    2 STYLE_FILL_AND_STROKE Paint.Style
    3 STYLE_STROKE Paint.Style
    Image Description
    Image Description
    Image Description
    Properties

    Typeface

  • Returns constant representing DEFAULT.

  • Returns constant representing DEFAULT_BOLD.

  • Returns constant representing MONOSPACE.

    • # Name Type(s) Default Value
    1 Typeface_DEFAULT Typeface
    2 Typeface_DEFAULT_BOLD Typeface
    3 Typeface_MONOSPACE Typeface
    Image Description
    Image Description
    Image Description
    Properties

    Typeface

  • Return constant representing SANS_SERIF.

  • Return constant representing SERIF.

  • Returns constant representing the default extension.

    • # Name Type(s) Default Value
    1 Typeface_SANS_SERIF Typeface
    2 Typeface_SERIF Typeface
    3 extension_PNG string .png