안드로이드 드래그/뷰 애니메이션

Question

저는 프로그래머가 아니지만, 안드로이드 개발을 배우려고하고 있습니다.

최근에 나는 길에서 포크를 쳤고, 내가 식별 할 수있는 방향이 내 모든 필요를 충족 시킬지 알지 못합니다. 사용자 (전문가)가 도움을 줄 수있는 곳입니다.)

엔드 포인트 : 사용자가 볼을 터치하고 화면의 원하는 위치로 드래그하도록 할 수 있습니다. 또한이 볼이 그려지는 시점과 떨어 뜨린 시점에이 볼을 애니메이션으로 만들고 싶습니다.

커스텀 클래스를 사용하여 드래그 부분을 완성 할 수 있습니다. (이 튜토리얼에있는 것과 같은 클래스는 아무것도 확장하지 않습니다. basic drag & drop), 트위닝 애니메이션을 적용하는 방법을 모르겠습니다.

ImageView에 이미지가있는 애니메이션 버전을 개발했지만 AbsoluteLayout을 사용하지 않고 동일한 드래그 & 드롭 기능을 적용 할 수는 없습니다. no-no.

그래서 MotionViews를 사용하여 ??? 레이아웃 주위로 ImageView를 이동하거나 뷰에 기반하지 않는 사용자 정의 클래스 (예 : XML로 정의 된 트윈 사용)를 애니메이트하려면 어떻게해야합니까? 에스?

불확실한 점이 있으면 질문하십시오. 나는 대부분의 용어뿐만 아니라 모든 용어를 모릅니다.

이 질문에 대한 답변은 anddev.org 포럼에 copy입니다. 그래서 나는이 게시물을저기서 얻은 응답으로 업데이트 해 두겠습니다.

Answer 1

왜 뷰를 확장 할 수 없습니까? 그런 다음 OnDraw() 메서드를 재정의 할 수 있으므로 그리는 방법을 완전히 제어 할 수 있습니다. ColorBall 클래스를 View로 확장하십시오. 이동시 위치를 변경 한 다음 해당 뷰를 무효화하고 DrawView 클래스를 그리는 대신 자체적으로 그려 봅니다.

편집 - 여기에 예제 클래스입니다

public class Card extends View 
{ 
    private Bitmap mImage; 
    private final Paint mPaint = new Paint(); 
    private final Point mSize = new Point(); 
    private final Point mStartPosition = new Point(); 

    public Card(Context context) 
    { 
     super(context); 

    } 

    public final Bitmap getImage() { return mCardImage; } 
    public final void setImage(Bitmap image) 
    { 
     mImage = image; 
     setSize(mCardImage.getWidth(), mCardImage.getHeight()); 
    } 

    @Override 
    protected void onDraw(Canvas canvas) 
    { 
     Point position = getPosition(); 
     canvas.drawBitmap(mCardImage, position.x, position.y, mPaint); 
    } 

    public final void setPosition(final Point position) 
    { 
     mRegion.set(position.x, position.y, position.x + mSize.x, position.y + mSize.y); 
    } 

    public final Point getPosition() 
    { 
     Rect bounds = mRegion.getBounds(); 
     return new Point(bounds.left, bounds.top); 
    } 

    public final void setSize(int width, int height) 
    { 
     mSize.x = width; 
     mSize.y = height; 

     Rect bounds = mRegion.getBounds(); 
     mRegion.set(bounds.left, bounds.top, bounds.left + width, bounds.top + height); 
    } 

    public final Point getSize() { return mSize; } 

    @Override 
    public boolean onTouchEvent(MotionEvent event) 
    { 
     // Is the event inside of this view? 
     if(!mRegion.contains((int)event.getX(), (int)event.getY())) 
     { 
      return super.onTouchEvent(event); 
     } 

     if(event.getAction() == MotionEvent.ACTION_DOWN) 
     { 
      mStartPosition.x = (int)event.getX(); 
      mStartPosition.y = (int)event.getY(); 
      bringToFront(); 
      onSelected(); 
      return true; 
     } 
     else if(event.getAction() == MotionEvent.ACTION_MOVE) 
     { 
      int x = 0, y = 0; 

      if(mLock == DirectionLock.FREE || mLock == DirectionLock.HORIZONTAL_ONLY) 
      { 
       x = (int)event.getX() - mStartPosition.x; 
      } 

      if(mLock == DirectionLock.FREE || mLock == DirectionLock.VERTICAL_ONLY) 
      { 
       y = (int)event.getY() - mStartPosition.y; 
      } 

      mRegion.translate(x, y); 
      mStartPosition.x = (int)event.getX(); 
      mStartPosition.y = (int)event.getY(); 

      invalidate(); 

      return true; 
     } 
     else 
     { 
      return super.onTouchEvent(event); 
     } 
    } 
}