Async Image Loader Extension：异步图像加载器扩展

App Inventor 2

[size=15.008px][color=var(--tertiary)][color=var(--secondary)][color=var(--secondary-high)]512×512 8.95 KB


AsyncImage
An extension for MIT App Inventor 2.

Simple asynchronous image loader extension to load image asynchronously in an image or arrangement component with circular image. This is a simple, light weight and fast async image loader since it does not uses any external library to load images.

Specifications

---

[size=15.008px] Size: 9.36 KB
Version: 5.0
Minimum API Level: 7
Updated On:  February 18, 2025 (Calcutta)
Built & documented using: [color=var(--tertiary)]FAST-CLI 12

Event:

[size=15.008px]AsyncImage has total 1 event.

OnError

[size=15.008px]

[size=15.008px]Event raised when an error occurs while loading an image.

[size=15.008px]

Parameter

Type

errorMessagetext
Methods:

[size=15.008px]AsyncImage has total 2 methods.

LoadImageAsync

[size=15.008px]

[size=15.008px]Load image asynchronously from the given path in the specified component.

[size=15.008px]

Parameter

Type

imagePathtext
componentcomponent
ClearCache

[size=15.008px]

[size=15.008px]Clears the image cache memory.

Designer:

[size=15.008px]AsyncImage has total 5 designer properties.

PlaceholderImage

• Input type: asset
  

ErrorImage

• Input type: asset
  

CircularImage

• Input type: boolean
• Default value: false
  

BorderWidth

• Input type: integer
• Default value: 0
  

BorderColor

• Input type: color
• Default value: &HFF000000
  

Setters:

[size=15.008px]AsyncImage has total 5 setter properties.

PlaceholderImage

[size=15.008px]

[size=15.008px]Sets the placeholder image to be shown while the image is loading.

• Input type: text
  

ErrorImage

[size=15.008px]

[size=15.008px]Sets the error image to be shown if loading the image fails.

• Input type: text
  

CircularImage

[size=15.008px]

[size=15.008px]Set to true to make the loaded image circular.

• Input type: boolean
  

BorderWidth

[size=15.008px]

[size=15.008px]Specifies the width of the border around the loaded image.

• Input type: number
  

BorderColor

[size=15.008px]

[size=15.008px]Specifies the color of the border around the loaded image.

• Input type: number
  

Sample Blocks:

[color=var(--tertiary)][color=var(--secondary)]image[color=var(--secondary-high)]1816×1000 103 KB



[color=var(--tertiary)][color=var(--secondary)]image[color=var(--secondary-high)]1988×1016 196 KB

[color=var(--tertiary)][color=var(--secondary)]image[color=var(--secondary-high)]1108×320 33 KB



[color=var(--tertiary)][color=var(--secondary)]IMG_20240505_161351[color=var(--secondary-high)]760×760 90.2 KB


[color=var(--tertiary)][color=var(--secondary)]IMG_20240505_161331[color=var(--secondary-high)]679×679 103 KB

https://community.appinventor.mi ... rcular-image/113566

https://aix.colintree.cn/zh/extensions/AsyncImageLoader.html