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

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

Nice Work :kissing_heart:

4 Likes

Amazing work. Congrats

5 Likes

wow great extension

4 Likes

Nice work, keep it up :heavy_heart_exclamation:

2 Likes

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

6 Likes

It’s an amazing extension :heart_eyes:

2 Likes

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

8 Likes

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

3 Likes

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

3 Likes

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

8 Likes

OMG!!! SUCH A GREAT Extension.

3 Likes

Is it work in background also ?

1 Like

Why not try yourself and know it.

2 Likes

For now it is not possible with the application closed.

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

2 Likes

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

2 Likes

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