Extension: Drag Layout. Rotate. Set position. Drag Component

Extensions
, , , ,
5

Hello it seems nice but can you add a pinch to zoom any view like if we want to zoom on horizontal arrangement

this will help in any video zoom in and out

6

Try this:

7

Works just fine :wink:

8

With the APK?

9

Not yet....was going to say only testing in companion...

10

mmmm..nasty, doesn't even want to open when compiled ?

1 Like
11
12

It crashes also on Niotron and older AI2Offline versions with the APK.
I think @Juan_Antonio might know the cause.

13

@Anke, @TIMAI2, can you try the updated version in APK, please?

http://kio4.com/appinventor/294L_extension_mover_layout.htm

2 Likes
14

:+1: works fine!
Where was the problem?

1 Like
15

APK also tested working fine here too :+1:

16

In the code I had set it to only work in emulation.

3 Likes
17

2.- Example. Move keyboard.

MoveKeyboard.aia (11.9 KB)

mueve_teclado
mueve_teclado358×718 29.3 KB

  • When you drag the orange area, the keyboard moves.
  • VerticalArrangement1 is hidden in the Design.

K: Show keyboard.
H: Hide keyboard.
D: Delete number
Arrow: Delete last char.

mover_teclado
mover_teclado885×751 60.4 KB

18

3.- Example. A button rotates continuously.

Button_Rotate.aia (11.3 KB)

  • Button1 rotates continuously.
  • When TouchDown, the value of Label1 is increased

mueve_boton
mueve_boton376×730 16.9 KB

mueve_boton2
mueve_boton2719×476 41.2 KB

2 Likes
19

4.- Example. An image randomly changes its position every 4 seconds.

p194L_MoveRandom_i.aia (1.2 MB)

  • The strawberry image randomly changes its position every 4 seconds.
    You must click on it.

fresamit
fresamit354×664 410 KB

fresamit2
fresamit21152×827 69.6 KB

Note: this is just a teaching example, you can create the same effect using Canvas.

1 Like
20

5.- Example. Create Buttons and Label in Canvas.

p194L_MoveCanvas.aia (12.2 KB)

  • In Designer we put two Buttons and a Label below the Canvas.
  • When the screen is initialized those elements will be placed in the established place within the Canvas.

mover_lienzo
mover_lienzo957×758 139 KB

mover_lienzo2
mover_lienzo2812×843 53.5 KB

2 Likes
21

6.- Example. Move 7 buttons. Save their positions in TinyDB. Experimental.

p194L_MoverControles.aia (208.2 KB)

mover_controles
mover_controles344×670 68 KB

  • Click "Move", you manually move the 7 buttons, the positions will be stored in a TinyDB.

  • "No move", locks button movement.

  • Restart Companion.

  • Now Click in "From TinyDB", the positions stored in the TinyDB will be recovered.

cons:

  • when "No move", the image buttons lose their feedback. It is necessary to press twice to activate them again.

mueve_botones1
mueve_botones1859×2920 381 KB

2 Likes
22

6B.- Example. The same app from the previous example but simplified using Any Component.

p194LS_MoverControles.aia (206.7 KB)

mueve_botones2
mueve_botones21308×1480 134 KB

2 Likes
23

you can add the option to rotate the video because when I rotate the component the video does not rotate I want to rotate the component and the video rotate with it if you do want to charge I pay for this option I'm using exoplay

24

7.- Rotate video with WebViewer component.

With this extension we cannot rotate the content of a VideoPlayer component. A new code would be necessary.
Rotation of a video can be achieved using the WebViewer component.

p194Li_mover_layout_video.aia (2.5 MB)

extension_mover10
extension_mover10364×704 111 KB

extension_mover11

Video from: https://filesamples.com/formats/3gp