Android :: How To Animate Views
Jul 26, 2010
I'm working on a game that in some ways is similar to Tetris (imagine a 2D array of colored squares that sometimes move around)
I am trying to animate the individual squares so they will smoothly slide down from coordinate to the next. Since I wanted to use Android's built-in tweening feature, the animation has to apply to the whole View (rather than parts of it). This doesn't work well for me because I only want some of the colored squares to slide down, and the rest of them to stay still.
The (theoretical) solution I came up with to resolve this is to make 2 Views, layered directly on top of each other. The top view is for animating squares when they need to move, and the bottom layer is for the static squares. The animation-layer is transparent until I am ready to animate something. I then simply turn on the colored square in the animation-layer, tween it to the new location, and turn it back off when done. In the same time span, the static-layer just turns squares on and off at the right time to make the whole thing look seamless to the end user.
The proposed solution is just a theory, since I haven't been able to make it work correctly yet. Since I have been having trouble, I was wondering if this is even the best way to solve the problem? Perhaps there is a more elegant solution that I am over looking?
View 1 Replies
Jan 6, 2010
I have a simple ListView and on that ListView I have placed a number of custom defined Views. The CustomView has ImageView and two TextViews.
The CustomView also has a "stateful drawable" as background, so that the background image (a 9-patch) changes if you press the Row in the ListView. When pressing the Row, the background image changes to a Red-ish thing.
The problem is that when the background changes from the default greyish, all the Views in the CustomView (ImageView and TextViews) still have their greyish background and thus creates very ugly greay boxes on top of the now redish background.
What is the best way to solve that problem? I hoped that such things were handled automatically (as it is done in for example .NET), but I was wrong it seems.
View 1 Replies
View Related
Nov 16, 2010
I am implementing a music player application in Android. My play list selection screen is implemented as a tab selector widget which contains a ListActivity inside each of the tabs: Artist, Albums, Songs.
I want to update the ListView in each of the ListActivity when I delete an item from any of the lists.
i.e. When I long press an item in the Artists list a context menu is drawn with "Delete Artist"
And it should delete all the songs from this artist in the Songs ListView, delete all the albums by this artist in the Albums ListView, and finally delete the entry for the artist in the Artist ListView.
Each of the ListActivity has its own fillData() method, which updates the ListView when the button in the context menu is pressed.
How can I call the fillData() method of the Albums ListActivity after I update the ListView inside of the Artists ListActivity?
View 1 Replies
View Related
Feb 28, 2010
I want to populate a table, defined in layout xml file through the programmatic way. I have define Table with a single row defining its header, with all the attributes set. Now i want to know a way so that i can just replicate that header row in the table with new content.
I tried using inflator inflate(int,view) method, but at runtime it showed up with error.
Here is the XML code for the layout file defining the table
CODE:.................
View 1 Replies
View Related
Mar 6, 2010
I have the following XML code:.................
The idea is to change the views, whenever I press one of the radio buttons. When I press a button the first time everything works out fine, but the second time I press a button, I get an IllegalStateException, and I can't quite see why I'm getting this.
Also, the Activity seems to set all my global variables to null, which is why I have to create them every time I switch from portrait to landscape or vice versa. So I would like to know if there is a way I can save my views in the Bundle, or any other way in which I can permanently save my views, so I don't have to add or create them every time, I flip the phone. And whenever I flip the phone, it seems that it rereads the main XML file, causing the RadioGroup to be set to 2D even if the 3D button is checked. This is because I've said the 2D button to be checked from when the app is first created, but I would like to also save the state of that RadioGroup.
View 5 Replies
View Related
Jun 16, 2010
How do you align views relative to the "middle" part of another view? I think it is best explained with a pic of the UI I'm trying to create in android.
View 2 Replies
View Related
Jan 25, 2010
Is there any way to query a root view of an activity for all of its child views even before the root view or its children have been inflated? I guess what I'm looking for is whether a view knows ahead of time what children it will have before it gets inflated, and can I get that list in some way. Bizarre I realize, but I think it will help me with some unconventional automation testing I'm working on. I haven't found anything in the API like this.
View 1 Replies
View Related
Mar 7, 2010
Let's say I have a LinearLayout, and I want to add a View to it, in my program from the Java code. What method is used for this? I'm not asking how it's done in XML, which I do know, but rather, how can I do something along the lines of (One View).add(Another View) Like one can do in Swing.
View 2 Replies
View Related
Sep 30, 2010
I'm trying to figure out how to animate in and out of Imageviews.
Basically I have a LinearLayout with an ImageView and a Button at the bottom. Everytime the button is pressed, onClick() is invoked and I do
image.setImageResource(imageArray[imageCounter]);
I simply change the image displayed on the ImageView by selecting different photos in the @drawable.
Now I want to put an animation when these imageviews are changed (when button pressed). I used
inAnimation = AnimationUtils.makeInAnimation(this,true);and in onClick() I do image.setImageResource(imageArray[imageCounter]); image.startAnimation(inAnimation);
This works fine too. The new image comes to the screen animated. But how can put an out animation too? It seems only one animation can be assigned with startAnimation().
What is the best way to animate an imageview OUT and then animate another imageview IN? Because I want to change the animation depending on the button pressed, I cannot use ViewFlipper. For example, if I press button_Anim1, current image will slideout from right and the new image will fade in. But if I press button_Anim2, current image will slideout from top and the new image will slidein from left. And so on.
I see that I cannot use two different image.startAnimation() in the onClick() method to make the current image View.INVISIBLE and then make the new image View.VISIBLE.
View 1 Replies
View Related
Oct 23, 2009
I am trying to animate a ViewStub -- without success.
My code:
CODE:........
No animation is played, the ViewStub simply appears. How come?
View 2 Replies
View Related
Sep 29, 2010
I saw the Android app "Mobisle Notes Free" implement a really cool ListView, where a row gets moved to the bottom if its checkbox is checked. It's not just a simple refresh, but an actual animation where you see the row travel to the bottom. Does anyone know how to implement this?
View 1 Replies
View Related
Dec 31, 2009
How can I animate a color change?
Like with AlphaAnimation there is fromAlpha and toAlpha, I need something like ColorAnimation that provides fromColor and toColor. Is there anything like that already?
View 3 Replies
View Related
Feb 3, 2010
I installed the HTC Battery widget (downloaded from the Android Market) and notice that while the battery is being charged, there is a visually effective animation that continuously runs.
I always though such animations in widgets were not supported in the SDK.
How is this technically possible?
View 2 Replies
View Related
Mar 27, 2009
AK Notepad does this nice little thing where, on displaying the file list, it "unravels" rapidly down the screen. Are they hacking that incredibly manually, or are there simple OS calls to make lists display in various ways?
View 4 Replies
View Related
Sep 14, 2010
im currently playing around with a Game that architecture is basically like the example 2d Games like JetBoy / LunarLander and so on. But as things now running (and animating continuously) they have kind of "hiccups" when the GC is running. I have done all i can to allocate as much Objects in front. There is nearly nothing that is created "new" besindes some Strings that are used to set the Score and so on. (TextView doesn't take int's =( - So do you have similar Problems that the GC is "lagging" your 2s game ? any solutions ?
View 12 Replies
View Related
Aug 18, 2010
I would like to animate a view I have to appear like it was sliding off the screen to the left, and then sliding back to the screen from the right. I've set the duration of the first and the start Off set of the second as 1000, so the second should start right after the first ends. Instead I get their order reversed and I see my view sliding from right into the screen, and then sliding off the screen to the left. Reversing the animations order didn't do anything. Anyone got a clue why is this happening, and how can I do what I want?
View 3 Replies
View Related
Jan 11, 2010
How to animate activity entrance and exit? And activity relaunch after onNewIntent()?I used android:theme in the manifest file but it didn't work for me.
View 2 Replies
View Related
Dec 10, 2009
I added and displayed set of images in my gallery. I made like at a time use can view three images. Now I want to do different Animation for these images?
View 3 Replies
View Related
May 25, 2010
My app polls a server every 15 seconds to see if there are any new items to display, then downloads the new items and disposes of the old items so that there are always exactly 100 items in the GridView. Unfortunately, this process can be confusing to the user if they see a page of images change without knowing where the items went.
My idea is that there could be some kind of animation (such as the new items being inserted at the top and pushing the older ones down the list) to show what action is happening. Unfortunately, I have no clue how to make this animation happen.
Is my idea even possible? How would I accomplish this?
View 1 Replies
View Related
May 12, 2009
I want to be able to make an imageview move from point a to b while going through several different views. For example, say I have a table layout, is there any way an imageview can move from the topleft cell to the bottomright cell? Everything I tried seems to indicate that an imageview will only be shown in it's own container - none of it's parents, siblings or children will show it. Is that correct? is there any way around it? like creating an overlay or a transparent canvas on top of the entire thing so I can do it?
View 3 Replies
View Related
Oct 18, 2009
This question was raised a few months ago here: http://groups.google.com/group/android-developers/browse_thread/threa... which suggests that animations cannot be done within an App Widget.
However, I'm sure I've seen some App Widgets animating... I have an App Widget which contains an ImageView. When the user clicks on this Widget I would like the ImageView to continuously rotate until a certain task (think synchronization) completes. This can take anywhere from a few seconds to a few minutes.
View 7 Replies
View Related
Apr 20, 2009
I'm trying to animate some text 'zooming out' on top of another view. My code looks something like code...
with animText being invoked in the onDraw() routine of the BoardView. What I'm seeing, however, is the board zooming out, not the text, despite the above calls to setAnimation().
I've looked in the main android docs and at one other example.
View 1 Replies
View Related
Feb 28, 2014
I have a view in a fragment. This fragment is within a FrameLayout. I want to animate this view moving outside the fragment borders. However, the view always get clipped when crossing the border. I have tried by setting "android:clipChildren='false'" and android:clipToPadding="false" to everything, but I can't get it to work.
View 2 Replies
View Related
Jul 27, 2010
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 view to stay at that new size for the rest of the activities life cycle. Unfortunately right now when the scale up animation is complete, the view snaps back to the original size. How can I get it to keep the new animated tranformation? I'm using myView.startAnimation(AnimationUtils.loadAnimation(mContext,R.anim.scaleUp150));
View 3 Replies
View Related
Apr 28, 2010
I'd like to programmatically move between images in the Gallery widget, with animation.
I can change the currently displaying image using the setSelection(int position) method, however that does not animate. Then there's setSelection(int position, bool animate) but the extra boolean on the end there doesn't appear to do anything.
In the source of Gallery it appears that it can handle DPAD key-presses, so a work-around I thought of was to fake the key-presses. Eg.
dispatchKeyEvent(new KeyEvent(KeyEvent.ACTION_DOWN, KeyEvent.KEYCODE_DPAD_LEFT))
However I can't get this working for some reason. Anyone tried this?
I notice three of the widget's methods I'd love to use moveNext(), movePrevious() and scrollToChild() are all private and unusable.
Does anyone know how I might be able to do this?
View 5 Replies
View Related
Nov 17, 2010
I need to scroll a MapView programatically to make sure something is in view. I know how many pixels it needs to scroll in each direction. I see methods (in MapController) to animate it to a particular GeoPoint, and to scroll it by pixels without animation. But nothing to do it by pixels, with an animation.
What is an easy way to do this?
View 1 Replies
View Related
Sep 7, 2010
I have an app that has a portrait layout. When I rotate my phone into landscape, it loads another layout that is strictly landscape (it is displaying an ImageView). How can I make the transition from portrait to landscape animate smoothly?
View 1 Replies
View Related
Apr 10, 2010
How do you animate the change of background color of a view in Android?
For example:
I have a view with a red background color. The background color of the view changes to blue. How can I do a smooth transition between colors?
If this can't be done with views, an alternative will be welcome.
View 1 Replies
View Related
Oct 26, 2010
I have a TranslateAnimation that shall animate a LinearLayout (isScrollContainer) to the left and to the right along the x-axis. The animation to the left works and the animation is straight - means that the view is animated horizontally only.
But the animation left to right doesn't work: instead of just moving the view from left to right along the x-axis, the view gets animated into the screen from diagonal lower-right corner. But for the Y parameters I pass fixed identical values.
Here is a flv movie that shows the animation and issue I described: http://tinyurl.com/24n4eac
Code as follows...
View 2 Replies
View Related
Oct 13, 2010
there is a very easy and powerful facility to animate the addition and removal of UITableView rows, here's a clip from a youtube video showing the default animation. Note how the surrounding rows collapse onto the deleted row. This animation helps users keep track of what changed in a list and where in the list they were looking at when the data changed.
Since I've been developing on Android I've found no equivalent facility to animate individual rows in a TableView. Calling notifyDataSetChanged() on my Adapter causes the ListView to immediately update its content with new information. I'd like to show a simple animation of a new row pushing in or sliding out when the data changes, but I can't find any documented way to do this. It looks like LayoutAnimationController might hold a key to getting this to work, but when I set a LayoutAnimationController on my ListView (similar to ApiDemo's LayoutAnimation2) and remove elements from my adapter after the list has displayed, the elements disappear immediately instead of getting animated out..................
View 4 Replies
View Related