πŸ•Š Floating View: float your component. [FREE] πŸ•Š

1.Introduction

Extension Name: Floating View
Through this extension, it is possible to transfer its visible component to a floating view capable of remaining active while the user is in other activities. An example of an application that uses this feature is the messenger.

Latest Version: 1.2
Released:2020-06-14T11:52:00Z
Last Updated:2020-06-28T18:25:00Z

2.Blocks

component_method (32)
component_method (43)

component_method (37)

component_method (41)

component_method (42)

component_method (44)

component_method (46)

component_method (45)

component_method (35)

component_method (36)

component_method (38)

component_method (39)

component_set_get (10)

component_set_get (7)

blocks (64)

3.Documentation

Methods

  • Setup View
    Initializes the component you want to float.
    component_method (32)
    viewComponent ~ component
    clickable ~ boolean
    positionX ~ number
    positionY ~ number
  • Olverlap View (:new:NEW)
    Through this block it is possible to overlap any visible component on another
    component_method (43)
    mainComponent ~ component
    childComponent ~ component

margins (list):

  • index 1 -> margin left (number)
  • index 2 -> margin top (number)
  • index 3 -> margin right(number)
  • index 4 -> margin bottom (number)

gravity (number):

  • 0 -> TOP-LEFT
  • 1 -> TOP-CENTER
  • 2 -> TOP-RIGHT
  • 3 -> CENTER-LEFT
  • 4 -> CENTER
  • 5 -> CENTER-RIGHT
  • 6 -> BOTTOM-LEFT
  • 7 -> BOTTOM-CENTER
  • 8 -> BOTTOM-RIGHT
  • Set Position
    Moves the floating view to the indicated coordinates.
    component_method (37)
    x ~ number
    y ~ number
  • Show Floating View
    Displays the floating component.
    component_method (41)
  • Dismiss Floating View
    Hides the floating component.
    component_method (42)
  • Restore Floating View (:new:NEW)
    Returns the floating window to the screen.
    component_method (44)
  • Request Focus Floating View (:new:NEW)
    Prompts to focus on the floating window.
    component_method (46)
  • Lose Focus Floating View (:new:NEW)
    Loses focus on the floating window.
    component_method (45)
  • Request Draw Overlay Permission
    Redirects to application settings to allow overlay permission.
    component_method (35)
  • Check Draw Overlay Permission
    Checks whether the overlay permission is active.
    component_method (36)
    Returns : boolean
  • Get Position X
    Gets the X coordinate that the floating view is in.
    component_method (38)
    Returns : number
  • Get Position Y
    Gets the Y coordinate that the floating view is in.
    component_method (39)
    Returns : number

Events

  • Position Moved
    View moved from position.
    component_event (11)
    x ~ number
    y ~ number
  • Click View
    Executes after clicking on the floating component.
    component_event (10)

Properties

  • Get Floating View Visible (:new:NEW)
    Checks if the floating is present on the screen.
    component_set_get (10)
    Returns : number
  • Get Clickable
    Checks whether the floating view is clickable.
    component_set_get (7)
    Returns : number
  • Set Clickable
    Adjusts whether the floating view is clickable.
    blocks (64)

4.Screenshot

- - - -

5.Downloads

Aix file: com.jdl.FloatingView.aix (20,2,KB)

Aia file: FloatingView.aia (70,7,KB)

Apk file : FloatingView.apk (5,3,MB)

6.Open Source

7.Credits

Thank you very much Kodular, for being part of my life :heart:

8.Donate

If you liked my work, donate me any amount so that I can remain motivated to create free and open source extensions.
https://www.paypal.com/cgi-bin/webscr?cmd=_donations&business=QJ76K7BA7KD3A&currency_code=USD&source=url

Note: If you are going to use a component with children, as arrangements. Leave a space to move the window. In the example, I used a non-clickable image. It is worth mentioning that the extension will not work on the companion, due to the absence of the permissions android.permission.ACTION_MANAGE_OVERLAY_PERMISSION eandroid.permission.SYSTEM_ALERT_WINDOW.

77 Likes

Nice Work :kissing_heart:

2 Likes

Amazing work. Congrats

2 Likes

wow great extension

2 Likes

Nice work, keep it up :heavy_heart_exclamation:

1 Like

Great work @jarlissonlira2 :clap:
Keep pushing the boundaries of limits :+1: :slightly_smiling_face:

5 Likes

It’s an amazing extension :heart_eyes:

1 Like

Very nice work @jarlissonlira2! The best thing for me about this extension is, that it’s floating even outside the app, which is a real success in Kodular!!!

Keep up the good work!

Yoshi

4 Likes

Awesome work and one more great extension.
This can help many developers.

1 Like

Ohhh really a great Extension :heart_eyes:. Congrats for it @jarlissonlira2

2 Likes

Thank you so much guys! Your feedback is what keeps me motivated to continue like this.

3 Likes

OMG!!! SUCH A GREAT Extension.

2 Likes

Is it work in background also ?

1 Like

Why not try yourself and know it.

1 Like

For now it is not possible with the application closed.

So what about if app is minimised like your 3rd screenshot

1 Like

It works if app is in recent but when you remove it from there then it will be closed.
And

1 Like

Anybody have any idea where we can use this extension

Don’t take as hated comment

1 Like

You can use this extension in video app like short video app etc.

3 Likes

Awesome Extension. :golfing_man:

1 Like