2014년 6월 30일 월요일

Android Slide Menu (Animation)

Android Slide Menu (Animation)

View를 추가하여 애니메이션을 통해 Slide Menu를 구현한다.

SlideMenuActivity.java

package com.example.slidemneu;
import android.app.Activity;
import android.content.Context;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.ViewGroup.LayoutParams;
import android.view.animation.Animation;
import android.view.animation.Animation.AnimationListener;
import android.view.animation.AnimationUtils;
import android.widget.Button;
import com.example.test.R;
public class SlideMenuActivity extends Activity implements AnimationListener {
    private Animation mAnimation;
    private View mSlideMenu;
    private boolean menuOut = false;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_slide_menu);
        Button btSlideUp = (Button) findViewById(R.id.bt_slide_up);
        btSlideUp.setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View v) {
                // TODO Auto-generated method stub
                mAnimation = AnimationUtils.loadAnimation(
                        SlideMenuActivity.this, R.anim.push_left_in);
                mAnimation.setAnimationListener(SlideMenuActivity.this);
                mSlideMenu.startAnimation(mAnimation);
            }
        });
        Button btSlideOut = (Button) findViewById(R.id.bt_slide_down);
        btSlideOut.setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View v) {
                // TODO Auto-generated method stub
                mAnimation = AnimationUtils.loadAnimation(
                        SlideMenuActivity.this, R.anim.push_right_out);
                mAnimation.setAnimationListener(SlideMenuActivity.this);
                mSlideMenu.startAnimation(mAnimation);
            }
        });
        LayoutInflater inflater = (LayoutInflater) this
                .getSystemService(Context.LAYOUT_INFLATER_SERVICE);
        mSlideMenu = inflater.inflate(R.layout.slide_menu, null);
        mSlideMenu.setVisibility(View.INVISIBLE);
        addContentView(mSlideMenu, new LayoutParams(LayoutParams.MATCH_PARENT,
                LayoutParams.MATCH_PARENT));
    }
    @Override
    public void onAnimationStart(Animation animation) {
        // TODO Auto-generated method stub
    }
    @Override
    public void onAnimationEnd(Animation animation) {
        // TODO Auto-generated method stub
        menuOut = !menuOut;
        if (!menuOut) {
            mSlideMenu.setVisibility(View.INVISIBLE);
        } else {
            mSlideMenu.setVisibility(View.VISIBLE);
        }
    }
    @Override
    public void onAnimationRepeat(Animation animation) {
        // TODO Auto-generated method stub
    }
}

push_left_in.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" >
    <translate
        android:duration="1000"
        android:fromXDelta="100%p"
        android:interpolator="@android:anim/accelerate_decelerate_interpolator"
        android:toXDelta="0" />
</set>

push_right_out.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" >
    <translate
        android:duration="1000"
        android:fromXDelta="0"
        android:interpolator="@android:anim/accelerate_decelerate_interpolator"
        android:toXDelta="100%p" />
</set>

activity_slide_menu.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:weightSum="640" >
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="48"
        android:orientation="horizontal"
        android:weightSum="360" >
        <Button
            android:id="@+id/bt_slide_up"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="180"
            android:text="menu slide up" />
        <Button
            android:id="@+id/bt_slide_down"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="180"
            android:text="menu slide out" />
    </LinearLayout>
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="592"
        android:orientation="vertical" >
    </LinearLayout>
</LinearLayout>

slide_menu.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    xmlns:svgimageview="http://schemas.android.com/apk/res-auto"
    android:id="@+id/slide_menu_layer"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:gravity="bottom"
    android:weightSum="640" >
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_weight="592"
        android:orientation="vertical" >
        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="menu1" />
        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="menu2" />
        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="menu3" />
    </LinearLayout>
</LinearLayout>










댓글 없음:

댓글 쓰기