Android Dialog Show 할때 Animation 적용하기

어디든 비슷비슷하겠지만,

Android 어플이 있으면 동일한 iPhone 어플이 있기 마련이다.

UX를 고려하여 디자인이 설계 되는 경우도 있겠지만,

Android보다는 iPhone(iOS)이 훨씬 보기좋다? 라는 분들이 있어,

예전에 부득이하게 커스텀 다이얼로그를 만든적이 있어 기록한다.

iPhone에서 하단에서 뿅~ 하고 나타나는 Bottom Up 팝업 윈도우처럼 동작하게 해달라는 요청이 있어,

Base Dialog 아예 만들었다.

- opne.xml (애니메이션)

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:interpolator="@android:anim/accelerate_interpolator">
    <translate
        android:fromYDelta="100%"
        android:toYDelta="0%"
        android:duration="200"/>
</set>

- close.xml(애니메이션)

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:interpolator="@android:anim/accelerate_interpolator">
    <translate
        android:fromYDelta="0%"
        android:toYDelta= "100%"
        android:duration="200"/>
</set>

- styles.xml

<style name="AnimationPopupStyle">
    <item name="android:windowEnterAnimation">@anim/open</item>
    <item name="android:windowExitAnimation">@anim/close</item>
</style>

- BaseDialog.java

public class BaseDialog extends Dialog {
    protected Context mContext;
    public BaseDialog(Context context, int layoutId ) {
        super( context );
        this.requestWindowFeature(Window.FEATURE_NO_TITLE);
        setContentView( layoutId );
        this.mContext = context;

        setCancelable( true );
        setCanceledOnTouchOutside( true );

        Window window = getWindow();
        if( window != null ) {
            // 백그라운드 투명
            window.setBackgroundDrawable(new ColorDrawable(Color.TRANSPARENT));

            WindowManager.LayoutParams params = window.getAttributes();
            // 화면에 가득 차도록
            params.width         = WindowManager.LayoutParams.MATCH_PARENT;
            params.height        = WindowManager.LayoutParams.MATCH_PARENT;

            // 열기&닫기 시 애니메이션 설정
            params.windowAnimations = R.style.AnimationPopupStyle;
            window.setAttributes( params );
            // UI 하단 정렬
            window.setGravity( Gravity.BOTTOM );
        }
    }
}

사용시 위 BaseDialog 클래스를 상속받아 구현하고 싶은 Dialog를 만들면 된다.

위 open, close 애니메이션을 변경하고,

Dialog의 setGravity 값을 조정하므로써, 팝업 뜨는 방식을 다양하게 결정할 수 있다~