Image

Last Updated On 2021-07-16

Version 5MinSDK 7Tutorial Video

Component for displaying images. The picture to display, and other aspects of the Image's appearance, can be specified in the Designer or in the Blocks Editor.


Properties

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

  • Clickable - it's a boolean value which is set to false by default.
  • 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.
  • LongClickable - it's a boolean value which is set to false 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.
  • Picture - it's a asset value which is set to blank by default.
  • RotationAngle - it's a float value which is set to 0.0 by default.
  • ScalePictureToFit - it's a boolean value which is set to false 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.

Animation

This is a limited form of animation that can attach a small number of motion types to images. The allowable motions are ScrollRightSlow, ScrollRight, ScrollRightFast, ScrollLeftSlow, ScrollLeft, ScrollLeftFast, and Stop


Clickable

Specifies whether the image should be clickable or not.


Height

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


HeightPercent

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


LongClickable

Specifies whether the image should be long clickable or not.


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


Picture

Returns the path of the image's picture.


RotationAngle

Specifies the angle, in degrees, at which the image picture appears rotated.


ScalePictureToFit

Specifies whether the image should be resized to match the size of the ImageView.


Scaling

This property determines how the picture scales according to the Height or Width of the Image. Scale proportionally (0) preserves the picture aspect ratio. Scale to fit (1) matches the Image area, even if the aspect ratio changes.


Visible

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


Width

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


WidthPercent

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



Events

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

Click

An event that occurs when an image is clicked.

LongClick

Triggers when image long clicked