[Free] Analog Clock extension An advanced Clock for App Inventor

Extensions
,
1

Analog-Clock

An extension for MIT App Inventor 2

🧩 AnalogClock

An extension for MIT App Inventor 2.
Developed by th using Fast.An advanced Analog Clock extension for App Inventor with smooth second-hand movement, automatic time updates, customizable border, shadow, gradient background, transparency, and animations.

:memo: Specifications

:package: Package: io.th.analogclock.analogclock
:floppy_disk: Size: 9.71 KB
:gear: Version: 1.0
:iphone: Minimum API Level: 7
:date: Updated On: 2025-02-27T19:00:00Z
:computer: Built & documented using: FAST-CLI v2.4.1
Telegram: here
Find more Extension here
Find more info GitHub
Download aia Here Analog_Clock.aia (12.8 KB)
Download aix here
io.th.analogclock.analogclock.aix (9.7 KB)

Demo Video

Screen shot

0ad19913-8d30-4350-931f-8b0ff95b5de2.gif

b93722d5-a48d-4ee0-84f5-d90468bc24fb.gif

Analog_Clock_blocks
Analog_Clock_blocks997×1071 88.9 KB


Methods:

AnalogClock has total 14 methods.

InitializeClockBlock.png

:purple_heart: InitializeClock

Initialize the Analog Clock inside a Vertical or Horizontal Arrangement

Parameter Type
arrangement component

BackgroundColorBlock.png

:purple_heart: BackgroundColor

Set Clock Background Color

Parameter Type
color number

BorderColorBlock.png

:purple_heart: BorderColor

Set Border Color

Parameter Type
color number

ShadowColorBlock.png

:purple_heart: ShadowColor

Set Clock Shadow Color

Parameter Type
color number

BackgroundAlphaBlock.png

:purple_heart: BackgroundAlpha

Set Background Transparency

Parameter Type
alpha number

TransparentBackgroundBlock.png

:purple_heart: TransparentBackground

Set Transparent Background

Parameter Type
enable boolean

GradientBackgroundBlock.png

:purple_heart: GradientBackground

Set Gradient Background

Parameter Type
startColor number
endColor number

HourHandColorBlock.png

:purple_heart: HourHandColor

Set Hour Hand Color

Parameter Type
color number

MinuteHandColorBlock.png

:purple_heart: MinuteHandColor

Set Minute Hand Color

Parameter Type
color number

SecondHandColorBlock.png

:purple_heart: SecondHandColor

Set Second Hand Color

Parameter Type
color number

ShowNumbersBlock.png

:purple_heart: ShowNumbers

Enable or Disable Clock Numbers

Parameter Type
show boolean

NumbersColorBlock.png

:purple_heart: NumbersColor

Set Numbers Color

Parameter Type
color number

NumbersSizeBlock.png

:purple_heart: NumbersSize

Set Numbers Size

Parameter Type
size number

ShowTicksBlock.png

:purple_heart: ShowTicks

Enable or Disable Clock Ticks

Parameter Type
show boolean

Thanks

TechHamara

External library

This extension not used any External library.

4 Likes
2

Thank you for your contribution
Are you using any library?
If yes, please provide a link to that library to credit its author

Taifun

1 Like
3

Thank you for telling me.

This extension not used any External library.

1 Like