乐学成语（3）

前面已经把主界面的布局内容的显示过程作了介绍，接下来，将对成语列表的显示以及每个成语的详细内容做详细的介绍

1. 显示所有动物类成语的列表
   在Layout下新建activity_animal.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:background="@drawable/bg_animal"    android:orientation="vertical" >    <ListView        android:id="@+id/lvAnimalList"        android:layout_width="match_parent"        android:layout_height="wrap_content"         android:layoutAnimation="@anim/anim_layout_listview"        android:listSelector="#00000000"        >    </ListView></LinearLayout>

然后需要为ListView的子布局指定一个我们自定义的布局，在layout目录下新建animal_item.xml,代码如下：

<?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="match_parent"    android:layout_height="match_parent"     android:padding="10dp"    >    <TextView         android:id="@+id/tvName"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_alignParentLeft="true"        android:layout_alignParentTop="true"        android:gravity="center"        android:text="助人为乐"        android:textAppearance="?android:attr/textAppearanceLarge"        />     <ImageButton          android:id="@+id/btnSave"         android:layout_width="wrap_content"         android:layout_height="wrap_content"         android:background="@null"         android:layout_alignParentRight="true"         android:src="@drawable/btnsave"         /></RelativeLayout>

效果图：

接下来需要新建AnimalAdapter,代码如下：

public class AnimalAdapter extends ArrayAdapter<Animal>{    private int resourceid;    private Context context;    public AnimalAdapter(Context context, int resource, List<Animal> objects) {        super(context, resource, objects);        this.context=context;        resourceid= resource;    }    @Override    public View getView(int position, View convertView, ViewGroup parent) {        final Animal animal=getItem(position);//获取当前项的Animal示例        View view;        ViewHolder viewHolder;        DBHelper helper = new DBHelper(context);        SQLiteDatabase db=helper.getWritableDatabase();        db.close();        if(convertView==null){            view=LayoutInflater.from(getContext()).inflate(resourceid, null);            viewHolder=new ViewHolder();            viewHolder.tvName=(TextView) view.findViewById(R.id.tvName);            viewHolder.btnSave=(ImageButton) view.findViewById(R.id.btnSave);            viewHolder.btnSave.setFocusable(false);            viewHolder.btnSave.setFocusableInTouchMode(false);            viewHolder.btnSave.setOnClickListener(new OnClickListener() {                   @Override                public void onClick(View view) {                    String name=animal.getName();                    String pronounce=animal.getPronounce();                    String explain=animal.getExplain();                    ContentValues values = new ContentValues();                    values.put("name", name);                    values.put("pronounce", pronounce);                    values.put("explain", explain);                    DBHelper helper = new DBHelper(context);                    helper.insert(values);                    Intent intent = new Intent(context, QueryActivity.class);                    context.startActivity(intent);                   }            });            view.setTag(viewHolder);//将ViewHolder存储到View中        }else{            view=convertView;            viewHolder=(ViewHolder) view.getTag();  //重新获取viewHolder            }        viewHolder.tvName.setText(animal.getName());        return view;    }    class ViewHolder{        TextView tvName;        ImageButton btnSave;    }}

下面在activity包下新建StudyAnimalActivity代码如下：

public class StudyAnimalActivity extends Activity {     private List<Animal> animalList;     private AnimalDao animalDao;     private ListView lvAnimalList;    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_animal);        initAnimals();        lvAnimalList=(ListView) findViewById(R.id.lvAnimalList);        AnimalAdapter animalAdapter=new AnimalAdapter(this, R.layout.animal_item, animalList);        lvAnimalList.setAdapter(animalAdapter);        lvAnimalList.setOnItemClickListener(new OnItemClickListener() {            @Override            public void onItemClick(AdapterView<?> adapterView, View view, int position,                    long id) {                Animal animal=animalList.get(position);                String result=animal.getName()+"\n"+animal.getPronounce()+                        "\n【解释】："+animal.getExplain()+                        "\n【近义词】："+animal.getHomoionym()+                        "\n【反义词】："+animal.getAntonym()+                        "\n【来源】："+animal.getDerivation()+                        "\n【示例】："+animal.getExamples();            DialogUtil.showDialog(result, StudyAnimalActivity.this);            }        });    }    private void initAnimals() {        animalDao=AnimalDao.getInstance(this);        animalList=animalDao.getAllAnimals();    }    @Override    public boolean onCreateOptionsMenu(Menu menu) {        // Inflate the menu; this adds items to the action bar if it is present.        getMenuInflater().inflate(R.menu.study_animal, menu);        return true;    }}

1. 显示每条成语的详细信息
   首先Layout下新建布局文件dialog.xml,代码如下;

<?xml version="1.0" encoding="utf-8"?><ScrollView xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="match_parent"    android:layout_height="match_parent" >    <LinearLayout        android:layout_width="match_parent"        android:layout_height="match_parent"        android:background="@drawable/bg_ling"        android:orientation="vertical" >        <TextView            android:id="@+id/tvldiominfo"            android:layout_width="match_parent"            android:layout_height="wrap_content"            android:text="Medium Text"            android:textAppearance="?android:attr/textAppearanceMedium" />        <ImageButton            android:id="@+id/imageButton1"            android:layout_width="100dp"            android:layout_height="100dp"            android:src="@drawable/laba" />    </LinearLayout></ScrollView>

在StudyAnimalActivity中已经添加了点击事件

lvAnimalList.setOnItemClickListener(new OnItemClickListener() {            @Override            public void onItemClick(AdapterView<?> adapterView, View view, int position,                    long id) {                Animal animal=animalList.get(position);                String result=animal.getName()+"\n"+animal.getPronounce()+                        "\n【解释】："+animal.getExplain()+                        "\n【近义词】："+animal.getHomoionym()+                        "\n【反义词】："+animal.getAntonym()+                        "\n【来源】："+animal.getDerivation()+                        "\n【示例】："+animal.getExamples();            DialogUtil.showDialog(result, StudyAnimalActivity.this);            }        });    }

这里DialogUtil类，代码如下：

public class DialogUtil {    public static void showDialog(String result,Context context){        AlertDialog.Builder builder=new AlertDialog.Builder(context);        LayoutInflater layoutInflater=LayoutInflater.from(context);        View view=layoutInflater.inflate(R.layout.dialog_info, null);        builder.setView(view);        TextView tvldiominfo=(TextView) view.findViewById(R.id.tvldiominfo);        tvldiominfo.setText(result);        builder.setPositiveButton("确定", new DialogInterface.OnClickListener() {            @Override            public void onClick(DialogInterface dialog, int which) {                dialog.dismiss();            }        });        builder.create().show();    }}

效果图：