简易模仿手机拨号盘浮在ListView之上并且展开,折叠效果

2013-12-24 16:56:45

有时候可以看到很多手机会将Call log list和Dailer放在同一个页面中，同时Dialer是可以折叠、打开的，自己做了一个Demo，能实现这种效果，简易版的，就当做个笔记吧。

里面用到了简单的动画，不过布局稍显特殊。

废话不多说，直接上代码：

public class TestActivity extends Activity implements
        Animation.AnimationListener {

    private ListView mListView;

    private Animation mDialpadOutAnim;
    private Animation mDialpadInAnim;
    private View mDialpad;
    private View mTwelveKey;
    private boolean mClosed;

    private String[] list;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_test);
        mDialpad = findViewById(R.id.dialpad_container);
        mListView = (ListView) findViewById(android.R.id.list);
        initListView();
    }

    private void initListView() {
        int i = 0;
        list = new String[10];
        StringBuilder sb = new StringBuilder("Test");
        do {
            list[i] = (sb.append(i + "").toString());
            i++;
        } while (i < 10);
        ArrayAdapter<String> adapter = new ArrayAdapter<String>(this,
                android.R.layout.simple_list_item_1, list);
        mListView.setAdapter(adapter);
    }

    public void onClick(View v) {
        if (mClosed) {
            maximizeDialpad();
            // mListView.setVisibility(View.GONE);
        } else {
            minimizeDialpad();
        }
    }

    private void minimizeDialpad() {
        mTwelveKey = findViewById(R.id.twelve_key_dialer_layout);
        mDialpadOutAnim = AnimationUtils
                .loadAnimation(this, R.anim.dialpad_out);
        mDialpadOutAnim.setAnimationListener(this);
        mTwelveKey.startAnimation(this.mDialpadOutAnim);
        mClosed = true;
    }

    private void maximizeDialpad() {
        mTwelveKey = findViewById(R.id.twelve_key_dialer_layout);
        mDialpadInAnim = AnimationUtils.loadAnimation(this, R.anim.dialpad_in);
        mDialpadInAnim.setAnimationListener(this);
        mTwelveKey.startAnimation(this.mDialpadInAnim);
        mDialpad.setVisibility(View.VISIBLE);
        mClosed = false;
    }

    @Override
    public void onAnimationStart(Animation animation) {

    }

    @Override
    public void onAnimationEnd(Animation animation) {
        if (mClosed) {
            mDialpad.setVisibility(View.GONE);
        }
    }

    @Override
    public void onAnimationRepeat(Animation animation) {

    }
}

其他的布局、资源文件就不贴出来了，有兴趣的直接下载Demo源码吧。

Demo源码,猛戳这里