这个不错~安卓下拉菜单~~

1. 前言：

        本篇并不用到ExpandableListView来实现二级展示，因为这个控件一是没有展开的动画效果，二是感觉性能不高，于是，就自己写了个类似于《应用汇》中管理的那个界面，只可惜它没有动画，我有。先上个图，让大家看看：

  

                应用汇管理界面                                       Demo界面

 

2. 程序实现：

2.1 main布局和item布局：

main布局很简单：

[html]  view plain copy

1. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  
2.     xmlns:tools="http://schemas.android.com/tools"  
3.     android:layout_width="match_parent"  
4.     android:layout_height="match_parent"  
5.     tools:context=".MainActivity" >  
6.   
7.     <ListView   
8.         android:id="@+id/lvMain"  
9.         android:layout_width="match_parent"  
10.         android:layout_height="match_parent"/>  
11.   
12. </RelativeLayout>  

item布局：

[html]  view plain copy

1. <?xml version="1.0" encoding="utf-8"?>  
2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
3.     android:layout_width="match_parent"  
4.     android:layout_height="wrap_content"  
5.     android:orientation="vertical"  
6.     android:padding="5dip">  
7.       
8.     <RelativeLayout   
9.         android:id="@+id/header"  
10.         android:layout_width="match_parent"  
11.         android:layout_height="wrap_content">  
12.           
13.         <ImageView   
14.             android:id="@+id/ivIcon"  
15.             android:src="@drawable/ic_launcher"  
16.             android:layout_width="wrap_content"  
17.             android:layout_height="wrap_content"  
18.             android:contentDescription="@string/image_desc"/>  
19.           
20.         <LinearLayout   
21.             android:id="@+id/appInfo"  
22.             android:layout_toRightOf="@id/ivIcon"  
23.             android:layout_marginLeft="5dip"  
24.             android:layout_width="match_parent"  
25.             android:layout_height="wrap_content"  
26.             android:orientation="vertical">  
27.               
28.             <TextView   
29.                 android:id="@+id/tvName"  
30.                 android:layout_width="wrap_content"  
31.                 android:layout_height="wrap_content"  
32.                 android:text="@string/name"  
33.                 android:textColor="#000000"  
34.                 android:textSize="16sp"/>  
35.             <TextView   
36.                 android:id="@+id/tvVer"  
37.                 android:layout_width="wrap_content"  
38.                 android:layout_height="wrap_content"  
39.                 android:text="@string/ver"  
40.                 android:textColor="#666666"  
41.                 android:textSize="13sp"/>  
42.             <TextView   
43.                 android:id="@+id/tvSize"  
44.                 android:layout_width="wrap_content"  
45.                 android:layout_height="wrap_content"  
46.                 android:text="@string/size"  
47.                 android:textColor="#666666"  
48.                 android:textSize="13sp"/>  
49.               
50.         </LinearLayout>  
51.           
52.         <Button   
53.             android:id="@+id/btnClick"  
54.             android:focusable="false"  
55.             android:layout_width="80dip"  
56.             android:layout_height="wrap_content"  
57.             android:layout_alignParentRight="true"  
58.             android:layout_centerVertical="true"  
59.             android:text="@string/mgr"  
60.             android:textColor="#000000"  
61.             android:textSize="16sp"/>  
62.           
63.     </RelativeLayout>  
64.       
65.     <RelativeLayout   
66.         android:id="@+id/footer"  
67.         android:layout_width="match_parent"  
68.         android:layout_height="wrap_content"  
69.         android:background="@drawable/toggle_area">  
70.   
71.         <Button   
72.             android:id="@+id/btnOpen"  
73.             android:focusable="false"  
74.             android:layout_width="100dip"  
75.             android:layout_height="wrap_content"  
76.             android:layout_alignParentLeft="true"  
77.             android:layout_marginTop="6dip"  
78.             android:text="@string/open"  
79.             android:textColor="#000000"  
80.             android:textSize="16sp"/>  
81.   
82.         <Button   
83.             android:id="@+id/btnView"  
84.             android:focusable="false"  
85.             android:layout_toRightOf="@id/btnOpen"  
86.             android:layout_width="100dip"  
87.             android:layout_height="wrap_content"  
88.             android:layout_marginTop="6dip"  
89.             android:text="@string/details"  
90.             android:textColor="#000000"  
91.             android:textSize="16sp"/>  
92.           
93.         <Button   
94.             android:id="@+id/btnWarning"  
95.             android:focusable="false"  
96.             android:layout_width="100dip"  
97.             android:layout_height="wrap_content"  
98.             android:layout_alignParentRight="true"  
99.             android:layout_marginTop="6dip"  
100.             android:text="@string/warning"  
101.             android:textColor="#000000"  
102.             android:textSize="16sp"/>  
103.           
104.     </RelativeLayout>  
105.   
106. </LinearLayout>  

2.2 MainActivity：

[java]  view plain copy

1. package com.chris.list.expand;  
2.   
3. import java.util.ArrayList;  
4. import java.util.List;  
5.   
6. import android.os.Bundle;  
7. import android.util.DisplayMetrics;  
8. import android.util.Log;  
9. import android.view.LayoutInflater;  
10. import android.view.View;  
11. import android.view.View.MeasureSpec;  
12. import android.view.View.OnClickListener;  
13. import android.view.ViewGroup;  
14. import android.widget.AdapterView;  
15. import android.widget.AdapterView.OnItemClickListener;  
16. import android.widget.BaseAdapter;  
17. import android.widget.Button;  
18. import android.widget.ImageView;  
19. import android.widget.LinearLayout;  
20. import android.widget.ListView;  
21. import android.widget.RelativeLayout;  
22. import android.widget.Toast;  
23. import android.widget.TextView;  
24. import android.app.Activity;  
25. import android.content.Context;  
26. import android.graphics.Bitmap;  
27. import android.graphics.BitmapFactory;  
28.   
29. public class MainActivity extends Activity {  
30.   
31.     private static final String TAG = "ChrisExpand";  
32.     private ListView mListView;  
33.     private CustomListAdapter mAdapter;  
34.     private List<AppInfo> mList = new ArrayList<AppInfo>();  
35.       
36.     private int mLcdWidth = 0;  
37.     private float mDensity = 0;  
38.     @Override  
39.     protected void onCreate(Bundle savedInstanceState) {  
40.         super.onCreate(savedInstanceState);  
41.         setContentView(R.layout.activity_main);  
42.           
43.         getSystemInfo();  
44.         mAdapter = new CustomListAdapter(this);  
45.         mListView = (ListView) findViewById(R.id.lvMain);  
46.         mListView.setAdapter(mAdapter);  
47.         mListView.setOnItemClickListener(new OnItemClickListener(){  
48.             @Override  
49.             public void onItemClick(AdapterView<?> arg0, View v, int pos,  
50.                     long arg3) {  
51.                 Log.d(TAG, "onItemClick");  
52.                 View footer = v.findViewById(R.id.footer);  
53.                 footer.startAnimation(new ViewExpandAnimation(footer));  
54.             }  
55.         });  
56.           
57.         addItems();  
58.     }  
59.       
60.     private void getSystemInfo(){  
61.         DisplayMetrics dm = getResources().getDisplayMetrics();  
62.         mLcdWidth = dm.widthPixels;  
63.         mDensity = dm.density;  
64.     }  
65.       
66.     private void addItems(){  
67.         for(int i = 0; i < 30; i ++){  
68.             AppInfo ai = new AppInfo();  
69.             ai.appIcon = BitmapFactory.decodeResource(getResources(), R.drawable.ic_launcher);  
70.               
71.             int j = i + 1;  
72.             ai.appName = "应用Demo_" + j;  
73.             ai.appVer = "版本: " + (j%10+1) + "." + (j%8+2) + "." + (j%6+3);  
74.             ai.appSize = "大小: " + j*10 + "MB";  
75.             mList.add(ai);  
76.         }  
77.         mAdapter.notifyDataSetChanged();  
78.     }  
79.       
80.     public class AppInfo{  
81.         private Bitmap appIcon;  
82.         private String appName;  
83.         private String appVer;  
84.         private String appSize;  
85.           
86.         public AppInfo(){  
87.               
88.         }  
89.         public Bitmap getAppIcon() {  
90.             return appIcon;  
91.         }  
92.         public void setAppIcon(Bitmap appIcon) {  
93.             this.appIcon = appIcon;  
94.         }  
95.         public String getAppName() {  
96.             return appName;  
97.         }  
98.         public void setAppName(String appName) {  
99.             this.appName = appName;  
100.         }  
101.         public String getAppVer() {  
102.             return appVer;  
103.         }  
104.         public void setAppVer(String appVer) {  
105.             this.appVer = appVer;  
106.         }  
107.         public String getAppSize() {  
108.             return appSize;  
109.         }  
110.         public void setAppSize(String appSize) {  
111.             this.appSize = appSize;  
112.         }  
113.     }  
114.       
115.     public class ViewHolder{  
116.         private ImageView ivImage;  
117.         private TextView tvName;  
118.         private TextView tvVer;  
119.         private TextView tvSize;  
120.           
121.         public ImageView getIvImage() {  
122.             return ivImage;  
123.         }  
124.         public void setIvImage(ImageView ivImage) {  
125.             this.ivImage = ivImage;  
126.         }  
127.         public TextView getTvName() {  
128.             return tvName;  
129.         }  
130.         public void setTvName(TextView tvName) {  
131.             this.tvName = tvName;  
132.         }  
133.         public TextView getTvVer() {  
134.             return tvVer;  
135.         }  
136.         public void setTvVer(TextView tvVer) {  
137.             this.tvVer = tvVer;  
138.         }  
139.         public TextView getTvSize() {  
140.             return tvSize;  
141.         }  
142.         public void setTvSize(TextView tvSize) {  
143.             this.tvSize = tvSize;  
144.         }  
145.     }  
146.       
147.     public class CustomListAdapter extends BaseAdapter{  
148.   
149.         private LayoutInflater mInflater;  
150.         public CustomListAdapter(Context context){  
151.             mInflater = LayoutInflater.from(context);  
152.         }  
153.           
154.         @Override  
155.         public int getCount() {  
156.             return mList.size();  
157.         }  
158.   
159.         @Override  
160.         public Object getItem(int arg0) {  
161.             return mList.get(arg0);  
162.         }  
163.   
164.         @Override  
165.         public long getItemId(int position) {  
166.             return position;  
167.         }  
168.   
169.         @Override  
170.         public View getView(int position, View convertView, ViewGroup parent) {  
171.             if(getCount() == 0){  
172.                 return null;  
173.             }  
174.               
175.             ViewHolder holder = null;  
176.             if(convertView == null){  
177.                 convertView = mInflater.inflate(R.layout.expand_item, null);  
178.                   
179.                 holder = new ViewHolder();  
180.                 holder.ivImage = (ImageView) convertView.findViewById(R.id.ivIcon);  
181.                 holder.tvName = (TextView) convertView.findViewById(R.id.tvName);  
182.                 holder.tvVer = (TextView) convertView.findViewById(R.id.tvVer);  
183.                 holder.tvSize = (TextView) convertView.findViewById(R.id.tvSize);  
184.                 convertView.setTag(holder);  
185.             }else{  
186.                 holder = (ViewHolder) convertView.getTag();  
187.             }  
188.               
189.             AppInfo ai = mList.get(position);  
190.             holder.ivImage.setImageBitmap(ai.appIcon);  
191.             holder.tvName.setText(ai.appName);  
192.             holder.tvVer.setText(ai.appVer);  
193.             holder.tvSize.setText(ai.appSize);  
194.               
195.             // resize the button width and margin  
196.             int btnWidth = (int) ((mLcdWidth - 20 - 10 * mDensity) / 3);  
197.             RelativeLayout.LayoutParams lp = null;  
198.               
199.             Button btnOpen = (Button) convertView.findViewById(R.id.btnOpen);  
200.             lp = (RelativeLayout.LayoutParams) btnOpen.getLayoutParams();  
201.             lp.width = btnWidth;  
202.             btnOpen.setLayoutParams(lp);  
203.             btnOpen.setOnClickListener(new OnClickListener(){  
204.                 @Override  
205.                 public void onClick(View arg0) {  
206.                     Toast.makeText(getApplicationContext(), "打开应用!", Toast.LENGTH_SHORT).show();  
207.                 }  
208.             });  
209.               
210.             Button btnView = (Button) convertView.findViewById(R.id.btnView);  
211.             lp = (RelativeLayout.LayoutParams) btnView.getLayoutParams();  
212.             lp.width = btnWidth;  
213.             lp.leftMargin = 10;  
214.             btnView.setLayoutParams(lp);  
215.             btnView.setOnClickListener(new OnClickListener(){  
216.                 @Override  
217.                 public void onClick(View arg0) {  
218.                     Toast.makeText(getApplicationContext(), "查看详情!", Toast.LENGTH_SHORT).show();  
219.                 }  
220.             });  
221.               
222.             Button btnWarning = (Button) convertView.findViewById(R.id.btnWarning);  
223.             lp = (RelativeLayout.LayoutParams) btnWarning.getLayoutParams();  
224.             lp.width = btnWidth;  
225.             lp.leftMargin = 10;  
226.             btnWarning.setLayoutParams(lp);  
227.             btnWarning.setOnClickListener(new OnClickListener(){  
228.                 @Override  
229.                 public void onClick(View arg0) {  
230.                     Toast.makeText(getApplicationContext(), "举报应用!", Toast.LENGTH_SHORT).show();  
231.                 }  
232.             });  
233.               
234.             // get footer height  
235.             RelativeLayout footer = (RelativeLayout) convertView.findViewById(R.id.footer);  
236.             int widthSpec = MeasureSpec.makeMeasureSpec((int) (mLcdWidth - 10 * mDensity), MeasureSpec.EXACTLY);  
237.             footer.measure(widthSpec, 0);  
238.             LinearLayout.LayoutParams params = (LinearLayout.LayoutParams) footer.getLayoutParams();  
239.             params.bottomMargin = -footer.getMeasuredHeight();  
240.             footer.setVisibility(View.GONE);  
241.               
242.             return convertView;  
243.         }  
244.           
245.     }  
246. }  

代码很直观，也挺简单的，一个adapter类，一个view holder类，一个数据结构类，

不过，这里需要注意点，关于ListView.setOnItemClickListener需要注意，详细我的博客另一篇文章：
http://blog.csdn.net/qingye_love/article/details/8858002

 

2.3 动画效果类，继承于Animation类：

[java]  view plain copy

1. package com.chris.list.expand;  
2.   
3. import android.view.View;  
4. import android.view.animation.Animation;  
5. import android.view.animation.Transformation;  
6. import android.widget.LinearLayout.LayoutParams;  
7.   
8. public class ViewExpandAnimation extends Animation {  
9.   
10.     private View mAnimationView = null;  
11.     private LayoutParams mViewLayoutParams = null;  
12.     private int mStart = 0;  
13.     private int mEnd = 0;  
14.       
15.     public ViewExpandAnimation(View view){  
16.         animationSettings(view, 500);  
17.     }  
18.   
19.     public ViewExpandAnimation(View view, int duration){  
20.         animationSettings(view, duration);  
21.     }  
22.       
23.     private void animationSettings(View view, int duration){  
24.         setDuration(duration);  
25.         mAnimationView = view;  
26.         mViewLayoutParams = (LayoutParams) view.getLayoutParams();  
27.         mStart = mViewLayoutParams.bottomMargin;  
28.         mEnd = (mStart == 0 ? (0 - view.getHeight()) : 0);  
29.         view.setVisibility(View.VISIBLE);  
30.     }  
31.       
32.     @Override  
33.     protected void applyTransformation(float interpolatedTime, Transformation t) {  
34.         super.applyTransformation(interpolatedTime, t);  
35.           
36.         if(interpolatedTime < 1.0f){  
37.             mViewLayoutParams.bottomMargin = mStart + (int) ((mEnd - mStart) * interpolatedTime);  
38.             // invalidate  
39.             mAnimationView.requestLayout();  
40.         }else{  
41.             mViewLayoutParams.bottomMargin = mEnd;  
42.             mAnimationView.requestLayout();  
43.             if(mEnd != 0){  
44.                 mAnimationView.setVisibility(View.GONE);  
45.             }  
46.         }  
47.     }  
48.   
49. }  

很直观吧，没啥重点要说，不过，还是想说说题外话，此方法可以替代开头说的ExpandableListView控件，当然，在展开之前，需要知道二级菜单中的高度，我简单举个例子说明下：

1. 点击一级菜单，此时，请求服务器，获取数据，在此其间，加个progressbar，用户友好提示；

2. 计算个数，以及二级菜单中，每个item的高度，则总高度=item高度 * 个数；

3. 动画展开；

我没试过，也许会遇到一些小的问题，比如二级菜单用什么控件来实现，加个listview？还是自己来实现。

 

3. 总结：

这个demo，还有一点没实现，那就是当展开后，上下滚动listview时，当这个展开的item移出屏幕外再移进屏幕时，就自动还原了，这个大家可以自己去实现，比如记录展开的item position等。

欢迎大家与我一起讨论。谢谢！

代码下载地址：http://download.csdn.net/detail/qingye_love/5307127

 

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

以下是针对Jack_l1网友的提问进行回答：

第一个问题：“上下滚动listview时，当这个展开的item移出屏幕外再移进屏幕时，就自动还原了”

step1: 在getView中，判断position所对应的item的状态

[java]  view plain copy

1. @Override  
2. public View getView(int position, View convertView, ViewGroup parent) {  
3.     // ......省略之前代码  
4.       
5.     // 重点在这里，加个判断，来决定是显示还是隐藏  
6.     if(getItemStatus(position) == false){  
7.         params.bottomMargin = -footer.getMeasuredHeight();  
8.         footer.setVisibility(View.GONE);  
9.     }else{  
10.         params.bottomMargin = 0;  
11.         footer.setVisibility(View.VISIBLE);  
12.     }  
13.       
14.     return convertView;  
15. }  

step2: 状态查询getItemStatus的实现

[java]  view plain copy

1. private boolean getItemStatus(int pos){  
2.     for(int i = 0; i < mOpenItem.size(); i ++){  
3.         int ipos = mOpenItem.get(i);  
4.         if(ipos == pos){  
5.             return true;  
6.         }  
7.     }  
8.     return false;  
9. }  

step3: mOpenItem中的数据由来（注意itemStatusChanged函数）

[java]  view plain copy

1. @Override  
2. protected void onCreate(Bundle savedInstanceState) {  
3.     // ......省略之前代码  
4.       
5.     mListView.setOnItemClickListener(new OnItemClickListener(){  
6.         @Override  
7.         public void onItemClick(AdapterView<?> arg0, View v, int pos,  
8.                 long arg3) {  
9.             Log.d(TAG, "onItemClick");  
10.               
11.             // 重点在这里，用户点击了某个item后，记录当前item的状态  
12.             itemStatusChanged(pos);  
13.               
14.             View footer = v.findViewById(R.id.footer);  
15.             footer.startAnimation(new ViewExpandAnimation(footer));  
16.         }  
17.     });  
18.       
19.     // ......省略之后代码  
20. }  

step4: itemStatusChanged的实现

[java]  view plain copy

1. private void itemStatusChanged(int pos){  
2.     Log.d(TAG, "[itemStatusChanged] pos = " + pos);  
3.     for(int i = 0; i < mOpenItem.size(); i ++){  
4.         int ipos = mOpenItem.get(i);  
5.         if(ipos == pos){  
6.             mOpenItem.remove(i);  
7.             return;  
8.         }  
9.     }  
10.     mOpenItem.add(pos);  
11. }  

mOpenItem计算当前所点击的item是否已经记录，记录则去除（表明为用户关闭状态），反之则添加（表明为用户点开状态）。

 

第二个问题：“限制同时仅有一个item被打开状态。比如item0 打开，点击item1，那么item1打开的同时item0收回”

这个问题，只需要在第一个问题上，稍微修改即可：

step1: 在onCreate中，对ListView的Item点击中修改

[java]  view plain copy

1. @Override  
2. protected void onCreate(Bundle savedInstanceState) {  
3.     // ......省略之前代码  
4.       
5.     mListView.setOnItemClickListener(new OnItemClickListener(){  
6.         @Override  
7.         public void onItemClick(AdapterView<?> arg0, View v, int pos,  
8.                 long arg3) {  
9.             Log.d(TAG, "onItemClick");  
10.               
11.             // 重点在这里，用户点击了某个item后，记录当前item的状态  
12.             // itemStatusChanged(pos);  
13.               
14.             // 重点在这里，用户点击了某个item后，记录当前item的状态，  
15.             // 并将之前已经打开的item关闭  
16.             itemStatusReset(pos);  
17.               
18.             View footer = v.findViewById(R.id.footer);  
19.             footer.startAnimation(new ViewExpandAnimation(footer));  
20.         }  
21.     });  
22.       
23.     // ......省略之后代码  
24. }  

上面，将之前添加的代码注释掉，添加一个新的函数叫：itemStatusReset，其实现如下

[java]  view plain copy

1. private void itemStatusReset(int pos){  
2.     boolean bRecord = true;  
3.     for(int i = 0; i < mOpenItem.size(); i ++){  
4.         int ipos = mOpenItem.get(i);  
5.         if(ipos == pos){  
6.             bRecord = false;  
7.         }else{  
8.             View childItem = mListView.getChildAt(ipos);  
9.             View footer = childItem.findViewById(R.id.footer);  
10.             footer.startAnimation(new ViewExpandAnimation(footer));  
11.         }  
12.     }  
13.     mOpenItem.clear();  
14.     if(bRecord){  
15.         mOpenItem.add(pos);  
16.     }  
17. }  

在这个函数中，其循环的作用就是，如果有多个打开，则一个一个的去关闭，如果点击的那个也打开了，当然也是关闭。

以上两个问题，都自测过，没发现问题。