大三学生一个，喜欢编程，喜欢谷歌，喜欢Android，所以选择的方向自然是Android应用开发，开博第一篇，希望以后会有更多的进步。
最近在做一个记账App的时候，需要一个Activity来显示每个月的消费各个项目的比例，Activity中主要用到一个ListView，ListView中包括一个TextView来显示类型的名称，一个TextView来显示所占比例，一个ProgressBar来显示进度条，让每个条目的比例更加清晰。如下图（这里只提供实现方法，界面效果暂不提供）
因为这种效果比较特别，需要我们自己来实现自定义的效果。下面来实现它：
一、定义每个Item的布局，tendency_list_item.xml
<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:descendantFocusability="beforeDescendants"
android:paddingLeft="5dp"
android:paddingRight="5dp" > <RelativeLayout
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:descendantFocusability="afterDescendants" > <TextView
android:id="@+id/tendency_title"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginBottom="5dp"
android:layout_marginLeft="10dp"
android:layout_marginTop="15dp"
android:textSize="15sp" /> <ProgressBar
android:id="@+id/tendency_progressBar"
style="?android:attr/progressBarStyleHorizontal"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_below="@id/tendency_title"
android:layout_marginBottom="15dp"
android:layout_marginLeft="10dp"
android:layout_marginRight="10dp"
android:max="100"
android:progressDrawable="@drawable/progress_style" /> <TextView
android:id="@+id/tendency_total"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentRight="true"
android:layout_marginRight="10dp"
android:layout_marginTop="15dp"
android:textSize="15sp" />
</RelativeLayout> </FrameLayout>
复杂冗余的可以无视，就是简单的两个TextView和一个ProgressBar而已
二、创建一个类，继承BaseAdapter，可以是一个独立的类，也可以是当前的activity中建立的一个内部类，重写一些函数即可，这里布局被硬编码了，如果是封装的一个外部类，可以通过参数传进来
public class myAdapter extends BaseAdapter {
private Context context; // 当前的Context
private LayoutInflater mInflater; // 通过LayoutInflater来加载每个item的布局
private double total; // 跟项目有关，把总的金额数传进来，这也是使用内部类的原因
List<Map<String, Object>> map; // 存放数据源
public myAdapter(Context context, List<Map<String, Object>> map,
double total) {
this.context = context;
this.mInflater = LayoutInflater.from(context);
this.total = total;
this.map = map;
}
// 重写这个方法，获得当前ListView共有多少个Item
@Override
public int getCount() {
return listmap.size();
}
// 重写这个方法，获得当前的position
@Override
public Object getItem(int position) {
return position;
}
@Override
public long getItemId(int position) {
return position;
}
// 一个辅助类
public class viewHolder {
TextView title;
ProgressBar progress;
TextView sum;
}
// 一个最重要的方法，重写它来把数据映射到布局上
@Override
public View getView(int position, View view, ViewGroup parent) {
view = mInflater.inflate(R.layout.tendency_list_item, null); // 加载Item的布局
viewHolder vh = new viewHolder(); // 创建辅助类
vh.title = (TextView) view.findViewById(R.id.tendency_title); // 通过Id获取对象
vh.progress = (ProgressBar) view
.findViewById(R.id.tendency_progressBar);
vh.sum = (TextView) view.findViewById(R.id.tendency_total);
vh.title.setText((String) map.get(position).get("type")); // 调用每个对象来把数据映射进去
double part = (Double) map.get(position).get("total");
String part2 = String.format("%.0f", part * 100 / total);
vh.sum.setText(part2 + "%");
vh.progress.setProgress(Integer.parseInt(part2));
return view;
}
}
三、调用即可
myAdapter adapter = new myAdapter(tendency_activity.this, listmap, sum);
show.setAdapter(adapter);
原理其实也比较简单，在实例化的时候，先调用getCount（）来计算有多少个Item，然后每个position都调用getView（）来进行数据的映射（这样性能不会很好，如何优化日后再补充）。
如有错误，还请指导更正，感谢！