Android:仿QQ 發表說說/上傳照片 彈出框

代碼很簡單,主要就是幾個動畫而已,圖標什麼的就隨便找了幾個,效果圖:

    

動畫說明:

1.點擊右上角按鈕,菜單從頂部下拉彈出,同時背景變暗;

2.再次點擊右上角按鈕,點擊返回鍵,或者點擊空白區域(也就是變暗的部分),菜單向上收回;

3.點擊菜單上的按鈕響應事件,同時菜單收回(效果同2)

重要說明:動畫結束後必須clearAnimation,否則隱藏狀態的view依然能響應點擊事件

主體代碼:

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() {
        showItems = true;

        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);
    }

    //隱藏下拉菜單
    private void dismissView() {
        showItems = false;

        addDataIv.startAnimation(AnimationUtils.loadAnimation(MainActivity.this, R.anim.rotate_close));

        Animation dropUpAnim = AnimationUtils.loadAnimation(this, R.anim.drop_up);
        dropUpAnim.setAnimationListener(new AnimListenerImpl(dropDownView));
        dropDownView.startAnimation(dropUpAnim);
        dropDownView.setVisibility(View.INVISIBLE);

        Animation fadeLightAnim = AnimationUtils.loadAnimation(MainActivity.this, R.anim.fade_light);
        fadeLightAnim.setAnimationListener(new AnimListenerImpl(bgView));
        bgView.startAnimation(fadeLightAnim);
        bgView.setVisibility(View.INVISIBLE);
    }

    //點擊返回鍵時,如果下拉菜單是顯示狀態,則隱藏它
    @Override
    public void onBackPressed() {
        if (showItems) {
            dismissView();
            return;
        }

        super.onBackPressed();
    }

    private class OnClickImpl implements View.OnClickListener {
        @Override
        public void onClick(View v) {
            if (!showItems) {
                return;
            }

            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;
            }
        }
    }

    //動畫結束後必須clearAnimation,否則隱藏狀態的view依然能響應點擊事件
    private class AnimListenerImpl implements Animation.AnimationListener {
        private View view;

        public AnimListenerImpl(View view) {
            this.view = view;
        }

        @Override
        public void onAnimationStart(Animation animation) {

        }

        @Override
        public void onAnimationEnd(Animation animation) {
            view.clearAnimation();
        }

        @Override
        public void onAnimationRepeat(Animation animation) {

        }
    }
}

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

源碼下載(免積分):http://download.csdn.net/detail/books1958/8703233


發佈了114 篇原創文章 · 獲贊 24 · 訪問量 49萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章