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

2013-12-24 16:56:45

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

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

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

 1 public class TestActivity extends Activity implements
 2         Animation.AnimationListener {
 3 
 4     private ListView mListView;
 5 
 6     private Animation mDialpadOutAnim;
 7     private Animation mDialpadInAnim;
 8     private View mDialpad;
 9     private View mTwelveKey;
10     private boolean mClosed;
11 
12     private String[] list;
13 
14     @Override
15     protected void onCreate(Bundle savedInstanceState) {
16         super.onCreate(savedInstanceState);
17         setContentView(R.layout.activity_test);
18         mDialpad = findViewById(R.id.dialpad_container);
19         mListView = (ListView) findViewById(android.R.id.list);
20         initListView();
21     }
22 
23     private void initListView() {
24         int i = 0;
25         list = new String[10];
26         StringBuilder sb = new StringBuilder("Test");
27         do {
28             list[i] = (sb.append(i + "").toString());
29             i++;
30         } while (i < 10);
31         ArrayAdapter<String> adapter = new ArrayAdapter<String>(this,
32                 android.R.layout.simple_list_item_1, list);
33         mListView.setAdapter(adapter);
34     }
35 
36     public void onClick(View v) {
37         if (mClosed) {
38             maximizeDialpad();
39             // mListView.setVisibility(View.GONE);
40         } else {
41             minimizeDialpad();
42         }
43     }
44 
45     private void minimizeDialpad() {
46         mTwelveKey = findViewById(R.id.twelve_key_dialer_layout);
47         mDialpadOutAnim = AnimationUtils
48                 .loadAnimation(this, R.anim.dialpad_out);
49         mDialpadOutAnim.setAnimationListener(this);
50         mTwelveKey.startAnimation(this.mDialpadOutAnim);
51         mClosed = true;
52     }
53 
54     private void maximizeDialpad() {
55         mTwelveKey = findViewById(R.id.twelve_key_dialer_layout);
56         mDialpadInAnim = AnimationUtils.loadAnimation(this, R.anim.dialpad_in);
57         mDialpadInAnim.setAnimationListener(this);
58         mTwelveKey.startAnimation(this.mDialpadInAnim);
59         mDialpad.setVisibility(View.VISIBLE);
60         mClosed = false;
61     }
62 
63     @Override
64     public void onAnimationStart(Animation animation) {
65 
66     }
67 
68     @Override
69     public void onAnimationEnd(Animation animation) {
70         if (mClosed) {
71             mDialpad.setVisibility(View.GONE);
72         }
73     }
74 
75     @Override
76     public void onAnimationRepeat(Animation animation) {
77 
78     }
79 }

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

Demo源码,猛戳这里