PopMenu效果的学习

PopMenu效果的学习

看到很多的程序里面都用了PopMenu的效果，给人的体验非常好，今天也学着做了一个，效果如下：

PopMenu.java

 

public class PopMenu extends Activity {
    private int SCREEN_WIDTH;
    private int SCREEN_HEIGHT;
    private final static int MENU_CREATE_DIRECTORY = 0;
    private final static int MENU_CREATE_FILE = 1;
    private final static int MENU_PASTE = 2;
    public final static int MENU_SEARCH = 3;
    private final static int MENU_SHOW_COPY_DIALOG = 4;
    private final static int MENU_APK_MANAGER = 5;
    private final static int MENU_SETTING = 6;
    private final static int MENU_SET_VIEW_STYLE = 7;
    private final static int MENU_FILE_LIB = 8;
    private final static int MENU_FINISH_ACTIVITY = 9;
    private LinearLayout appMenu;
    private Animation menuShowAnimation;
    private Animation menuHideAnimation;
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        SCREEN_WIDTH = getResources().getDisplayMetrics().widthPixels;
        SCREEN_HEIGHT = getResources().getDisplayMetrics().heightPixels;
        initAppMenu();
    }
    private void initAppMenu() {
        appMenu = (LinearLayout) findViewById(R.id.appMenu);
        LinearLayout row = (LinearLayout) appMenu.findViewById(R.id.appRow1);
        int[] drRes = { R.drawable.newfolder, R.drawable.newfile,
                R.drawable.paste, R.drawable.search, R.drawable.dialog,
                R.drawable.apkmanager, R.drawable.setting, R.drawable.multicon,
                R.drawable.filelib, R.drawable.close };
        String[] names = getResources().getStringArray(R.array.appnames);
        LayoutInflater inflater = getLayoutInflater();
        View.OnClickListener listener = new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                appMenuOnClick(v.getId());
                hideAppMenu();
            }
        };
        for (int i = 0; i < 10; i++) {
            if (i == 5) {
                row = (LinearLayout) appMenu.findViewById(R.id.appRow2);
            }
            RelativeLayout rowItem = (RelativeLayout) inflater.inflate(
                    R.layout.appmenuitem, null);
            ImageButton icon = (ImageButton) rowItem
                    .findViewById(R.id.menuicon);
            TextView name = (TextView) rowItem.findViewById(R.id.menuname);
            icon.setBackgroundResource(drRes[i]);
            icon.setId(i);
            name.setText(names[i]);
            icon.setOnClickListener(listener);
            row.addView(rowItem);
        }
    }
    private void appMenuOnClick(int whitch) {
        switch (whitch) {
        case MENU_CREATE_DIRECTORY:
            Toast.makeText(this, "Create Directory", Toast.LENGTH_LONG).show();
            break;
        case MENU_CREATE_FILE:
            Toast.makeText(this, "Create File", Toast.LENGTH_LONG).show();
            break;
        case MENU_PASTE:
            Toast.makeText(this, "Paste", Toast.LENGTH_LONG).show();
            break;
        case MENU_SEARCH:
            Toast.makeText(this, "Search", Toast.LENGTH_LONG).show();
            break;
        case MENU_FINISH_ACTIVITY:
            Toast.makeText(this, "Finish Activity", Toast.LENGTH_LONG).show();
            break;
        case MENU_SHOW_COPY_DIALOG:
            Toast.makeText(this, "Show Copy Dialog", Toast.LENGTH_LONG).show();
            break;
        case MENU_SETTING:
            Toast.makeText(this, "Setting", Toast.LENGTH_LONG).show();
            break;
        case MENU_SET_VIEW_STYLE:
            Toast.makeText(this, "Set View Style", Toast.LENGTH_LONG).show();
            break;
        default:
            break;
        }
    }
    @Override
    public boolean dispatchKeyEvent(KeyEvent event) {
        int actiton = event.getAction();
        int code = event.getKeyCode();
        switch (code) {
        case KeyEvent.KEYCODE_MENU:
            if (actiton == KeyEvent.ACTION_DOWN) {
                if (appMenu.getVisibility() == View.INVISIBLE) {
                    showAppMenu();
                } else {
                    hideAppMenu();
                }
            }
            break;
        case KeyEvent.KEYCODE_BACK:
            if (appMenu.getVisibility() == View.INVISIBLE) {
                hideAppMenu();
            }
            break;
        default:
            break;
        }
        return super.dispatchKeyEvent(event);
    }
    @Override
    public boolean dispatchTouchEvent(MotionEvent event) {
        if (appMenu.getVisibility() == View.VISIBLE) {
            int y = (int) event.getRawY();
            if (y < SCREEN_HEIGHT - appMenu.getHeight()) {
                hideAppMenu();
                return true;
            }
        }
        return super.dispatchTouchEvent(event);
    }
    private void hideAppMenu() {
        appMenu.setVisibility(View.INVISIBLE);
        if (menuHideAnimation == null) {
            menuHideAnimation = AnimationUtils.loadAnimation(this,
                    R.anim.menuhide);
        }
        appMenu.startAnimation(menuHideAnimation);
    }
    private void showAppMenu() {
        appMenu.setVisibility(View.VISIBLE);
        if (menuShowAnimation == null) {
            menuShowAnimation = AnimationUtils.loadAnimation(this,
                    R.anim.menushow);
        }
        appMenu.startAnimation(menuShowAnimation);
    }
}

 

 

res/anim中对于动画的控制：

menuhide.xml:

 

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <translate
        android:fromXDelta="0"
        android:toXDelta="0"
        android:fromYDelta="120"
        android:toYDelta="00"
        android:duration="200" />
</set>

 

 

menushow.xml:

 

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <translate
        android:fromXDelta="0"
        android:toXDelta="0"
        android:fromYDelta="00"
        android:toYDelta="120"
        android:duration="200" />
</set>

 

 

layout/main.xml:

 

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="fill_parent"
    android:layout_height="fill_parent">
    <TextView android:layout_width="fill_parent"
        android:layout_height="wrap_content" android:text="@string/hello" />
    <LinearLayout android:id="@+id/appMenu" android:layout_gravity="bottom"
        android:orientation="vertical" android:layout_width="fill_parent"
        android:layout_height="125dip" android:visibility="visible"
        android:background="@drawable/menubackground"
        android:layout_alignParentBottom="true">
        <LinearLayout android:id="@+id/appRow1"
            android:orientation="horizontal" android:gravity="center_horizontal"
            android:layout_gravity="center_horizontal" android:padding="2dip"
            android:layout_width="fill_parent" android:layout_height="60dip">
        </LinearLayout>
        <LinearLayout android:id="@+id/appRow2"
            android:orientation="horizontal" android:gravity="center_horizontal"
            android:layout_gravity="center_horizontal" android:padding="2dip"
            android:layout_width="fill_parent" android:layout_height="60dip">
        </LinearLayout>
    </LinearLayout>
</RelativeLayout>

 

 

layout/appmenuitem.xml:

 

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout  xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_height="60dp"
    android:layout_width="60dp"
    android:gravity="center_horizontal">
    <ImageButton android:id="@+id/menuicon"
        android:layout_height="60dp" android:layout_width="60dp"
        android:gravity="center_horizontal"
        android:layout_alignParentBottom="true" />
    <TextView android:id="@+id/menuname"
        android:layout_height="60dp"
        android:layout_width="60dp" android:singleLine="true"
        android:textSize="12dp"  android:textColor="#ff000000"
        android:paddingTop="40dp" android:gravity="center_horizontal"
        android:layout_alignParentBottom="true" />
</RelativeLayout>

 

 

values/strings.xml:

 

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <string name="hello">Hello World, PopMenu!</string>
    <string name="app_name">PopMenu</string>
    <string-array name="appnames">
        <item>新建文件夹</item>
        <item>新建文件</item>
        <item>粘贴</item>
        <item>搜索</item>
        <item>复制对话框</item>
        <item>APK管理</item>
        <item>设置</item>
        <item>图标</item>
        <item>文件库</item>
        <item>退出</item>
    </string-array>
</resources>

 

 

做完这个感觉很多的动画效果都是“假的”，是做出来的一种效果。