项目要求要实现类似下图效果:ExpandableListView点击打开二级项是一个可以独立滚动的listview,这里借助李刚疯狂android的例子做修改做为demo
为了能让listview可以独立滚动,这里重写了ExpandableListView,继承ExpandableListView,并重写了onInterceptTouchEvent()方法返回fasle,使其二级项可以独立滚动。
代码:MyExpandableListView
<span style="color:#000000;">import android.content.Context;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.widget.ExpandableListView;
import android.widget.ListView;
public class MyExpandableListView extends ExpandableListView {
public MyExpandableListView(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
// TODO Auto-generated constructor stub
}
public MyExpandableListView(Context context, AttributeSet attrs) {
super(context, attrs);
// TODO Auto-generated constructor stub
}
public MyExpandableListView(Context context) {
super(context);
// TODO Auto-generated constructor stub
}
@Override //重写该方法使二级项可以滚动,而ExpandableListView一级菜单不随之滚动
public boolean onInterceptTouchEvent(MotionEvent ev) {
return false;
}
}</span>
下面main.xml 只是一个我们重写的ExpandableListView
<span style="color:#000000;"><?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
>
<org.crazyit.listview.MyExpandableListView
android:id="@+id/list"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
/>
</LinearLayout></span>
二级项布局文件child.xml,在一个LinearLayout中定义一个用来显示数据的ListView
<span style="color:#000000;"><?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
>
<ListView
android:id="@+id/mylistview"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
/>
</LinearLayout></span>
<span style="color:#000000;">下面重点来了,为ExpandablieListView 写适配器</span>
<span style="color:#000000;">
</span>
<span style="color:#000000;">ExpandableListAdapter adapter = new BaseExpandableListAdapter()
{
int[] logos = new int[]
{
R.drawable.p,
R.drawable.z,
R.drawable.t
};
//获取指定组位置、指定子列表项处的子列表项数据
@Override
public Object getChild(int groupPosition, int childPosition)
{
//这里返回子项的view,即R.layout.child的view
return ((LayoutInflater) getSystemService(Context.LAYOUT_INFLATER_SERVICE)).inflate(R.layout.child, null);
}
@Override
public long getChildId(int groupPosition, int childPosition)
{
//这里返回布局id
return R.layout.child;
}
@Override
public int getChildrenCount(int groupPosition)
{
//这里返回1,表示每个ExpandableListView一级项下面只有一个二级项,即布局中的LinearLayout
return 1;
}
private TextView getTextView()
{
AbsListView.LayoutParams lp = new AbsListView.LayoutParams(
ViewGroup.LayoutParams.FILL_PARENT, 64);
TextView textView = new TextView(ExpandableListViewTest.this);
textView.setLayoutParams(lp);
textView.setGravity(Gravity.CENTER_VERTICAL | Gravity.LEFT);
textView.setPadding(36, 0, 0, 0);
textView.setTextSize(20);
return textView;
}
//该方法决定每个子选项的外观
@Override //这个方法是返回二级项的view,在该view中用一个listview用来显示数据
public View getChildView(int groupPosition, int childPosition,
boolean isLastChild, View convertView, ViewGroup parent)
{
View view = null ;
if(view == null){
LayoutInflater inflater = (LayoutInflater) getSystemService(Context.LAYOUT_INFLATER_SERVICE);
view = inflater.inflate(R.layout.child, null);
ListView listview =(ListView)view.findViewById(R.id.mylistview);
ArrayAdapter<String> adapter = new ArrayAdapter<String>(view.getContext(), android.R.layout.simple_list_item_1,arms);
listview.setAdapter(adapter);
}
return view;
}
//获取指定组位置处的组数据
@Override
public Object getGroup(int groupPosition)
{
return armTypes[groupPosition];
}
@Override
public int getGroupCount()
{
return armTypes.length;
}
@Override
public long getGroupId(int groupPosition)
{
return groupPosition;
}
//该方法决定每个组选项的外观
@Override //该方法与android原ExpandableListViewAdapter中一样,即获得一级项的view及显示
public View getGroupView(int groupPosition, boolean isExpanded,
View convertView, ViewGroup parent)
{
LinearLayout ll = new LinearLayout(ExpandableListViewTest.this);
ll.setOrientation(0);
ImageView logo = new ImageView(ExpandableListViewTest.this);
logo.setImageResource(logos[groupPosition]);
ll.addView(logo);
TextView textView = getTextView();
textView.setText(getGroup(groupPosition).toString());
ll.addView(textView);
return ll;
}
@Override
public boolean isChildSelectable(int groupPosition, int childPosition)
{
return true;
}
@Override
public boolean hasStableIds()
{
return true;
}
};
</span>
最后在activity中显示
public class ExpandableListViewTest extends Activity
{
private MyExpandableListView myExpanableListView;
private String[] armTypes = new String[]
{ "神族兵种", "虫族兵种", "人族兵种"};
private String[] arms = new String[]
{ "狂战士", "龙骑士", "黑暗圣堂", "电兵"};
myExpanableListView = (MyExpandableListView)findViewById(R.id.list);
myExpanableListView.setAdapter(adapter);
到此功能已实现,具体优化美观数据什么的自己修改。
第一次写CSDN博客,请多多谅解。