title: FireMonkey controls do not animate smoothly
body: <p><strong>Background</strong></p>
  
  <p>I've created a GUI using some FireMonkey controls. </p>
  
  <ul>
  <li>Some controls are animated and their appearance updates automatically.</li>
  <li>Some controls only update in response to user interaction (sliders etc).</li>
  </ul>
  
  <p><strong>Problem</strong></p>
  
  <p>Interaction with the user controls prevents updates to the animated controls, resulting in jerky discontinuous animation. </p>
  
  <p><a href="http://youtu.be/PSbheON4iPI" rel="noreferrer">Video of glitchy animation</a></p>
  
  <p>The animated control in the video above is driven by a TTimer component. The problem persists when using FireMonkey's animation components. </p>
  
  <p><strong>Investigation</strong></p>
  
  <p>The slider controls call Repaint() when adjusted. Smoothly adjusting a slider will generate a dense stream of Repaint() calls which block other controls from being updated. </p>
  
  <p><strong>What To Do?</strong></p>
  
  <p>Freezing animations while one control is continuously updated is not appropriate for my application. My first thought is to swap the Repaint() calls for something similar to the VCL Invalidate() method, but FireMonkey doesn't have anything comparable AFAIK. </p>
  
  <p>Is there a good workaround for this problem? </p>