[Android] 안드로이드 애니메이션(Animation) 구현 (4) - Alpha (투명도)

Animation - Alpha

1. Animation - Alpha 개요

애니메이션 효과 중 Alpha는 View의 투명도를 조절하는 효과를 구현합니다. 극장의 fade in과 fade out을 생각하시면 됩니다.

2. Animation - Alpha 구현 (xml)

main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
	xmlns:android="http://schemas.android.com/apk/res/android"
	android:layout_width="match_parent"
	android:layout_height="match_parent"
	android:gravity="center"
	android:orientation="vertical">

	<ImageButton
		android:id="@+id/imgBtn"
		android:layout_width="wrap_content"
		android:layout_height="wrap_content"
		android:src="@drawable/light_bulb"
		android:background="@android:color/transparent"
		android:tint="#F8CA00"/>

</LinearLayout>

간단히 이미지 버튼 1개를 구현했습니다.

alpha.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"> 
	
	<alpha 
		android:duration="2000" 
		android:fromAlpha="1.0" 
		android:toAlpha="0.0"
		android:interpolator="@android:anim/accelerate_interpolator" /> 
</set>

fromAlpha: 시작 투명도
toAlpha: 종료 투명도

두 값은 1이면 완전 불투명, 0이면 완전 투명입니다.

3. Animation - Alpha (Java)

MainActivity.java

public class MainActivity extends Activity 
{

    @Override
    protected void onCreate(Bundle savedInstanceState)
    {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);	

		ImageButton imgBtn = findViewById(R.id.imgBtn);
	
		
		final Animation alpha = 
			AnimationUtils.loadAnimation(MainActivity.this, R.anim.alpha);

	    imgBtn.setOnClickListener(new View.OnClickListener(){

				@Override
				public void onClick(View v)
				{
					v.startAnimation(alpha);
				}
			});
	}
}

AnimationUtils.loadAnimation(Context, int): 구현할 애니메이션을 불러옴

startAnimation(Animation): 애니메이션 시작

4. 실제 구현 화면

fade in과 fade out을 적절히 활용하면 무언가는 사라지고 무언가는 나타나게 순서대로 구현이 가능합니다.

개발자 문서:

https://developer.android.com/reference/android/view/animation/RotateAnimation