ImagePicker

Last Updated On 2021-07-16

Version 5MinSDK 7Tutorial Video

A special-purpose button. When the user taps an image picker, the device's image gallery appears, and the user can choose an image. After an image is picked, it is saved, and the Selected property will be the name of the file where the image is stored. In order to not fill up storage, a maximum of 10 images will be stored. Picking more images will delete previous images, in order from oldest to newest.


Properties

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

  • BackgroundColor - it's a color value which is set to &h00000000 by default.
  • CustomFontTypeFace - it's a asset value which is set to blank by default.
  • Enabled - it's a boolean value which is set to true by default.
  • FontBold - it's a boolean value which is set to false by default.
  • FontItalic - it's a boolean value which is set to false by default.
  • FontSize - it's a non negative float value which is set to 14.0 by default.
  • FontTypeface - it's a typeface value which is set to 0 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 10,10,0,0 by default.
  • Image - it's a asset value which is set to blank 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.
  • Opacity - it's a integer 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.
  • Shape - it's a button shape value which is set to 0 by default.
  • ShowFeedback - it's a boolean value which is set to true by default.
  • Text - it's a string value which is set to blank by default.
  • TextAlignment - it's a textalignment value which is set to 1 by default.
  • TextColor - it's a color value which is set to &h00000000 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.

BackgroundColor

Returns the button's background color


CustomFontTypeFace

Sets the custom font


Enabled

If set, user can tap ImagePicker to cause action.


FontBold

If set, ImagePicker text is displayed in bold.


FontItalic

If set, ImagePicker text is displayed in italics.


FontSize

Point size for ImagePicker text.


Height

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


HeightPercent

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


Image

Image to display on button.


MarginBottom

Property for MarginBottom


MarginLeft

Property for MarginLeft


MarginRight

Property for MarginRight


MarginTop

Property for MarginTop


Opacity

Set opacity value between 1 to 10


PaddingBottom

Property for PaddingBottom


PaddingLeft

Property for PaddingLeft


PaddingRight

Property for PaddingRight


PaddingTop

Property for PaddingTop


Selection

Path to the file containing the image that was selected.


ShowFeedback

Specifies if a visual feedback should be shown for a ImagePicker that has an image as background.


Text

Text to display on ImagePicker.


TextColor

Color for button text.


Visible

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


Width

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


WidthPercent

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



Methods

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

Open

Opens the ImagePicker, as though the user clicked on it.

PerformClick

Method for PerformClick


Events

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

AfterPicking

Event to be raised after the `ImagePicker` activity returns its result and the properties have been filled in.

BeforePicking

Event to raise when the `ImagePicker` is clicked or the picker is shown using the

GotFocus

Indicates the cursor moved over the ImagePicker so it is now possible to click it.

LostFocus

Indicates the cursor moved away from the ImagePicker so it is now no longer possible to click it.

TouchDown

Indicates that the ImagePicker was pressed down.

TouchUp

Indicates that the ImagePicker has been released.