UI Animation (Showing an arrow on top of everything else)
<p>I'd like to show a large green arrow in front of all other views when the user clicks a button. The arrow should fade in, stay there for 1-2 seconds and fade out again. How would I go about programming this? I've looked at the animation examples but would like to confirm the way forward before I dive into programming something that won't work :-):</p>

<ol>
<li>Draw the arrow-image as a bitmap, immediately make it invisible</li>
<li>Fade it in ("alpha"-change animation) </li>
<li>Let it stay for 2 seconds</li>
<li>Fade it out (again, "alpha"-change animation)</li>
</ol>

<p>Is this correct, or would you suggest something else?</p>

<p>"Mockup": <a href="http://screencast.com/t/MTMzZmVhNj" rel="nofollow">http://screencast.com/t/MTMzZmVhNj</a></p>
