在开发过程中经常使用Tabs + ListFragment 作为表现形式。
ListFragment 中加入ListView显示方式很容易。
package project.animalsound;import android.app.ListFragment;import android.os.Bundle;import android.view.LayoutInflater;import android.view.View;import android.view.ViewGroup;import android.widget.ListView;public class TabFirst extends ListFragment {private AnimalListAdapter adapter = null;@Overridepublic void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);adapter = new AnimalListAdapter (getActivity());setListAdapter(adapter);}@Overridepublic View onCreateView(LayoutInflater inflater, ViewGroup container,Bundle savedInstanceState) {View v = inflater.inflate(R.layout.tab_first, container, false);return v;}@Overridepublic void onListItemClick(ListView l, View v, int position, long id) {System.out.println("Click On List Item!!!");super.onListItemClick(l, v, position, id);}}只要在onCreateView中增加View v = inflater.inflate(R.layout.tab_first, container, false);就可以完成。
对应的R.layout.tab_first为：
<?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android=""android:layout_width="match_parent"android:layout_height="match_parent"android:orientation="vertical" ><ListViewandroid:id="@+id/android:list"android:layout_width="fill_parent"android:layout_height="wrap_content"/></RelativeLayout>在这里我们对于ListView上的每个Item的布局使用下面布局
user.xml
<?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android=""android:layout_width="fill_parent"android:layout_height="fill_parent"android:orientation="horizontal" ><ImageViewandroid:id="@+id/animal"android:layout_width="wrap_content"android:layout_height="80dp"android:layout_alignParentLeft="true"android:layout_centerVertical="true"android:layout_margin="1dp" /> <LinearLayoutandroid:layout_height="fill_parent"android:layout_width="wrap_content"android:layout_marginLeft="20dp"android:layout_toRightOf="@id/animal"android:layout_centerVertical="true"android:orientation="vertical" ><TextViewandroid:id="@+id/cn_word"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_gravity="center"android:textColor="#191970"android:textSize="30sp" /><TextViewandroid:id="@+id/en_word"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_gravity="center"android:textColor="#800080"android:textSize="30sp"/></LinearLayout><ImageViewandroid:id="@+id/speaker"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_alignParentRight="true"android:layout_margin="15dp"android:layout_centerVertical="true"android:src="@drawable/speaker"/></RelativeLayout>但是在实现的时候常会遇到一个问题，如果相对其中的一个ImageView增加OnClickListener的时候会出现问题。
我们无法在下句获得的View对象中使用findViewById(R.id.speaker)去获得对应的ID对象。
View v = inflater.inflate(R.layout.tab_first, container, false);原因是这句只是获得了R.layout.tab_first对应的View对象。
所以需要从user.xml获得对象信息。
这里可以使用Adapter轻松完成注册Listener的过程。我们继承BaseAdapter，，然后在getView中实现整个初始化的过程。
package project.animalsound;import android.content.Context;import android.view.LayoutInflater;import android.view.View;import android.view.View.OnClickListener;import android.view.ViewGroup;import android.widget.BaseAdapter;import android.widget.ImageView;import android.widget.TextView;class ViewHolder { public ImageView animal;public TextView cn_word;public TextView en_word;public ImageView speaker; } public class AnimalListAdapter extends BaseAdapter { private LayoutInflater mInflater = null;public AnimalListAdapter(Context context){super();mInflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);}@Overridepublic int getCount() {// TODO Auto-generated method stubreturn 50;}@Overridepublic Object getItem(int position) {// TODO Auto-generated method stubreturn null;}@Overridepublic long getItemId(int position) {// TODO Auto-generated method stubreturn position;}@Overridepublic View getView(int position, View convertView, ViewGroup parent) {ViewHolder holder = null;if (convertView == null) {holder = new ViewHolder();convertView = mInflater.inflate(R.layout.user, null);holder.animal = (ImageView) convertView.findViewById(R.id.animal);holder.cn_word = (TextView) convertView.findViewById(R.id.cn_word);holder.en_word = (TextView) convertView.findViewById(R.id.en_word);holder.speaker = (ImageView) convertView.findViewById(R.id.speaker);convertView.setTag(holder);} else {holder = (ViewHolder) convertView.getTag();}holder.animal.setImageResource(R.drawable.ic_launcher);holder.cn_word.setText("xxxxx");holder.en_word.setText("ssssss");holder.speaker.setImageResource(R.drawable.speaker);holder.speaker.setOnClickListener(new OnClickListener(){@Overridepublic void onClick(View v) {System.out.println("Click on the speaker image on ListItem ");}});return convertView;} }
人生没有彩排，每天都是现场直播。
