Questions tagged [animation]

Animation is the rapid display of a sequence of visuals in order to create an illusion of movement or change.

Animation is the rapid display of a sequence of visuals in order to create an illusion of movement or change. The elements of animation are typically images or mathematical renderings. Animation effects can be 2D or 3D.

The most common method of presenting animation is as a motion picture or video program, although there are other methods. This type of presentation is usually accomplished with a camera and a projector or a computer viewing screen which can rapidly cycle through images in a sequence. Animation can be made with either hand-rendered art, computer-generated imagery, or three-dimensional objects, e.g., puppets or clay figures, or a combination of techniques. The position of each object in any particular image relates to the position of that object in the previous and following images so that the objects each appear to fluidly move independently of one another. The viewing device displays these images in rapid succession, usually 24, 25, or 30 frames per second.

44523 questions
88
votes
10 answers

Android Animation Alpha

I've got animation:
RCH
  • 1,247
  • 1
  • 11
  • 16
87
votes
10 answers

Transition animation not working properly in SwiftUI

I'm trying to create a really simple transition animation that shows/hides a message in the center of the screen by tapping on a button: struct ContentView: View { @State private var showMessage = false var body: some View { …
superpuccio
  • 11,674
  • 8
  • 65
  • 93
87
votes
23 answers

Android animation does not repeat

I'm trying to make simple animation that would repeat several times (or infinitely). It seems that android:repeatCount does not work! Here is my animation resource from /res/anim/first_animation.xml :
Pavel Chernov
  • 1,807
  • 1
  • 16
  • 15
85
votes
5 answers

React Native: How do you animate the rotation of an Image?

Rotation is a style transform and in RN, you can rotate things like this render() { return ( ); } However, to animate…
sdfsdf
  • 5,052
  • 9
  • 42
  • 75
85
votes
4 answers

Can you control GIF animation with Javascript?

Is it possible to use javascript to control which frame of a GIF image is showing and/or stop the animation. I want to be able to load a GIF with several frames and only show one of them. I know I could do it with lots of separate images, but if I…
Logan
  • 1,117
  • 2
  • 10
  • 10
84
votes
4 answers

How do I animate View.setVisibility(GONE)

I want to make an Animation for when a View gets it's visibility set to GONE. Instead of just dissapearing, the View should 'collapse'. I tried this with a ScaleAnimation but then the View is collapse, but the layout will only resize it's space…
MrSnowflake
  • 4,724
  • 3
  • 29
  • 32
83
votes
7 answers

How to animate a view in Android and have it stay in the new position/size?

I currently have a view in my Android app and the view is playing a frame animation. I want to animate the view to increase its size to 150%. When I apply a scale animation to it, and the scale animation is completed, I want the viewer to stay at…
justinl
  • 10,448
  • 21
  • 70
  • 88
81
votes
6 answers

Animate UILabel text between two numbers?

I'm new to iPhone and Mac programming (developed for Windows before), and I've got a question: How do I animate the text property of an UILabel between two numbers, e.g. from 5 to 80 in an Ease-Out style? Is it possible with CoreAnimation? I have…
Markus Kasten
  • 1,170
  • 1
  • 10
  • 15
80
votes
14 answers

Animate ProgressBar update in Android

I am using a ProgressBar in my application which I update in onProgressUpdate of an AsyncTask. So far so good. What I want to do is to animate the progress update, so that it does not just "jump" to the value but smoothly moves to it. I tried doing…
user1033552
  • 1,499
  • 1
  • 14
  • 23
80
votes
9 answers

How do I re-trigger a WebKit CSS animation via JavaScript?

So, I've got this -webkit-animation rule: @-webkit-keyframes shake { 0% { left: 0; } 25% { left: 12px; } 50% { left: 0; } 75% { left: -12px; } 100% { left:0; } } And…
David Murdoch
  • 87,823
  • 39
  • 148
  • 191
80
votes
5 answers

Simple CSS Animation Loop – Fading In & Out "Loading" Text

Without Javascript, I'd like to make a simple looping CSS animation class that fades text in and out, infinitely. I don't know a lot about CSS animations, so I haven't figured it out yet, but here's how far I've gotten: @keyframes flickerAnimation…
ac360
  • 7,735
  • 13
  • 52
  • 91
79
votes
3 answers

How to have css3 animation to loop forever

I want to have the whole set of animation to play forever. When the last photo fades off, I want the first one to appear again an so on. What I did (and I dont like) is set the page to reload at the end of the last photo fade out. Is there any other…
CuRSoR
  • 801
  • 1
  • 6
  • 3
78
votes
6 answers

How to change navigation animation using Flutter

Is there any way to change the default animation when navigating to/from a page in Flutter?
nlern
  • 910
  • 1
  • 8
  • 15
76
votes
7 answers

Android scale animation on view

I want to use ScaleAnimation (programmatically not in xml) to change height to view from 0 to 60% of parent height. Width of view is constant and is 50px. View is empty only background color is set. Can someone give me code for scaleAnim using…
Jovan
  • 4,684
  • 13
  • 64
  • 98
76
votes
6 answers

How to reload and animate just one UITableView cell/row?

how can I reload and animate just one cell/row ? Right now i download some files. Everytime a file finished downloading, i call it's finished delegate and call [tableview reload]. But then the whole table reloads. And how can i animate the table, so…
madmax
  • 1,803
  • 3
  • 25
  • 50