Questions tagged [translate-animation]

To translate means to change the position of an object so that it gets moved from one place to another in the world (e.g. a person walking on a sidewalk). Translation is not to be confused with rotation, which is about changing the direction an object is "facing" in the world.

407 questions
171
votes
14 answers

CSS transition effect makes image blurry / moves image 1px, in Chrome?

I have some CSS that on hover, a CSS transition effect will moves a div. The problem, as you can see in the example, is that the translate transition has the horrible side effect of making the image in the div move by 1px down/right (and possibly…
Lewis
  • 1,725
  • 2
  • 11
  • 7
108
votes
5 answers

CSS performance relative to translateZ(0)

A number of blogs have expressed the performance gain in 'tricking' the GPU to think that an element is 3D by using transform: translateZ(0) to speed up animations and transitions. I was wondering if there are implications to using this transform in…
Ahmed Nuaman
  • 12,662
  • 15
  • 55
  • 87
44
votes
7 answers

Android translate animation - permanently move View to new position using AnimationListener

I have android translate Animation. I have an ImageView with random generated position (next1, next2). I am calling void every 3 seconds. It generates new position of the View and then make animation and move View to destination position. Translate…
mira
  • 1,056
  • 3
  • 15
  • 32
17
votes
6 answers

List rotation with limited elements

I have div container with list (cards) inside. When I hover it, cards start to moving (translateX animation). container's width is 300px, elements count in container:3, each element width:100px. So you can see 3 elements in container together…
Src
  • 5,252
  • 5
  • 28
  • 56
16
votes
3 answers

Delays within the Animation (TranslateAnimation)

Is there a way to have the Animation pause for a half a second? I am trying to make an infinite animation using the TranslateAnimation API. So, I use the RepeatCount as Infinite. I also noticed that there's a setStartOffset(...) method that covers…
ymotov
  • 1,449
  • 3
  • 17
  • 28
15
votes
2 answers

Window animation overlaps navigation bar on Android 5.0

I'm implementing the Material Design bottom sheet design pattern in my app using a custom subclass of Dialog. The dialog is gravitated to the bottom of the screen and uses an y-translation window enter animation:
Veeti
  • 5,270
  • 3
  • 31
  • 37
14
votes
2 answers

Translate and Scale animation in parallel

I want to move some view from any position to center of screen and scale in parallel. If that's too complicated, translate and scale sequentially is also acceptable. But neither I could achieve. I think it's the problem with the pivot point. But…
user1105115
  • 483
  • 2
  • 5
  • 18
13
votes
3 answers

Is it possible to get real time coordinates of an ImageView while it is in Translate animation?

I have an image of a bullet in an ImageView that does Translate animation. I need to show real time coordinates to show how far it is from target in real time. ImageView myimage = (ImageView)findViewById(R.id.myimage); Animation animation = new…
Gissipi_453
  • 1,250
  • 1
  • 25
  • 61
12
votes
2 answers

How to cancel an animation, but not to end it?

I have a TranslateAnimation on my class. The animation starts automatically. I set button that if it is clicked, the animation will be canceled (animation.cancel();). I also set an AnimationListener for my class. If my animation ends, I will start a…
Ganjira
  • 966
  • 5
  • 16
  • 32
10
votes
1 answer

Android:Translation and Rotation Animation simultaneously

I want to show two animation simultaneously programatically not in XML file.It should ROTATE and TRANSLATE how can I do that? Please suggest me some way?????? Here is ma code:> ImageView snowImg1 = (ImageView) findViewById(R.id.snowimg1); …
10
votes
3 answers

Windowmanager with Animation

First of all thanks everyone who tries to reply this topic. I have an activity and I wanted to show a sort of menu at the top of the screen and I used windowmanager to handle this. it was about UI issues I encountered why I choise windowmanager to…
10
votes
2 answers

How to translate animation on an image diagonally?

I want to animate an image diagonally like below picture. I have tried translate animation but I am only able to do it either parallel X-axis or parallel Y-axis. But couldn't able to figure out how to do it diagonally. And I am also not sure it can…
user3177222
  • 261
  • 2
  • 3
  • 11
8
votes
2 answers

TranslateAnimation applied to an ImageView leaves trail

I've been recently struggling with the TranslateAnimation framework provided by the Android UI library. I have designed a RelativeLayout which has a GridView taking up the 80% of the screen more or less and an ImageView at the bottom of the screen.…
Chinaski
  • 81
  • 3
8
votes
3 answers

How to create custom Interpolator to apply translate animation in android

I want to create a custom interpolate to apply translate animation where the animation should go through the following function: public static float easeIn(float t,float b , float c, float d) { return c*(t/=d)*t + b; …
Adham
  • 63,550
  • 98
  • 229
  • 344
8
votes
4 answers

Corresponding rotated object to numeric values

I have a combination lock rotating in a 360 degrees circle. The combination lock has numerical values on it, these are purely graphical. I need a way to translate the image's rotation to the 0-99 values on the graphic. In this first graphic, the…
CQM
  • 42,592
  • 75
  • 224
  • 366
1
2 3
27 28