CustomSheet: Create custom sheets with ease

vknow360 · May 27, 2021, 2:05pm

1.Introduction

Description: Using this extension you can create dialogs like bottom sheet and top sheet (with similar animation).Also you can specify animation style (left,right,bottom,top).
Latest Version: 1.1
Released: 2021-05-26T18:30:00Z
Last Updated: 2021-07-22T18:30:00Z

2.Blocks

3.Documentation

Register arrangement

id ~ int
component ~ AndroidViewComponent
gravity ~ int (48 for Top,80 for bottom and 17 for center; more values can be found here)
height ~int (-1 for fill parent and -2 for wrap content)
width ~ int (-1 for fill parent and -2 for wrap content)
dimAmount ~ float (between 0 and 1)
animationDuration ~ int (500 is suitable for all animations)
isCancelable ~ boolean (specifies whether back press can dismiss this sheet or not)
swipeEnabled ~ boolean (specifies whether user can dismiss this sheet by swiping in opposite direction of origin)

Show Sheet

Dismiss/Hide Sheet
It can be shown again

Remove Sheet
Needs to be registered again

IsShowing
Checks whether given sheet is showing or not

Get Ids
Returns a list of used IDs

4.Download

Aix: com.sunny.customsheet.aix (19.8 KB)
Aia: easy.aia (37.0 KB)

Meanwhile you can test this apk:

Kindly PM me if you want to donate.

ChangeLog Version 1.1

New Blocks

Added GetIds method

Hope it will be helpful!

TIMAI2 · May 27, 2021, 10:26pm

Some screenshots (or a video, to show animations) would be nice for those who do not know what a bottom or top sheet is

vknow360 · May 28, 2021, 2:43am

Sure Sir.

vknow360 · July 23, 2021, 12:46pm

MIT can redistribute this extension:

I, vknow360 aka Sunny Gupta, attest that I am the author of the CustomSheet extension , grant that the extension included in this project is free and that MIT has a non-exclusive irrevocable license to republish the extension as part of the project file for the purposes of the MIT App Inventor Appathon 2021.

Have a good Appathon!

TIMAI2 · July 23, 2021, 4:27pm

Height and Width, when set to pixels (e.g. not -1 or -2) do not seem to relate to screen size?

vknow360 · July 24, 2021, 12:43am

The extension uses dp values.

TIMAI2 · July 24, 2021, 9:50am

Ah, OK....

TIMAI2 · October 2, 2022, 11:36pm

Is it possible to provide the registered arrangement as a component (another method block with the id), so it would be possible, for example, to add rounded corners to the arrangement?

vknow360 · October 10, 2022, 9:24am

Sorry I forgot about this post.
Did you find the solution?

TIMAI2 · October 10, 2022, 9:30am

Not yet, do not see how to get the component with id to set with other extensions

or

Is it possible to use another extension, e.g. your cornerRadius, to modify the appearance of the customSheet ?

vknow360 · October 10, 2022, 2:53pm

Not sure about that but it should work if you first round the corner and then register view as custom sheet.

TIMAI2 · October 10, 2022, 2:59pm

Will try that and report back

TIMAI2 · October 10, 2022, 3:31pm

Works as you suggested:

Many thanks

Dario_R_Navarro · February 9, 2024, 9:58am

Hi!! great extension...I managed to create my own side menu. I can use to decorate the shape the Decoration extension from @Omer_Gundogar (here). Just use the decoration block before the Register block from CustomSheet.

My block to adjust menu on top and left.