您的位置:首页 > 移动开发 > Android开发

Android自定义ExpandableListView

2013-07-18 16:46 239 查看
http://hi.baidu.com/spz_mao/item/ae984bd403d1f81f21e250ef



实现这样的效果需要自定义一个Adapter,自定义的Adapter继承BaseExpandableListAdapter,重写getGroupView和

getChildView方法时实例化自己的布局文件就可以了。下面是实现代码:

主布局文件 main.xml

<?xmlversion="1.0"encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical"
android:background="#ffffff"
>

<ExpandableListView
android:id="@+id/elist"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:background="#ffffff"
/>

</LinearLayout>


子视图布局文件

child_layout.xml

<?xmlversion="1.0"encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:paddingLeft="30dp"
>

<ImageView
android:id="@+id/civ"
android:layout_height="wrap_content"
android:layout_width="wrap_content"
android:src="@drawable/ren"
android:padding="5dp"
/>

<TextView
android:id="@+id/ctv"
android:layout_height="wrap_content"
android:layout_width="wrap_content"
android:padding="5dp"
android:textColor="#000000"
/>

</LinearLayout>


分组视图布局文件 group_layout.xml

<?xmlversion="1.0"encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/grlayout"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal">

<TextView
android:id="@+id/gtv"
android:layout_width="wrap_content"
android:layout_height="fill_parent"
android:paddingLeft="20dp"
android:textColor="#000000"
/>

<ImageView
android:id="@+id/giv"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentRight="true"
android:layout_centerVertical="true"
android:paddingRight="10dp"
android:src="@drawable/jia"
/>

</RelativeLayout>


自定义适配器 MyElistAdapter.java

publicclass MyElistAdapter extends BaseExpandableListAdapter {
// 分组数据
private String[] group = { "A组", "B组", "C组", "D组" };
private String[][] child = { { "A01", "A02", "A03" },
{ "B01", "B02", "B03" }, { "C01", "C02", "C03" },
{ "D04", "D05", "D06" } };
private Context mContext;

public MyElistAdapter(Context mContext) {
super();
this.mContext = mContext;
}

@Override
public int getGroupCount() {
return group.length;
}

@Override
public int getChildrenCount(int groupPosition) {
return child[groupPosition].length;
}

@Override
public Object getGroup(int groupPosition) {
return group[groupPosition];
}

@Override
public Object getChild(int groupPosition, int childPosition) {
return child[groupPosition][childPosition];
}

@Override
public long getGroupId(int groupPosition) {
return groupPosition;
}

@Override
public long getChildId(int groupPosition, int childPosition) {
returnchildPosition;
}

@Override
public boolean hasStableIds() {
return true;
}

@Override
public View getGroupView(int groupPosition, boolean isExpanded,
View convertView, ViewGroup parent) {
// 实例化布局文件
RelativeLayout glayout = (RelativeLayout) LayoutInflater.from(mContext)
.inflate(R.layout.group_layout, null);
ImageView iv = (ImageView) glayout.findViewById(R.id.giv);
// 判断分组是否展开,分别传入不同的图片资源
if (isExpanded) {
iv.setImageResource(R.drawable.jian);
} else {
iv.setImageResource(R.drawable.jia);
}
TextView tv = (TextView) glayout.findViewById(R.id.gtv);
tv.setText(this.getGroup(groupPosition).toString());
return glayout;
}

@Override
public View getChildView(int groupPosition, int childPosition,
boolean isLastChild, View convertView, ViewGroup parent) {
// 实例化布局文件
LinearLayout clayout = (LinearLayout) LayoutInflater.from(mContext)
.inflate(R.layout.child_layout, null);
TextView tv = (TextView) clayout.findViewById(R.id.ctv);
tv.setText(getChild(groupPosition, childPosition).toString());
return clayout;
}

@Override
public boolean isChildSelectable(int groupPosition, int childPosition) {
return true;
}
}


MainActivity.java

public class ExpandableTestActivity extends Activity {
private ExpandableListView elistview;

@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
elistview = (ExpandableListView) findViewById(R.id.elist);
//这里要把系统自带的图标去掉
elistview.setGroupIndicator(null);
elistview.setAdapter(new ElistAdapter(this));
// elistview.setChildDivider(null);
// elistview.setDivider(null);
}
}


完全仿QQ好友列表,自定义ExpandableListView!

/article/2305671.html

Android ExpandableListView 样式自定义

http://www.open-open.com/lib/view/open1331692400702.html

Android ExpandableListView自定义Adapter

http://mobile.9sssd.com/android/art/1397
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: