Android Question Animate the flipping of a Label

[thedesolatesoul]

I will find this hard to explain.
I am trying to figure out a way to animate a label / textview (rotate across the z-axis). i.e. like it is flipping around.
To be honest, if you flip it on any axis, I am sure the code can be changed to adapt to any axis.
What I am after is I want to flip it around, and at the point where the rotation rotates the text completely out of view i.e. width = 0, then I will change the text, and the next text will animate into view.
Any ideas?

 

[eps]

Would it be easier to squeeze the text to zero width and then expand the new text?

Although I'm still not quite so sure how you'd do that, but I guess if you held it in a panel and reduced the width of the panel to zero and then re-expanded it again it would be quite similar?

 

[thedesolatesoul]

In my case I was thinking of height, but same concept.
I could use the ScaleAnimation to do that, but it is not the same. The illusion of flipping comes due to a skew in text size, i.e. one side of the text is coming towards you. This means the text height/width of individual charachters will be changing along the axis.

 

[mc73]

You can use a canvas and transformation formulae for this. I guess it may be slow, so another option is to do this letter by letter, by adjusting h/w/ts in order to give the impression of an accurate transformation.

 

[thedesolatesoul]

I was hoping of a more elegant solution as I have noticed canvas/timers cannot match the smoothness of the animation object.
I am going to try to port some java code to do this (when I have some time without trying to understand how it works!).

Probably something simlar to this: https://github.com/deesaster/dsdroi...udio/android/flipanimation/FlipAnimation.java

 

[Informatix]

I will find this hard to explain.
I am trying to figure out a way to animate a label / textview (rotate across the z-axis). i.e. like it is flipping around.
To be honest, if you flip it on any axis, I am sure the code can be changed to adapt to any axis.
What I am after is I want to flip it around, and at the point where the rotation rotates the text completely out of view i.e. width = 0, then I will change the text, and the next text will animate into view.
Any ideas?

Why don't you use my NineOldAndroid library? One of the demos shows a label rotating in 3D.

 

[thedesolatesoul]

Why don't you use my NineOldAndroid library? One of the demos shows a label rotating in 3D.

The answer to that will be, that I forgot about that library as I hadnt tried it!
I would try it (and maybe I will have to), but currently I have found an easier solution with @LonelyStar library here: http://www.b4x.com/android/forum/threads/icosflip3dview-is-new-for-animation.16684/#post-116668

 

[Informatix]

The answer to that will be, that I forgot about that library as I hadnt tried it!
I would try it (and maybe I will have to), but currently I have found an easier solution with @LonelyStar library here: http://www.b4x.com/android/forum/threads/icosflip3dview-is-new-for-animation.16684/#post-116668

I have issues with ICOSFlip3DView on some devices as you can see on this screenshot (on the device, with the animation, it's worse):

Don't ask me why. I don't know. It seems that's more a problem with the lib than with the devices.

 

[thedesolatesoul]

I see. I am going to try out the ninoldandroid too then once I figure out how to.

 

[eps]

In my case I was thinking of height, but same concept.
I could use the ScaleAnimation to do that, but it is not the same. The illusion of flipping comes due to a skew in text size, i.e. one side of the text is coming towards you. This means the text height/width of individual charachters will be changing along the axis.

You are correct, of course. I guess we'll have to wait and see if you get any luck with the nineoldandroid lib!

 

[NJDude]

Have to tried the Tween library? you can rotate almost any view on any axis.

 

[thedesolatesoul]

I knew about the Tween library but thought it would be overkill for such a small animation.
Anyway, I have got it working with NineoldAndroids with as minimum code, I hope.
I do realize that both Tween and NineOldAndroid are very similar in the way that you need to select a property and animate values against it.

Performance wise I do not know which would be better.

 

[thedesolatesoul]

I made a class out of it.

 

[Informatix]

Performance wise I do not know which would be better.

I never really tried the Tween library, so I have no idea. One of the major difference that I know is that NOA runs with any Android version. The Tween lib needs Honeycomb or +.

 

[eps]

Why don't you use my NineOldAndroid library? One of the demos shows a label rotating in 3D.

Is your NineOldAndroid library publicly available or only as part of your ULV?

 

[Informatix]

Is your NineOldAndroid library publicly available or only as part of your ULV?

It depends. It was given as a promotional offer last year with ULV. Now, I give it only to generous donors. Maybe, in a near future, I will give it with each copy of AnimationPlus.

 

[thedesolatesoul]

Is your NineOldAndroid library publicly available or only as part of your ULV?

After seeing the code, I think it is also very easy to do with the Tween library too. However as Informatix said, it is not supported pre 3.0.

 

[eps]

Cheers both

I like the idea of keeping Apps as inclusive as possible, although there only seems to be a bit of interest around Android v 2 - 2.3 anything before that seems to have dropped like a stone to almost nil.