Archive for the ‘Animation’ Category

App UI / UX – Part 5

Friday, June 20th, 2014

Previously in this series we’ve looked at improving the ActionBar behaviour of our temperature app, but there’s another annoyance that we can fix by tinkering with the ActionBar: When the user performs a bluetooth device discovery scan there is no visual indication that the scan is in progress, and more importantly when the scan completes. In this article we’ll add a simple animation to the refresh ActionBar item to provide this visual indication that a scan is occurring.

App Polish

Tuesday, April 1st, 2014

Often we complete the functional aspect of an Android project, and when it comes to adding some sparkle to the UI to really make it appealing to the user inspiration can be a little lacking. In this article we’ll start of with a really functional but boring app, and turn it in to something much more exciting.

Blurring Images – Part 7

Friday, March 28th, 2014

In the previous article we performed some simple optimisations which enormously improved the frame rate of our animations. However, we mentioned that increasing the size of the area that we wish to blur will slow the frame rate because the complexity of the blur operation will increase exponentially. In this article we’ll look at an alternative approach which should permit us to animate larger areas.

Blurring Images – Part 6

Friday, March 21st, 2014

In the previous article we looked at frame rates, and explored how we can measure them by adding some simple benchmarking logging. In this article we’ll look at implementing our dynamic blurring so that we can animate things, and optimising things to improve our framerate.

Blurring Images – Part 5

Friday, March 14th, 2014

So far in this series there have been quite a few mentions of frame rates, and assertions that we want to keep our frame rates as high as possible. In this article we’ll look a little closer at how we can measure frame rates, and explore how changes in our layouts and views can affect our frame rates.

TextClock Version 2 – Part 4

Friday, January 24th, 2014

In the previous article we updated our layouts and animations to use ViewFlipper ready for our animations. In this article we’ll get this hooked up so that the time transition now animate on both the app and lock screen widgets.

TextClock Version 2 – Part 3

Friday, January 17th, 2014

In the previous article we added some animations to the Daydream in the TextClock because they were the easier. In this article week look at why it is more tricky to add them to app and lock screen widgets.

TextClock Version 2 – Part 2

Friday, January 10th, 2014

In the previous article in this series we began the update of the TextClock app widget, lock screen widget, and daydream by selectively, according to OS version, updating the colours to match the new KitKat theme. In this article we’ll look at adding some animations.

Transition Animations – Part 4

Friday, December 6th, 2013

Previously in this series we’ve looked at a few aspects of Transition animations, but all of the examples have comprised of the views being animated having a single, common parent. In other words, they are all children of the same parent layout. However, Android layouts are rarely as simple as the example layouts that we’ve been looking at. In this concluding article we’ll have a look in to why the ChangeBounds transition has this limitation, and some potential work arounds.

Transition Animations – Part 3

Friday, November 29th, 2013

In the previous article we looked at Scenes and how they can be used to encapsulate static view hierarchy states, however we’ve only looked at moving items around. In this article we’ll look at different use cases for our animations and see how we can use different transitions.