Android:仿QQ 发表说说/上传照片 弹出框

标签：android   动画   

代码很简单,主要就是几个动画而已,图标什么的就随便找了几个,效果图:

动画说明:

1.点击右上角按钮,菜单从顶部下拉弹出,同时背景变暗;

2.再次点击右上角按钮,点击返回键,或者点击空白区域(也就是变暗的部分),菜单向上收回;

3.点击菜单上的按钮响应事件,同时菜单收回(效果同2)

主体代码:

public class MainActivity extends Activity {
    //添加数据按钮
    private ImageView addDataIv;
    //下拉功能菜单
    private LinearLayout dropDownView;
    private View bgView;

    //当前下拉菜单是否为显示状态
    private boolean showItems = false;

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

        addDataIv = (ImageView) findViewById(R.id.main_newData);
        dropDownView = (LinearLayout) findViewById(R.id.dropDownView);
        bgView = findViewById(R.id.main_bg);

        addDataIv.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                if (!showItems) {
                    showView();
                } else {
                    dismissView();
                }
            }
        });

        //点击空白隐藏弹出框
        bgView.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                if (showItems) {
                    dismissView();
                }
            }
        });

        //下拉功能菜单上按钮的点击事件
        View.OnClickListener l = new OnClickImpl();
        findViewById(R.id.dropDown_item1).setOnClickListener(l);
        findViewById(R.id.dropDown_item2).setOnClickListener(l);
        findViewById(R.id.dropDown_item3).setOnClickListener(l);
        findViewById(R.id.dropDown_item4).setOnClickListener(l);

    }

    //显示下拉菜单
    private void showView() {
        addDataIv.startAnimation(AnimationUtils.loadAnimation(MainActivity.this, R.anim.rotate_open));

        dropDownView.startAnimation(AnimationUtils.loadAnimation(this, R.anim.drop_down));
        dropDownView.setVisibility(View.VISIBLE);

        bgView.startAnimation(AnimationUtils.loadAnimation(MainActivity.this, R.anim.fade_dark));
        bgView.setVisibility(View.VISIBLE);

        showItems = true;
    }

    //隐藏下拉菜单
    private void dismissView() {
        addDataIv.startAnimation(AnimationUtils.loadAnimation(MainActivity.this, R.anim.rotate_close));

        dropDownView.startAnimation(AnimationUtils.loadAnimation(this, R.anim.drop_up));
        dropDownView.setVisibility(View.INVISIBLE);

        bgView.startAnimation(AnimationUtils.loadAnimation(MainActivity.this, R.anim.fade_light));
        bgView.setVisibility(View.INVISIBLE);

        showItems = false;
    }

    //点击返回键时，如果下拉菜单是显示状态，则隐藏它
    @Override
    public void onBackPressed() {
        if (showItems) {
            dismissView();
            return;
        }

        super.onBackPressed();
    }

    private class OnClickImpl implements View.OnClickListener {
        @Override
        public void onClick(View v) {
            int id = v.getId();
            switch (id) {
                case R.id.dropDown_item1:
                    Toast.makeText(MainActivity.this, "item1 onClick", Toast.LENGTH_SHORT).show();
                    dismissView();
                    break;

                case R.id.dropDown_item2:
                    Toast.makeText(MainActivity.this, "item2 onClick", Toast.LENGTH_SHORT).show();
                    dismissView();
                    break;

                case R.id.dropDown_item3:
                    Toast.makeText(MainActivity.this, "item3 onClick", Toast.LENGTH_SHORT).show();
                    dismissView();
                    break;

                case R.id.dropDown_item4:
                    Toast.makeText(MainActivity.this, "item4 onClick", Toast.LENGTH_SHORT).show();
                    dismissView();
                    break;

                default:
                    break;
            }
        }
    }
}

====== ======

源码下载:http://download.csdn.net/detail/books1958/8702355

Android:仿QQ 发表说说/上传照片 弹出框

标签：android   动画   

原文地址：http://blog.csdn.net/books1958/article/details/45741727