πŸ•Š 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.

165 Likes
How to add floating button when app pause
How to make textbox like this
Launch new extension for security encryption and decryption for files and messages with MiniPQC (Post-Quantum Cryptography)
Need help of extension developer
Not able to dismiss custom dialog
Float a Component to a Particular position
How to Make TextBox with Raised Hint
Create Tik Mark when select a Image or video in Dynamic card view
How to Allow component a Display over another app
How to make draggable floating window in screen?
[ Free Aia ] Textbox with raised & animated hint
Floating Arrangement extension... Can anyone make it?
Opening an app on top of another app with partial overlap
How to create speed control dialog for video player
Back to the TOP [GUIDE] Now with Utube tutorial
How to Create menu extension which represents the style of chrome browser
[Discontinued] Background Tasks [4.1] :partying_face:
Assistive touch
How to make these systems in kodular app
[Free] Coffee Shop UI Design with listview and Overlap
How to create Top menu
floating image ?
It is possible to create Ribbon on Card View
Please Help Me Find Extension
I want to add an image on an image I have given the details below
Display component over another
Alow Display over another app
Overlap on top of another app
2020: The Year in Review
How can i make the cardview margin to constant?
Kodular top sheet
Kodular top sheet
How To Use Gif?
Is it possible to register a video player extension as draggable ( Repositioning Tools )
How to make slider panel animation like "YOUTUBE" (without @deephost,s extension)
I want this type of thing in kodular. Can anyone please tell me?
How to run app on screen like az recorder
To get caller name
How can i show this type of dialog in chat
Integrate two extensions
How To Create Layout
EPG viewer application
How to create bottom design for disable screen touch
Circular Progress Aia
Load image from link?
How to Create a 'floating layout'?
Display Stop watch outside app
Hover e component to another
Is there a way to create a overlay icon
Popup Horizontal_Arrangement
How to create this method in app?
How To Use Keyboard On Floating View Extension?
How To Use Keyboard On Floating View Extension?
How to play YouTube videos in background as a music
Overlay a png file help
How to set youtube component as floating window or picture in picture
Start screen ,startactivity !?
Option Menu Like Chrome
Help me I want these things
Float component
How to generate certificates in kodular
Is possible to do like this - Overlap Image
How to create pop up dialog like that
Bubble shortcut feature
Overlay Layout Extensions

Nice Work :kissing_heart:

4 Likes

Amazing work. Congrats

4 Likes

wow great extension

3 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

6 Likes

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

2 Likes

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.

7 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.

5 Likes

Awesome Extension. :golfing_man:

1 Like