Android抽屜實現

在手機上實現了抽屜效果，其實很簡單，但是效果卻很酷。

首先在layout 下設置xml布局文件

[html]

1. <?xml version="1.0" encoding="utf-8"?>
2. <RelativeLayout xmlns:Android="http://schemas.android.com/apk/res/android"
3. android:layout_width="fill_parent"
4. android:layout_height="fill_parent" >
6. <SlidingDrawer
7. android:id="@+id/sliding"
8. android:layout_width="match_parent"
9. android:layout_height="match_parent"
10. android:content="@+id/allApps"
11. android:handle="@+id/imageViewIcon"
12. android:orientation="vertical" >
14. <GridView
15. android:id="@+id/allApps"
16. android:layout_width="wrap_content"
17. android:layout_height="wrap_content"
18. android:background="@drawable/bk"
19. android:columnWidth="60dp"
20. android:gravity="center"
21. android:horizontalSpacing="10dp"
22. android:numColumns="auto_fit"
23. android:padding="10dp"
24. android:stretchMode="columnWidth"
25. android:verticalSpacing="10dp" />
27. <ImageView
28. android:id="@+id/imageViewIcon"
29. android:layout_width="wrap_content"
30. android:layout_height="wrap_content"
31. android:src="@drawable/touch_handler" />
32. </SlidingDrawer>
34. </RelativeLayout>

SlidingDrawer就是重要的抽屜控件 ，handle是抽屜的拖動按鈕，content是抽屜中的內容。

然後建立 chouti的activity類：

[html]

1. import android.app.Activity;
2. import android.content.Intent;
3. import android.content.pm.ResolveInfo;
4. import android.os.Bundle;
5. import android.view.View;
6. import android.view.ViewGroup;
7. import android.widget.BaseAdapter;
8. import android.widget.GridView;
9. import android.widget.ImageView;
10. import android.widget.SlidingDrawer;
12. public class Chouti extends Activity {
13. private GridView gv;
14. private SlidingDrawer sd;
15. private ImageView iv;
16. private List<ResolveInfo> apps;
18. /** Called when the activity is first created. */
19. @Override
20. public void onCreate(Bundle savedInstanceState) {
21. super.onCreate(savedInstanceState);
22. setContentView(R.layout.slidingdrawer);
23. loadApps();
24. gv = (GridView) findViewById(R.id.allApps);
25. sd = (SlidingDrawer) findViewById(R.id.sliding);
26. iv = (ImageView) findViewById(R.id.imageViewIcon);
27. gv.setAdapter(new GridAdapter());
28. sd.setOnDrawerOpenListener(new SlidingDrawer.OnDrawerOpenListener()// 開抽屜
29. {
30. @Override
31. public void onDrawerOpened() {
32. iv.setImageResource(R.drawable.touch_handler);// 響應開抽屜事件
33. // ，把圖片設為向下的
34. }
35. });
36. sd.setOnDrawerCloseListener(new SlidingDrawer.OnDrawerCloseListener() {
37. @Override
38. public void onDrawerClosed() {
39. iv.setImageResource(R.drawable.touch_handler);// 響應關抽屜事件
40. }
41. });
42. }
44. private void loadApps() {
45. Intent intent = new Intent(Intent.ACTION_MAIN, null);
46. intent.addCategory(Intent.CATEGORY_LAUNCHER);
48. apps = getPackageManager().queryIntentActivities(intent, 0);
49. }
51. public class GridAdapter extends BaseAdapter {
52. public GridAdapter() {
54. }
56. public int getCount() {
57. // TODO Auto-generated method stub
58. return apps.size();
59. }
61. public Object getItem(int position) {
62. // TODO Auto-generated method stub
63. return apps.get(position);
64. }
66. public long getItemId(int position) {
67. // TODO Auto-generated method stub
68. return position;
69. }
71. public View getView(int position, View convertView, ViewGroup parent) {
72. // TODO Auto-generated method stub
73. ImageView imageView = null;
74. if (convertView == null) {
75. imageView = new ImageView(Chouti.this);
76. imageView.setScaleType(ImageView.ScaleType.FIT_CENTER);
77. imageView.setLayoutParams(new GridView.LayoutParams(50, 50));
78. } else {
79. imageView = (ImageView) convertView;
80. }
82. ResolveInfo ri = apps.get(position);
83. imageView.setImageDrawable(ri.activityInfo
84. .loadIcon(getPackageManager()));
86. return imageView;
87. }
89. }
90. }

loadApps方法是得到主界面上的圖片和文字。

然後設置的自定義adapter中去。

看下運行後效果：

向上滑動imageview按鈕後：

為了體現更好的效果，可以用兩張滑動圖片，一張朝上的，一張朝下的。根據監聽器做相應的切換。