반응형
리스트뷰의 row에 이미지뷰를 설정하고, 펼쳐질 때, 닫힐 때마다 그림을 설정하는 소스.
i use fragments.
1.frag04.xml
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity" >
<ExpandableListView
android:id="@+id/exp_list"
android:layout_width="match_parent"
android:layout_height="fill_parent"
android:groupIndicator="@null"></ExpandableListView>
</RelativeLayout>
frist, in order to hide for orginal arrow, add android:groupIndicator="@null"
2.parent_item.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal">
<TextView
android:id="@+id/rank"
android:layout_width="40dp"
android:layout_height="wrap_content"
android:textSize="20dp"
android:paddingBottom="3dp"
android:gravity="center_horizontal"
/>
<TextView
android:id="@+id/name"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textStyle="bold"
android:textSize="29dp"
android:textColor="#ffff8f19" />
<TextView
android:id="@+id/공갈"
android:layout_weight="1"
android:layout_width="0dp"
android:layout_height="wrap_content" />
<TextView
android:id="@+id/age"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:paddingTop="5dp"
android:textSize="10dp"
android:textColor="#33000000"/>
<TextView
android:text = " 세"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="10dp"
android:paddingRight="10dp"
android:textColor="#33000000"/>
</LinearLayout>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal">
<ImageView
android:id="@+id/flag"
android:scaleType="fitXY"
android:layout_width="85dp"
android:layout_height="70dp"
android:paddingLeft="30dp"
/>
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical"
android:paddingTop="7dp"
android:paddingLeft="10dp">
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="horizontal">
<TextView
android:id="@+id/team"
android:layout_width="150dp"
android:layout_height="wrap_content"
android:paddingLeft="15dp"
android:textSize="10dp"
android:textColor="#33000000" />
</LinearLayout>
<TextView
android:id="@+id/position"
android:textSize="18dp"
android:paddingLeft="10dp"
android:paddingTop="5dp"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
</LinearLayout>
</LinearLayout>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal">
<TextView
android:text="골 "
android:textSize="18dp"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:paddingLeft="10dp"
/>
<TextView
android:id="@+id/goal"
android:textSize="18dp"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
/>
<TextView
android:text="어시 "
android:textSize="18dp"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:paddingLeft="10dp"
/>
<TextView
android:id="@+id/assist"
android:textSize="18dp"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
/>
<TextView
android:text="패스 "
android:textSize="18dp"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:paddingLeft="10dp"
/>
<TextView
android:id="@+id/ps"
android:textSize="18dp"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
/>
<TextView
android:text="블럭 "
android:textSize="18dp"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:paddingLeft="10dp"
/>
<TextView
android:id="@+id/block"
android:textSize="18dp"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
/>
<TextView
android:id="@+id/공갈레이아웃"
android:layout_width="0dp"
android:layout_weight="1"
android:layout_height="wrap_content" />
<ImageView
android:id="@+id/arrow"
android:src="@drawable/arrowdown"
android:scaleType="fitXY"
android:layout_width="30dp"
android:layout_height="30dp"/>
</LinearLayout>
</LinearLayout>
add the ImageView instead of original arrow
<ImageView
android:id="@+id/arrow"
android:src="@drawable/arrowdown"
android:scaleType="fitXY"
android:layout_width="30dp"
android:layout_height="30dp"/>
and add the two image in drawable folder (arrowdown, arrowup)
3.ExpandListAdapter
package expandablelistview.volley.adapter;
import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseExpandableListAdapter;
import android.widget.ImageView;
import android.widget.TextView;
import com.android.volley.toolbox.ImageLoader;
import org.androidtown.actionbar.R;
import java.util.ArrayList;
import expandablelistview.volley.app.MyApplication;
import expandablelistview.volley.model.Child;
import expandablelistview.volley.model.Group;
/**
* Created by park on 2015-06-02.
*/
public class ExpandListAdapter extends BaseExpandableListAdapter {
private Context context;
private ArrayList<Group> groups;
private ImageView arrow;
ImageLoader imageLoader = MyApplication.getInstance().getImageLoader();
public ExpandListAdapter(Context context, ArrayList<Group> groups) {
this.context = context;
this.groups = groups;
}
@Override
public Object getChild(int groupPosition, int childPosition) {
ArrayList<Child> chList = groups.get(groupPosition).getItems();
return chList.get(childPosition);
}
@Override
public long getChildId(int groupPosition, int childPosition) {
return childPosition;
}
@Override
public View getChildView(int groupPosition, int childPosition,
boolean isLastChild, View convertView, ViewGroup parent) {
Child child = (Child) getChild(groupPosition, childPosition);
if (convertView == null) {
LayoutInflater infalInflater = (LayoutInflater) context
.getSystemService(context.LAYOUT_INFLATER_SERVICE);
convertView = infalInflater.inflate(R.layout.child_item, null);
}
if (imageLoader == null)
imageLoader = MyApplication.getInstance().getImageLoader();
TextView tv = (TextView) convertView.findViewById(R.id.country_name);
ImageView iv =(ImageView) convertView.findViewById(R.id.flag2);
tv.setText(child.getName().toString());
iv.setImageResource(child.getImage());
return convertView;
}
@Override
public int getChildrenCount(int groupPosition) {
ArrayList<Child> chList = groups.get(groupPosition).getItems();
return chList.size();
}
@Override
public Object getGroup(int groupPosition) {
return groups.get(groupPosition);
}
@Override
public int getGroupCount() {
return groups.size();
}
@Override
public long getGroupId(int groupPosition) {
return groupPosition;
}
@Override
public View getGroupView(final int groupPosition, boolean isExpanded,
View convertView, ViewGroup parent) {
Group group = (Group) getGroup(groupPosition);
if (convertView == null) {
LayoutInflater inf = (LayoutInflater) context
.getSystemService(context.LAYOUT_INFLATER_SERVICE);
convertView = inf.inflate(R.layout.parent_item, null);
}
arrow= (ImageView)convertView.findViewById(R.id.arrow);
if (isExpanded) {
arrow.setImageResource(R.drawable.arrowup);
}
else {
arrow.setImageResource(R.drawable.arrowdown);
}
TextView rank = (TextView) convertView.findViewById(R.id.rank);
TextView name = (TextView) convertView.findViewById(R.id.name);
ImageView flag = (ImageView) convertView.findViewById(R.id.flag);
TextView age = (TextView) convertView.findViewById(R.id.age);
TextView team = (TextView) convertView.findViewById(R.id.team);
TextView position = (TextView) convertView.findViewById(R.id.position);
TextView goal = (TextView) convertView.findViewById(R.id.goal);
TextView assist = (TextView) convertView.findViewById(R.id.assist);
TextView ps = (TextView) convertView.findViewById(R.id.ps);
TextView block = (TextView) convertView.findViewById(R.id.block);
rank.setText(group.getRank());
name.setText(group.getName());
flag.setImageResource(group.getFlag());
age.setText(group.getAge());
team.setText(group.getTeam());
position.setText(group.getPosition());
goal.setText(group.getGoal());
assist.setText(group.getAssist());
ps.setText(group.getPs());
block.setText(group.getBlock());
return convertView;
}
@Override
public boolean hasStableIds() {
return true;
}
@Override
public boolean isChildSelectable(int groupPosition, int childPosition) {
return true;
}
}
in public View getGroupView
add the line
arrow= (ImageView)convertView.findViewById(R.id.arrow);
if (isExpanded) {
arrow.setImageResource(R.drawable.arrowup);
}
else {
arrow.setImageResource(R.drawable.arrowdown);
}
4.finish
반응형