Android 회전,이동,크기 조정,투명도 그 라 데 이 션 의 추가 애니메이션

안 드 로 이 드 는 회전,이동,크기 조정 과 투명 도 그 라 데 이 션 의 보충 애니메이션 을 실현 하고 구체 적 으로 다음 과 같이 실현 합 니 다.
1.새 프로젝트 의 res 디 렉 터 리 에 anim 이라는 디 렉 터 리 를 만 들 고 이 디 렉 터 리 에 회전,이동,크기 조정,투명도 그 라 데 이 션 을 실현 하 는 애니메이션 자원 파일 을 만 듭 니 다.
투명도 그 라 데 이 션 애니메이션 자원 파일 animalpha.xml(완전 불투명->완전 투명->완전 불투명)

<?xml version="1.0" encoding="utf-8"?> 
<set xmlns:android="http://schemas.android.com/apk/res/android"> 
 <alpha android:fromAlpha="1" 
 android:toAlpha="0" 
 android:fillAfter="true" 
 android:repeatMode="reverse" 
 android:repeatCount="1" 
 android:duration="2000"/> 
</set> 
회전 하 는 애니메이션 자원 파일 animrotate.xml(0 도->720 도->360 도->0 도)

<?xml version="1.0" encoding="utf-8"?> 
<set xmlns:android="http://schemas.android.com/apk/res/android"> 
 <rotate 
 android:interpolator="@android:anim/accelerate_interpolator" 
 android:fromDegrees="0" 
 android:toDegrees="720" 
 android:pivotX="50%" 
 android:pivotY="50%" 
 android:duration="2000"/> 
 <rotate 
 android:interpolator="@android:anim/accelerate_interpolator" 
 android:startOffset="2000" 
 android:fromDegrees="360" 
 android:toDegrees="0" 
 android:pivotX="50%" 
 android:pivotY="50%" 
 android:duration="2000"/> 
</set> 

애니메이션 자원 파일 크기 조정 animscale.xml(2 배 확대->수축)

<?xml version="1.0" encoding="utf-8"?> 
<set xmlns:android="http://schemas.android.com/apk/res/android"> 
 <scale android:fromXScale="1" 
 android:interpolator="@android:anim/decelerate_interpolator" 
 android:fromYScale="1" 
 android:toXScale="2.0" 
 android:toYScale="2.0" 
 android:pivotX="50%" 
 android:pivotY="50%" 
 android:fillAfter="true" 
 android:repeatCount="1" 
 android:repeatMode="reverse" 
 android:duration="2000"/> 
 </set> 

애니메이션 자원 파일 이동 animtranslate.xml(화면 왼쪽->화면 오른쪽->화면 왼쪽)

<?xml version="1.0" encoding="utf-8"?> 
<set xmlns:android="http://schemas.android.com/apk/res/android"> 
 <translate 
 android:fromXDelta="0" 
 android:toXDelta="860" 
 android:fromYDelta="0" 
 android:toYDelta="0" 
 android:fillAfter="true" 
 android:repeatMode="reverse" 
 android:repeatCount="1" 
 android:duration="2000"/> 
</set> 

주 인터페이스 자원 파일:

res/layout/main.xml:
[html] view plain copy
<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
 xmlns:tools="http://schemas.android.com/tools" 
 android:layout_width="fill_parent" 
 android:layout_height="fill_parent" 
 android:id="@+id/linearLayout1" 
 android:orientation="vertical" 
 > 
 <LinearLayout 
 android:layout_width="fill_parent" 
 android:layout_height="wrap_content" 
 android:id="@+id/linearLayout2" 
 android:orientation="horizontal"> 
 <Button android:layout_width="wrap_content" 
 android:layout_height="wrap_content" 
 android:id="@+id/button1" 
 android:text="  "/> 
 <Button android:layout_width="wrap_content" 
 android:layout_height="wrap_content" 
 android:id="@+id/button2" 
 android:text="  "/> 
 <Button android:layout_width="wrap_content" 
 android:layout_height="wrap_content" 
 android:id="@+id/button3" 
 android:text="  "/> 
 <Button android:layout_width="wrap_content" 
 android:layout_height="wrap_content" 
 android:id="@+id/button4" 
 android:text="     "/> 
 </LinearLayout> 
 <ImageView android:layout_width="wrap_content" 
 android:layout_height="wrap_content" 
 android:id="@+id/imageView1" 
 android:src="@drawable/img1"/> 
</LinearLayout>
효과

2.MainActivity:
onCreate()방법 에서 먼저 애니메이션 자원 파일 에 생 성 된 애니메이션 자원 을 가 져 온 다음 에 애니메이션 효 과 를 적용 할 ImageView 를 가 져 온 다음 에'회전'단 추 를 가 져 오고 이 단 추 를 누 르 면 이벤트 감청 기 를 추가 하여 onClik()을 다시 쓰 는 방법 에서 애니메이션 을 재생 합 니 다.구체 적 인 코드 는 다음 과 같다.

[java] view plain copy
package com.example.test; 
 
import android.app.Activity; 
import android.os.Bundle; 
import android.view.View; 
import android.view.View.OnClickListener; 
import android.view.animation.Animation; 
import android.view.animation.AnimationUtils; 
import android.widget.Button; 
import android.widget.ImageView; 
 
public class MainActivity extends Activity { 
 
 @Override 
 public void onCreate(Bundle savedInstanceState) { 
 super.onCreate(savedInstanceState); 
 setContentView(R.layout.main); 
 
 final Animation rotate=AnimationUtils.loadAnimation(this, R.anim.anim_rotate);//         
 final Animation translate=AnimationUtils.loadAnimation(this, R.anim.anim_translate);//         
 final Animation scale=AnimationUtils.loadAnimation(this, R.anim.anim_scale);//         
 final Animation alpha=AnimationUtils.loadAnimation(this, R.anim.anim_alpha);//            
 //          ImageView 
 final ImageView iv=(ImageView)findViewById(R.id.imageView1); 
 Button button1=(Button)findViewById(R.id.button1);//  "  "   
 button1.setOnClickListener(new OnClickListener() { 
 
 @Override 
 public void onClick(View arg0) { 
 //       
 iv.startAnimation(rotate); 
 
 } 
 }); 
 
 Button button2=(Button)findViewById(R.id.button2);//  "  "   
 button2.setOnClickListener(new OnClickListener() { 
 
 @Override 
 public void onClick(View arg0) { 
 //       
 iv.startAnimation(translate); 
 
 } 
 }); 
 
 Button button3=(Button)findViewById(R.id.button3);//  "  "   
 button3.setOnClickListener(new OnClickListener() { 
 
 @Override 
 public void onClick(View arg0) { 
 //       
 iv.startAnimation(scale); 
 
 } 
 }); 
 
 Button button4=(Button)findViewById(R.id.button4);//  "     "   
 button4.setOnClickListener(new OnClickListener() { 
 
 @Override 
 public void onClick(View arg0) { 
 //          
 iv.startAnimation(alpha); 
 } 
 }); 
 } 
} 
효 과 는 그림 1,그림 2,그림 3,그림 4 와 같다.



이상 은 이 글 의 전체 내용 입 니 다.본 논문 의 내용 이 여러분 의 학습 이나 업무 에 어느 정도 참고 학습 가치 가 있 기 를 바 랍 니 다.궁금 한 점 이 있 으 시 면 댓 글 을 남 겨 주 셔 서 저희 에 대한 지지 에 감 사 드 립 니 다.

좋은 웹페이지 즐겨찾기