This is a fairly specific question, but it generalizes to running Webkit transitions that affects more than one property.
I'm trying to use a transition to translate and scale a div in the Android default browser. When the transition ends, the element pops back to its default state. It looks kind of like I forgot to use animation-fill-mode, but on a webkit transition.
The transition is setup to work on -webkit-transform with a translate3d() and a scaleX(). It translates and scales fine, but as soon as the transition ends, it pops back to full size and its "default" position. If I transition on only translated3d or scaleX, it works fine. The webkitTransitionEnd event fires after the "pop-back" so I can't intercept the "pop-back" and override it.
Is multiple properties on a Webkit transition something that is known to not work on Android 2.3? Does anyone know of a working example that I could compare to? Any ideas for workarounds?
Thanks.
I have seen no docs or release note about it, but I know from trial and other posts that many of us have not been able to get multiple animations or transforms to work in any Android < 3.0.
see.
http://daneden.me/2011/12/putting-up-with-androids-bullshit/
and comments on.
CSS3 Multiple transforms
Related
1-I am making a small app in 3d mode for android using blender and unity.
2- I made rigged character with an iddle animation and a happy animation in blender.
3 -I imported it correctly into unity. i put the bool parameters in the unity animator and all works fine, even tested on the phone.
Problem:
I cant find a good tutorial to create the interaction(code) between the animations and the touch screen event.
hope you can understand me. Thanks in advance!
If I understand correctly you want to transition from Idle to Happy Animation on the touch of a button and you said the animation is not a problem.
Since you have not provided any code I can tell you the algorithm.
In update check whether someone is touching the screen.
Then check if the phase of the touch is "began".
If someone is touching the screen, use the Animator.SetBool() function to set the boolean for the animator to true.
Setting it to true will transition it you have set the transition condition to the above mentioned boolean.
Use the Unity Scripting Reference to understand the touch functions better.
Unity Touch Scripting Reference
And I would recommend watching this Animator Controller Tutorial to learn about it.
In this mock up, see the screen where it said "Decrease Traffic", the traffic light pops up from below.
https://dribbble.com/shots/2106573-Intro-App-Interaction
I'm wondering how to create that effect on Android, if possible, any library to do that. Thanks
you can achieve this with Android Property Animations
in your example it seems to be a scale animation from 0 to 1 in x and y direction.
you can also combine different animations to get such or other effects.
My guess is that these kind of animation are to develop with a 3rd party program, and are not done by Android itself.
This way you have a ready-to-instantiate file (.gif maybe?) that you just call when the view pager is switched.
Looking also to the other animations in the example (look # "Meet New Friends", how every circle pops by himself) I think this was the used approach in your example-link.
If you are anyway looking for something that would look like what is done there, I'd suggest you start playing around Animator objects (and its subclasses like Value/ObjectAnimator) to animate the view you want.
This can be done also via XML files, describing the animation you need.
An important role in this do-it-yourself animation is played by Interpolators , who give you the chance to further customize the animation in an easier way (take a look at OvershootInterpolator, which lets your animation go a bit after the destination value you set, just to turn back later, giving you a "blob" effect. This might give a better idea what I'm meaning)
Is there any way to create a 360 degree object view from photos? I have a set of 71 photos of a single car viewed from different angles. I want to combine them and be able to rotate the car when touching the screen seeing it from different angles.
I've done researching but I couldn't find anything done in android. One example is found here
This example is made with Jquery. What I need is to implement it directly inside an android app. How can I do this?
Edit1: Until now I managed to create an animation between images in this way:
The problem is that the animation starts on click and works by itself. I want to be able to move the car from left to right and right to left when keeping the finger pressed and moving to right or left. How can I do that so I can see the car from the angle I want?
I just tested that Jquery plugin page on my device and it seems to work alright. So you could still presumeably use that plugin to make some html content that you could then load into a WebView. That would give the rotation thing inside of your application.
If you don't want to use html/javascript to do it you'll have to use an ImageView with a TouchListener attached to it that handles the drag events by swapping to the next image at the appropriate interval.
Or probably somehow with Canvas, though I am not as familiar with that, I would knot how to describe what you'd need to do to make it work this way.
After hours of trying to accomplish this task I stopped using the Drawable animation method because at point I was loading the images the app would of crashed because was out of memory.
Instead I found another way to do it which I use it right now. Example
I changed the .html with the images I need and the layout I want then I implement it inside my app using a webview. Is working pretty well.
I am trying to write a simple slideshow with various transitions between images.
I would like to have various transitions like fade in, fade out, slide left/right which could probably be done with android's API Animation. But I would also like to have more complex transitions like checkerboard left/right, box in/out, circle in/out, curtain, spiral, split horizontal, and so on which I believe can't be done with Animation.
I know that names of transitions like I named them above are not enough to know exactly how the transitions should look like, but I think you get the general idea.
So, my question is:what should be used to achieve those effects/transitions? I am not asking for the code (though some links to examples would be great of course), but more generally what should I be using? OpenGL? Regions? Clip Paths? BitmapShaders?
I just don't feel like spending a week investigating this, when I am sure you guys know the answer ;)
If possible I would like to avoid OpenGL since I haven't used it. On Android 3.0+ devices I will use hardwareAcceleration="true" in Manifest, and on devices less than 3.0 I could limit to simple slide in/out, fade in/out if necessary (read: if other transitions would be too slow not using openGL).
Check view animation and property animation.
I have noticed a problem on various handsets that if you save gestures while the stroketype is set to single and then change the stroketype to multi and add some multi-stroke gestures, the multi ones are often not recognized by the GesturesOverlayView when you draw them. These can be very simple gestures such as a + or an X. What happens is that the gesture you draw stays faded as if it has not been recognized even though it can be a perfect match.
I know that multi-stroke works okay so I am wondering if the problem is caused by having mixed ones in the library and changing the stroke-type of the view on the fly. Is it possibly confusing it with a single-stroke gesture in the same library but because the match is not close enough, just giving up?
Has anyone had a similar experience or a theory as to what might be happening?
check android:gestureStrokeLengthThreshold ="15.2"
android:gestureStrokeType="multiple"
and
android:fadeOffset="6000"