修改group前面的圖示有兩種方式:

1028228089940931286.jpg

但是,這種方式做的話,圖示不能根據內容調整大小。

一、通過修改xml檔中groupIndicator更換為@drawable/**
設置selector
<?xml version="1.0" encoding="UTF-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<!-- 下拉狀態 -->
<item android:state_expanded="false"
android:drawingCacheQuality="auto"
android:drawable="@drawable/xiala"/>
<!-- 收起狀態 -->
<item android:state_expanded="true"
android:drawingCacheQuality="auto"
android:drawable="@drawable/shouqi"/>
</selector>
  
二、通過禁用系統自帶圖示,在group中添加一個ImageView來實現,並通過判斷是否有子項來控制是否顯示此圖示
1、main.xml
<?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"
>
<!-- 禁用系統自帶圖示android:groupIndicator="@null" -->
<ExpandableListView
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:groupIndicator="@null"
android:id="@+id/mExpandableListView"
/>
</LinearLayout>
2、group.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation = "horizontal"
android:layout_width="fill_parent"
android:layout_height="fill_parent">
<ImageView
android:layout_width = "25dip"
android:layout_height = "25dip"
android:layout_marginTop="10dip"
android:id="@+id/mImageView"
/>
<TextView
android:id = "@+id/group_tv"
android:layout_width = "wrap_content"
android:layout_height = "wrap_content"
android:paddingLeft = "30px"
android:paddingBottom = "10px"
android:textSize = "26sp"/>
</LinearLayout>
3、child.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation = "horizontal"
android:layout_width="match_parent"
android:layout_height="match_parent">
<ImageView
android:layout_gravity = "center_vertical"
android:id = "@+id/child_iv"
android:layout_width = "70px"
android:layout_height = "70px"
android:paddingLeft = "30px"
android:paddingTop = "2px"
android:paddingBottom = "5px"
android:src = "@drawable/icon"/>
<TextView
android:layout_gravity = "center_vertical"
android:id = "@+id/child_tv"
android:layout_width = "fill_parent"
android:layout_height = "fill_parent"
android:paddingLeft = "30px"
android:paddingTop = "10px"
android:paddingBottom = "5px"
android:textSize = "30sp"/>
</LinearLayout>
4、activity代碼
package test.expandableListView;
import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;
import android.app.Activity;
import android.content.Context;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseExpandableListAdapter;
import android.widget.ExpandableListView;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.TextView;
public class TestExpandableListView extends Activity
{
@Override
public void onCreate(Bundle savedInstanceState)
{
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
ExpandableListView elv = (ExpandableListView)findViewById(R.id.mExpandableListView);
//準備一級清單中顯示的資料:2個一級清單,分別顯示"group1"和"group2"
List<Map<String, String>> groups = new ArrayList<Map<String, String>>();
Map<String, String> group1 = new HashMap<String, String>();
group1.put("group", "group1");
Map<String, String> group2 = new HashMap<String, String>();
group2.put("group", "group2");
groups.add(group1);
groups.add(group2);
//準備第一個一級清單中的二級清單資料:兩個二級清單,分別顯示"childData1"和"childData2"
List<Map<String, String>> child1 = new ArrayList<Map<String, String>>();
Map<String, String> child1Data1 = new HashMap<String, String>();
child1Data1.put("child", "child1Data1");
Map<String, String> child1Data2 = new HashMap<String, String>();
child1Data2.put("child", "child1Data2");
child1.add(child1Data1);
child1.add(child1Data2);
//準備第二個一級清單中的二級清單資料:一個二級清單,顯示"child2Data1"
List<Map<String, String>> child2 = new ArrayList<Map<String, String>>();
Map<String, String> child2Data1 = new HashMap<String, String>();
child2Data1.put("child", "child2Data1");
child2.add(child2Data1);
//用一個list物件保存所有的二級清單資料
List<List<Map<String, String>>> childs = new ArrayList<List<Map<String, String>>>();
childs.add(child1);
childs.add(child2);
ExpandableAdapter viewAdapter = new ExpandableAdapter(this, groups, childs);
elv.setAdapter(viewAdapter);
}
//自訂的ExpandListAdapter
class ExpandableAdapter extends BaseExpandableListAdapter
{
private Context context;
List<Map<String, String>> groups;
List<List<Map<String, String>>> childs;
/*
* 構造函數:
* 參數1:context物件
* 參數2:一級清單資料來源
* 參數3:二級清單資料來源
*/
public ExpandableAdapter(Context context, List<Map<String, String>> groups, List<List<Map<String, String>>> childs)
{
this.groups = groups;
this.childs = childs;
this.context = context;
}
public Object getChild(int groupPosition, int childPosition)
{
return childs.get(groupPosition).get(childPosition);
}
public long getChildId(int groupPosition, int childPosition)
{
return childPosition;
}
//獲取二級清單的View物件
public View getChildView(int groupPosition, int childPosition, boolean isLastChild, View convertView,
ViewGroup parent)
{
@SuppressWarnings("unchecked")
String text = ((Map<String, String>) getChild(groupPosition, childPosition)).get("child");
LayoutInflater layoutInflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
//獲取二級清單對應的佈局檔, 並將其各元素設置相應的屬性
LinearLayout linearLayout = (LinearLayout) layoutInflater.inflate(R.layout.child, null);
TextView tv = (TextView) linearLayout.findViewById(R.id.child_tv);
tv.setText(text);
ImageView imageView = (ImageView)linearLayout.findViewById(R.id.child_iv);
imageView.setImageResource(R.drawable.icon);
return linearLayout;
}
public int getChildrenCount(int groupPosition)
{
return childs.get(groupPosition).size();
}
public Object getGroup(int groupPosition)
{
return groups.get(groupPosition);
}
public int getGroupCount()
{
return groups.size();
}
public long getGroupId(int groupPosition)
{
return groupPosition;
}
//獲取一級清單View物件
public View getGroupView(int groupPosition, boolean isExpanded, View convertView, ViewGroup parent)
{
String text = groups.get(groupPosition).get("group");
LayoutInflater layoutInflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
//獲取一級清單佈局檔,設置相應元素屬性
LinearLayout linearLayout = (LinearLayout) layoutInflater.inflate(R.layout.group, null);
TextView textView = (TextView)linearLayout.findViewById(R.id.group_tv);
textView.setText(text);

ImageView imageView = (ImageView) linearLayout.findViewById(R.id.mImageView);

if(getChildrenCount(groupPosition) == 0){//該組下沒有子項
imageView.setVisibility(View.GONE);
}else{
if(isExpanded == true){//展開狀態
imageView.setImageResource(R.drawable.xiala);
}else{//收起狀態
imageView.setImageResource(R.drawable.shouqi);
}
}
return linearLayout;
}
public boolean hasStableIds()
{
return false;
}
public boolean isChildSelectable(int groupPosition, int childPosition)
{
return false;
}
}
}

截圖:
634444597522724294.jpg  
arrow
arrow
    全站熱搜

    戮克 發表在 痞客邦 留言(0) 人氣()