Android Question [SOLVED] Simple animation...how to achieve (.SetLayoutAnimated)

Batman_

Member
Licensed User
Please be gentle I am a beginner and have really never done any work with animation.


1. If I want to have the appearance of some imageviews (could be pictures but dependent on app could be buttons) sweeping in from the left onto the center of the screen what is the best approach (see image: https://photos.app.goo.gl/BosonHX3npZvjN6z5)? They will also appear to sweep off the screen depending on user interaction.


2. Any suggestion on the best library to use?

In the diagram I want the appearance of some scrolling text.
3. Is an animated gif a good idea? (See image: https://photos.app.goo.gl/BosonHX3npZvjN6z5)
4. Is there a better alternative to an animated gif?

Sorry for the simple questions but animation is really a new concept for me and seems essential for mobile apps as appearance is very important.
 
Last edited:
Sort by date Sort by votes

Batman_

Member
Licensed User
Hi.

I have made some progress but cannot get the co-ordinates to send the imageview to the center of the screen correctly. I am trying to send the imageview from the top left of screen to the center of the screen. This is my code:

B4X: 
    Dim iLeft As Int
    Dim iTop As Int
    
    iLeft = Activity.Width/2
    iTop = Activity.Height/2
        
    'Move to start position
    imageviewAnswerStatus.Visible=False
    imageviewAnswerStatus.SetLayoutAnimated(0, 0, 0, imageviewAnswerStatus.Width, imageviewAnswerStatus.Height)
        
    If correctYN="Y" Then
        imageviewAnswerStatus.SetBitmap(xui.LoadBitmapResize(File.DirAssets, "Correct01.PNG", imageviewAnswerStatus.Width, imageviewAnswerStatus.Height, True))
    Else
        imageviewAnswerStatus.SetBitmap(xui.LoadBitmapResize(File.DirAssets, "Wrong01.PNG", imageviewAnswerStatus.Width, imageviewAnswerStatus.Height, True))

    End If

    'Move to new position...ensure visible to user
    imageviewAnswerStatus.Visible = True
    imageviewAnswerStatus.SetLayoutAnimated(600, iLeft, iTop, imageviewAnswerStatus.Width, imageviewAnswerStatus.Height)
    imageviewAnswerStatus.BringToFront

This is where the imageview ends up (see screenshot). Can somebody please assist with getting the co-ordinates for:
Left; and
Top;

to use in .SetLayoutAnimated().

Regards.
 

Attachments

  • Not centered.png
    102.7 KB · Views: 311
Upvote 0

Brandsum

Well-Known Member
Licensed User
B4X: 
Dim newLeft as int = 50%x - (imageviewAnswerStatus.Width/2)
Dim newTop as int = 50%y- (imageviewAnswerStatus.Height/2)

imageviewAnswerStatus.SetLayoutAnimated(600, newLeft, newTop, imageviewAnswerStatus.Width, imageviewAnswerStatus.Height)
 
Upvote 0
You must log in or register to reply here.

Similar Threads

S
  • Question
Android Question animation
Replies
3
Views
799
Erel
  • Question
Android Question Halo animation, how to proceed?
Replies
15
Views
2K
wimpie3
  • Article
Share My Creation Ui/Ux + Animation
Replies
7
Views
5K
ramezaniabbas
  • Question
Android Question Using AnimatedVectorDrawable
Replies
2
Views
1K
wimpie3
A
  • Question
Android Question Help with animation
Replies
6
Views
2K
apty
A
Menu
Log in
Register
Cookies are required to use this site. You must accept them to continue using the site. Learn more…