Skip to content

Image

Category Requires Version
User Interface API 21, Android 5.0 Lollipop 6

Overview

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. You can also add gif images.

Permissions

Events

Click

Event to detect that a user has done a simple "Click".

whenImage.Clickdo

Long Click

Event to detect that a user has done a simple "Long Click".

whenImage.Long Clickdo

Methods

Clear Image Tint Color

Clear the image tint color.

callImage.Clear Image Tint Color

Properties

Animation

Text ➖ Write - Blocks

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

setImage.Animation to 

Clickable

Boolean Default: False ➖ Read Write - Designer Blocks

Set the component clickable or not clickable.

Image.Clickable
setImage.Clickable to 

Height

Number ➖ Read Write - Blocks

Specifies the component's vertical height, measured in pixels.

Image.Height
setImage.Height to 

Height Percent

Number ➖ Write - Blocks

Specifies the component's vertical height as a percentageof the height of its parent Component.

setImage.Height Percent to 

Image Tint Color

Number ➖ Read Write - Blocks

Change the image tint color. You can use too alpha values if you want with the 'make a list' block. Do not forget to use the 'make color' block together with the 'make a list' block.

Image.Image Tint Color
setImage.Image Tint Color to 

Picture

Text ➖ Read Write - Designer Blocks

Property for Picture

Image.Picture
setImage.Picture to 

Rotation Angle

Number Default: 0.0 ➖ Read Write - Designer Blocks

The angle at which the image picture appears rotated. This rotation does not appear on the designer screen, only on the device.

Image.Rotation Angle
setImage.Rotation Angle to 

Scale Picture To Fit

Boolean Default: False ➖ Write - Designer Blocks

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

setImage.Scale Picture To Fit to 

Scaling

Number ➖ Read Write - Blocks

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.

Image.Scaling
setImage.Scaling to 

Visible

Boolean Default: True ➖ Read Write - Designer Blocks

Returns true iff the component is visible.

Image.Visible
setImage.Visible to 

Width

Number ➖ Read Write - Blocks

Specifies the component's horizontal width, measured in pixels.

Image.Width
setImage.Width to 

Width Percent

Number ➖ Write - Blocks

Specifies the component's horizontal width as a percentageof the Width of its parent Component.

setImage.Width Percent to