title: How I can move each rectangle separately?
body: <p>I have five shape draw able rectangular, I have to set the rectangle at angle of  (-20,-15,-10,-5,0)Degree. Each Rectangular have four colors shade. Now I need to animate each rectangle one by one and if user drag left to right then top rectangle moves to left to right.</p>
  
  <p>Problem is, I can’t move each rectangle separately. How I can identify and implement each rectangle separately?</p>
  
  <p>Here sample snapshot that i have to do.
  <a href="http://postimage.org/image/13sa96sbo/" rel="nofollow">http://postimage.org/image/13sa96sbo/</a></p>
  
  <pre><code>public ColorFanDraw(Context context) {
      super(context);
      // TODO Auto-generated constructor stub
  }
  
  
  @Override
  protected void onDraw(Canvas canvasObject) {
  
      int x = 100;
      int y = 50;
      int width = 70;
      int convasSize =200;       
  
      Paint thePaint = new Paint();
  
      thePaint.setColor(mTouchedColor-200);   
      canvasObject.rotate(-15, centerX,centerY); 
      canvasObject.drawRect(new Rect(x,y,x+width,y+convasSize), thePaint);
  
      thePaint.setColor(mTouchedColor-50);    
      canvasObject.rotate(10, centerX,centerY);
      canvasObject.drawRect(new Rect(x,y,x+width,y+convasSize), thePaint);
  
      canvasObject.rotate(10, centerX,centerY);
      thePaint.setColor(mTouchedColor);
      canvasObject.drawRect(new Rect(x,y,x+width,y+convasSize), thePaint);
  
      rotation = AnimationUtils.loadAnimation(contextObj,
                                       R.anim.view_transition_in_left);
  
      ImageView img = new ImageView(contextObj);
  
      img.startAnimation(rotation);
  
  
  }
  </code></pre>