新狼微博，随便看看小界面

1.实例简介

我们在使用android应用的时候，看到的listview效果经常也会看到图片和文字共存的情况。比如新狼微博中别人发布的消息



首先，我们用到布局，第一个横向的LinearLayout定义基本的item布局，其中包括了一个imageview和一个垂直的RelativeLayout

有3个Textview。用于显示列表每一行的文本和图片

<?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="horizontal" >

<ImageView

android:id="@+id/one1"

android:layout_width="70dp"

android:layout_height="70dp"

android:layout_marginLeft="3dp"

android:src="@drawable/one" />

<RelativeLayout

android:layout_width="200dp"

android:layout_height="150dip"

android:layout_margin="15dip"

android:layout_marginTop="2dp"

android:layout_weight="0.23" >

<TextView

android:id="@+id/name"

android:layout_width="100dp"

android:layout_height="wrap_content"

android:text="@string/user" />

<TextView

android:id="@+id/time"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_alignParentRight="true"

android:layout_alignParentTop="true"

android:layout_marginRight="14dp"

android:textColor="#00FF00"

android:text="1"

android:textAppearance="?android:attr/textAppearanceMedium" />

<TextView

android:id="@+id/one2"

android:layout_width="200dp"

android:layout_height="wrap_content"

android:layout_alignParentBottom="true"

android:layout_alignParentLeft="true"

android:layout_below="@+id/time"

android:text="@string/content" />

</RelativeLayout>

</LinearLayout>



然后用ArrayAdapter(Context context, int textViewResourceId,List<One>one) {来装配数据，要装配这些数据就需要一个连接ListView视图对象和数组数据的适配器来两者的适配工作，ArrayAdapter的构造需要三个参数，依次为this,布局文件（注意这里的布局文件描述的是列表的每一行的布局，android.R.layout.simple_list_item_1是系统定义好的布局文件只显示一行文字，数据源(一个List集合)。。

public class oneAdapter extends ArrayAdapter{

//我们新增了一个内部类ViewHolder，用于对控件的实例进行缓存。

//当convertView为空的时候，创建一个ViewHolder对象，并将控件的实例都存放在ViewHolder里，然后调用View的setTag()方法，将ViewHolder对象存储在View中。

//当convertView不为空的时候则调用View的getTag()方法，把ViewHolder重新取出。

//这样所有控件的实例都缓存在了ViewHolder里，就没有必要每次都通过findViewById()方法来获取控件实例了

private int resourceId;

public oneAdapter(Context context, int textViewResourceId,List<One>one) {

super(context, textViewResourceId,one);

resourceId = textViewResourceId;

// TODO Auto-generated constructor stub

}

// 这个方法在每个子项被滚动到屏幕内的时候会被调用

// getView()方法中还有一个convertView参数，这个参数用于将之前加载好的布局进行缓存，以便之后可以进行重用

public View getView(int position, View convertView, ViewGroup parent) {

One one = (One) getItem(position);

View view = null;

ViewHolder viewHolder;

if (convertView == null) {

view = LayoutInflater.from(getContext()).inflate(resourceId, null);

viewHolder = new ViewHolder();

viewHolder.one1 = (ImageView) view.findViewById(R.id.one1);

viewHolder.one2 = (TextView) view.findViewById(R.id.one2);

viewHolder.time= (TextView) view.findViewById(R.id.time);

viewHolder.name = (TextView) view.findViewById(R.id.name);

view.setTag(viewHolder);

} else {

view = convertView;

viewHolder = (ViewHolder) convertView.getTag();

}

viewHolder.one1.setImageResource(one.getImageId());

viewHolder.name.setText(one.getName());

viewHolder.time.setText(one.getTime());

viewHolder.one2.setText(one.getContent());

return view;

}

class ViewHolder {

ImageView one1;

TextView time;

TextView name;

TextView one2;

}

}运行后的现实结构如下图



然后，在mainactivity中通过get方法得到数据





最后效果如下：