Android Question Animation on clikking image/buttom

[Schakalaka]

Hello,
how is posible create this kind of animation on clikking?

https://drive.google.com/file/d/1mrex9JlwOJ8c_rird7pIdp4N0IXXEDOO/view?usp=sharing

 

[Alexander Stolte]

how is posible create this kind of animation on clikking?

with SetLayoutAnimated and SetVisibleAnimated

 

[Star-Dust]

Yes. You can find something similar in the forum. It was made a few years ago.

 

[ilan]

as you can see the coin animation is not proportional so its not only width and height that is changing.
it is a array of sprites that are selected in a fix interval.
basically all you need is to have the animation sprites and loop them in a timer event (or using sleep()) when the user is clicking the coin.
the coin can be an imageview and all you do is changing the bitmap inside the imageview.

you have many many examples in the forum.
have a look at this:

FREE Source Code's !

Hi all, i have updated my webpage and decided to add a tutorial section. My first tutorial is a simple calculator (+,-,*,/) there is a video tutorial incl. Source code on my site. I will upload the project also here and you can go to my site to watch the video if you like. link...

www.b4x.com

here is an example of how to use sprites

FREE Source Code's !

Hi all, i have updated my webpage and decided to add a tutorial section. My first tutorial is a simple calculator (+,-,*,/) there is a video tutorial incl. Source code on my site. I will upload the project also here and you can go to my site to watch the video if you like. link...

www.b4x.com

it is drawn in a canvas but for your need an imageview is good anough

 

[ilan]

a very simple example

 

[Schakalaka]

a very simple example


View attachment 153976

thank you for the example. i'm working on it in b4a.
how have you generate the image section views? (bc0,bc1,bc2,bc3,bc4)

 

[Schakalaka]

my rude design solution:

code:

Private Sub btn_button_Click
    ImageView1.SetLayoutAnimated(200,ImageView1.Left,ImageView1.Top- 3%x,ImageView1.Width,ImageView1.Height)
    Sleep(100)
    ImageView1.SetLayoutAnimated(200,ImageView1.Left,ImageView1.Top+ 3%x,ImageView1.Width,ImageView1.Height)
End Sub

Private Sub btn_right_Click
    ImageView1.SetLayoutAnimated(200,ImageView1.left - 3%x,ImageView1.Top,ImageView1.Width,ImageView1.Height)
    Sleep(100)
    ImageView1.SetLayoutAnimated(200,ImageView1.left + 3%x,ImageView1.Top,ImageView1.Width,ImageView1.Height)
End Sub

Private Sub btn_left_Click
    ImageView1.SetLayoutAnimated(200,ImageView1.Left+ 3%x,ImageView1.Top,ImageView1.Width,ImageView1.Height)
    Sleep(100)
    ImageView1.SetLayoutAnimated(200,ImageView1.Left- 3%x,ImageView1.Top,ImageView1.Width,ImageView1.Height)
End Sub

Private Sub btnTop_Click
    ImageView1.SetLayoutAnimated(200,ImageView1.Left,ImageView1.Top+ 3%x,ImageView1.Width,ImageView1.Height)
    Sleep(100)
    ImageView1.SetLayoutAnimated(200,ImageView1.Left,ImageView1.Top- 3%x,ImageView1.Width,ImageView1.Height)
End Sub

 

[ilan]

thank you for the example. i'm working on it in b4a.
how have you generate the image section views? (bc0,bc1,bc2,bc3,bc4)

have a look at the source