14 October 2018
I really like the way that Gmail for Android shows the checked state for selected emails.
Why is this good? There are three visual affordances which make it very clear which emails are selected:
Why is it COOL? Look what happens when an email is selected and deselected quickly. The avatar animation is shown in reverse from the position it was at:
I have five requirements:
I used the
Rotate3dAnimation class from the Android samples to do the swivel itself. The main thing I changed from the sample was adding the
matrix.preScale(-1f, 1f, centerX, 0f) so that the “back” of the view wasn’t reversed.
I didn’t manage to get the fifth requirement completed — luckily, it doesn’t look too bad played at the regular animation speed:
See the full solution here.
How would you have done this? Is the reverse easier than I was thinking or are there any tricks I’m missing out on? Let me know on Twitter!