乐学成语

最新推荐文章于 2016-06-17 20:54:00 发布

xuqiang4335

最新推荐文章于 2016-06-17 20:54:00 发布

阅读量560

点赞数

本文链接：https://blog.csdn.net/xuqiang4335/article/details/51684556

版权

一、创建数据库和表

1、创建好数据库和表（数据库名字为：idioms）

2、首先创建一个Android项目，项目名字为HappyIdiom，包名为cn.edu.bztc.happyidiom，然后在此包下再建几个包：

activity包用于存放所有活动相关的代码，db包用于存放所有数据库相关的代码，entity包用于存放所有实体相关的代码，dao包用于存放数据操作相关的代码，util包用于存放所有工具相关的代码。

3、把数据库idioms传入到android的数据库data/data/package name/目录下：

（1）用FileInPutStream读取元数据库

（2）再用FileOutputStream把读取到的东西写入到那个目录

*注意*：首先在res目录下新建raw目录，将idioms.db数据库复制到此目录下。

【因为raw目录的东西，android会原封不动的拷贝到程序中，而不会转换为二进制文件。】

在db包下新建一个DBOpenHelper类，代码如下：

package cn.edu.bztc.happyidiom.db;  
  
import java.io.File;  
import java.io.FileNotFoundException;  
import java.io.FileOutputStream;  
import java.io.IOException;  
import java.io.InputStream;  
  
import cn.edu.bztc.happyidiom.R;  
  
  
import android.content.Context;  
import android.database.sqlite.SQLiteDatabase;  
import android.os.Environment;  
import android.util.Log;  
  
/**  
 * 实现将数据库文件从raw目录拷贝到手机里存放数据库的位置  
 * @author YOYO  
 *  
 */  
  
public class DBOpenHelper {  
    private final int BUFFER_SIZE=400000;   //缓冲区大小  
    public static final String DB_NAME="idioms.db";     //保存的数据库文件名  
    public static final String PACKAGE_NAME="cn.edu.bztc.happyidiom";   //应用的包名  
    public static final String DB_PATH="/data"+Environment.getDataDirectory().getAbsolutePath()+"/"+PACKAGE_NAME+"/databases";  //在手机里存放数据库的位置  
    private Context context;  
    public DBOpenHelper(Context context){  
        this.context=context;  
    }  
    public SQLiteDatabase openDatabase(){  
        try {  
        File myDataPath=new File(DB_PATH);  
        if(!myDataPath.exists()){  
            myDataPath.mkdirs();    //如果没有这个目录则创建  
        }  
        String dbfile=myDataPath+"/"+DB_NAME;  
        //判断数据库文件是否存在，若不存在则执行导入，否则直接打开数据库  
        if(!(new File(dbfile).exists())){  
            InputStream is=context.getResources().openRawResource(R.raw.idioms);              
            FileOutputStream fos=new FileOutputStream(dbfile);  
            byte[] buffer=new byte[BUFFER_SIZE];  
            int count=0;  
            while((count=is.read(buffer))>0){  
                fos.write(buffer, 0, count);  
            }  
            fos.close();  
            is.close();  
        }  
        SQLiteDatabase db=SQLiteDatabase.openOrCreateDatabase(dbfile, null);  
        return db;  
            } catch (FileNotFoundException e) {  
                // TODO Auto-generated catch block  
                Log.e("Database", "File not found");  
                e.printStackTrace();  
            }catch(IOException e){  
                Log.e("Database", "IO exception");  
                e.printStackTrace();  
            }         
        return null;  
    }  
  
}

上面的代码实现的主要功能是使用输入输出流将idioms.db复制到手机中默认存放数据库的位置。

有没有复制成功呢？那就要进行单元测试看看，测试数据库有没有创建到指定的路径下面。

（3）首先修改AndroidManifest.xml文件搭建起单元测试的环境。修改后的内容如下：

<application  
       android:allowBackup="true"  
       android:icon="@drawable/logo"  
       android:label="@string/app_name"  
       android:theme="@android:style/Theme.Black.NoTitleBar" >  
       <uses-library android:name="android.test.runner" />  
</application>  
  
   <instrumentation  
       android:name="android.test.InstrumentationTestRunner"  
       android:targetPackage="cn.edu.bztc.happyidiom" >  
   </instrumentation>

（4）然后在test包下，新建DBOpenHelperTest继承AndroidTestCase。代码如下：

package cn.edu.bztc.happyidiom.test;  
  
import cn.edu.bztc.happyidiom.db.DBOpenHelper;  
import android.test.AndroidTestCase;  
  
public class DBOpenHelperTest extends AndroidTestCase{  
    public void testDBCopy(){  
        DBOpenHelper dbOpenHelper=new DBOpenHelper(getContext());  
        dbOpenHelper.openDatabase();  
    }  
  
}

该类只封装了一个方法，测试方法通常命名为testXXX()。该方法调用了DBOpenHelper类里面定义的openDatabase()方法。

在测试中，如果出现如图所示的绿条，则代表测试成功；

（5）接下来看看数据库有没有复制成功，切换到DDMS，会发现在data/data/应用的包下成功的创建了数据库。

4、Animal表还存在一个对应的实体类，因此，在entity包下新建一个Animal类，代码如下：

public class Animal {  
    private int id;  
    private String name;  
    private String pronounce;  
    private String explain;  
    private String antonym;  
    private String homoionym;  
    private String derivation;  
    private String examples;  
    public int getId() {  
        return id;  
    }  
    public void setId(int id) {  
        this.id = id;  
    }  
    public String getName() {  
        return name;  
    }  
    public void setName(String name) {  
        this.name = name;  
    }  
    public String getPronounce() {  
        return pronounce;  
    }  
    public void setPronounce(String pronounce) {  
        this.pronounce = pronounce;  
    }  
    public String getExplain() {  
        return explain;  
    }  
    public void setExplain(String explain) {  
        this.explain = explain;  
    }  
    public String getAntonym() {  
        return antonym;  
    }  
    public void setAntonym(String antonym) {  
        this.antonym = antonym;  
    }  
    public String getHomoionym() {  
        return homoionym;  
    }  
    public void setHomoionym(String homoionym) {  
        this.homoionym = homoionym;  
    }  
    public String getDerivation() {  
        return derivation;  
    }  
    public void setDerivation(String derivation) {  
        this.derivation = derivation;  
    }  
    public String getExamples() {  
        return examples;  
    }  
    public void setExamples(String examples) {  
        this.examples = examples;  
    }  
}

5、接着还需要创建一个AnimalDao类，这个类将会把一些常用的数据库操作封装起来，以方便后面使用，代码如下：

import java.util.ArrayList;  
import java.util.List;  
  
import cn.edu.bztc.happyidiom.db.DBOpenHelper;  
import cn.edu.bztc.happyidiom.entity.Animal;  
import android.content.Context;  
import android.database.Cursor;  
import android.database.sqlite.SQLiteDatabase;  
  
public class AnimalDao {  
    private static AnimalDao animalDao;  
    private SQLiteDatabase db;  
      
    /**  
     * 构造方法私有化  
     * @param context  
     */  
    private AnimalDao(Context context){  
        DBOpenHelper dbHelper=new DBOpenHelper(context);  
        db=dbHelper.openDatabase();  
    }  
      
    /**  
     * 获取AnimalDao的实例  
     * @param context  
     * @return  
     */  
    public synchronized static AnimalDao getInstance(Context context){  
        if(animalDao==null){  
            animalDao=new AnimalDao(context);  
        }  
        return animalDao;         
    }  
    /**  
     * 从数据库读取所有的动物类成语  
     * @return  
     */  
    public List<Animal> getAllAnimals(){  
        List<Animal> list=new ArrayList<Animal>();  
        Cursor cursor=db.query("animal", null, null, null, null, null, null);  
        if(cursor.moveToFirst()){  
            do{  
                Animal animal=new Animal();  
                animal.setId(cursor.getInt(cursor.getColumnIndex("_id")));  
                animal.setName(cursor.getString(cursor.getColumnIndex("name")));  
                animal.setPronounce(cursor.getString(cursor.getColumnIndex("pronounce")));  
                //animal.setExplain(cursor.getString(cursor.getColumnIndex("explain")));  
                animal.setAntonym(cursor.getString(cursor.getColumnIndex("antonym")));  
                animal.setHomoionym(cursor.getString(cursor.getColumnIndex("homoionym")));  
                animal.setDerivation(cursor.getString(cursor.getColumnIndex("derivation")));  
                animal.setExamples(cursor.getString(cursor.getColumnIndex("examples")));  
                list.add(animal);  
            }while(cursor.moveToNext());  
        }  
        return list;          
    }  
  
}

AnimalDao是一个单例类，将它的构造方法私有化，并提供了一个getInstance()方法来获取AnimalDao的实例，这样就可以保证全局范围内只会有一个AnimalDao的实例。还提供了一个getAllAnimals()方法来获取所有的动物类成语。
6、编写单元测试类AnimalDaoTest继承AndroidTestCase,代码如下：

import java.util.List;  
  
import cn.edu.bztc.happyidiom.dao.AnimalDao;  
import cn.edu.bztc.happyidiom.entity.Animal;  
import android.test.AndroidTestCase;  
  
public class AnimalDaoTest extends AndroidTestCase{  
    public void testGetAllAnimals(){  
        AnimalDao animalDao=AnimalDao.getInstance(getContext());          
        List<Animal> animals=animalDao.getAllAnimals();  
        System.out.println(animals.size());  
        for(Animal animal:animals){  
            System.out.println(animal.getName());  
        }  
    }  
  
}

二、显示主界面

1、activity_main.xml布局，代码如下：

<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" >  
  
    <TabHost   
        android:id="@android:id/tabhost"  
        android:layout_width="match_parent"  
        android:layout_height="match_parent"  
        android:layout_alignParentLeft="true"  
        android:layout_alignParentTop="true">    
        <LinearLayout  
            android:layout_width="match_parent"  
            android:layout_height="match_parent"  
            android:orientation="vertical" >  
            <TabWidget   
                android:id="@android:id/tabs"  
                android:layout_width="match_parent"  
                android:layout_height="wrap_content">                  
            </TabWidget>                          
            <FrameLayout   
                android:id="@android:id/tabcontent"  
                android:layout_width="match_parent"  
                android:layout_height="match_parent"  
                android:layout_weight="1">  
             <LinearLayout   
                 android:id="@+id/tab1"  
                 android:orientation="vertical"  
                 android:layout_width="match_parent"  
                 android:layout_height="match_parent">                   
             </LinearLayout>  
             <LinearLayout   
                 android:id="@+id/tab2"  
                 android:orientation="vertical"  
                 android:layout_width="match_parent"  
                 android:layout_height="match_parent">                   
             </LinearLayout>    
             <LinearLayout   
                 android:id="@+id/tab3"  
                 android:orientation="vertical"  
                 android:layout_width="match_parent"  
                 android:layout_height="match_parent">                   
             </LinearLayout>     
            </FrameLayout>  
              
        </LinearLayout>        
    </TabHost>  
  
</RelativeLayout>

布局文件中的内容比较简单，主要是托了一个TabHost控件到界面上

2、在res的values目录的strings.xml文件中定义所需的字符串。代码如下所示：

<?xml version="1.0" encoding="utf-8"?>  
<resources>  
  
    <string name="app_name">HappyIdiom</string>  
    <string name="action_settings">Settings</string>  
    <string name="hello_world">Hello world!</string>  
    <string name="title_activity_main">MainActivity</string>  
    <string name="title_study">学习</string>  
    <string name="title_search">搜搜</string>  
    <string name="title_game">游戏</string>  
    <string name="title_save">收藏</string>  
    <string name="title_help">帮助</string>  
  
    <string-array name="category">  
        <item>动物类</item>  
        <item>自然类</item>  
        <item>人物类</item>  
        <item>季节类</item>  
        <item>数字类</item>  
        <item>寓言类</item>  
        <item>其他类</item>  
    </string-array>  
  
    <string name="title_activity_study">StudyActivity</string>  
    <string name="title_activity_animal">AnimalActivity</string>  
  
</resources>

3、编写一个活动MainActivity,代码如下：

import cn.edu.bztc.happyidiom.R;  
import cn.edu.bztc.happyidiom.R.layout;  
import cn.edu.bztc.happyidiom.R.menu;  
import android.os.Bundle;  
import android.app.TabActivity;  
import android.content.Intent;  
import android.view.Menu;  
import android.view.Window;  
import android.widget.TabHost;  
  
  
public class MainActivity extends TabActivity {  
    private TabHost tabHost;  
  
    @Override  
    protected void onCreate(Bundle savedInstanceState) {  
        super.onCreate(savedInstanceState);  
        requestWindowFeature(Window.FEATURE_NO_TITLE);  //取消标题栏   
        setContentView(R.layout.activity_main);  
        tabHost=getTabHost();  
        //如果没有继承TabActivity时，通过该种方法加载启动tabHost  
        //tabHost.setup();  
        addTab("study",R.string.title_study,R.drawable.study,StudyActivity.class);  
        addTab("search",R.string.title_search,R.drawable.search,StudyActivity.class);  
        addTab("game",R.string.title_game,R.drawable.game,StudyActivity.class);  
        addTab("save", R.string.title_save, R.drawable.save, StudyActivity.class);  
        addTab("help", R.string.title_help, R.drawable.help, StudyActivity.class);  
    }  
    /*private TabHost getTabHost() {  
        // TODO Auto-generated method stub  
        //获取TabHost对象  
        TabHost tabHost=(TabHost) findViewById(R.id.tabhost);  
        return tabHost;  
          
    }*/  
    private void addTab(String tag,int title_introduction,int title_icon,Class ActivityClass){  
        tabHost.addTab(tabHost.newTabSpec(tag).setIndicator(getString(title_introduction),getResources().getDrawable(title_icon)).setContent(new Intent(this,ActivityClass)));  
    }     
  
    @Override  
    public boolean onCreateOptionsMenu(Menu menu) {  
        // Inflate the menu; this adds items to the action bar if it is present.  
        getMenuInflater().inflate(R.menu.main, menu);  
        return true;  
    }  
  
}

在这个类的onCreate()方法里，通过调用getTabHost()方法来获取整个TabHost组件，然后调用抽取出来的自定义的方法addTab()添加了五个选项卡。方法的四个参数分别为每个选项卡的tag,指示器上显示的标题，指示器上显示的图片，选项卡对应的内容。（将学习界面与之前建立的主界面连起来）

【注意】：（1）取标题栏的方法，一定要位于setContentView()方法之前。

（2）如果MainActivity继承的是Activity，没有继承TabActivity时，

则要通过tabHost.setup();加载启动tabHost
运行程序如图所示：

如果运行结果指示器上只显示出了文字，图片为显示出来，可以通过修改主题来实现。

如设置activity的theme为：

android:theme="@android:style/Theme.Black.NoTitleBar"

如果想让指示器显示在底部，只需要对activity_main.xml文件稍加修改，将<TabWidget> </TabWidget>中的代码放在<FrameLayout></FrameLayout>代码之后即可。

三、显示学习列表

1、定义一个实体类，作为ListView适配器的适配类型。

在entity包下新建类Category，代码如下所示：

    package cn.edu.bztc.happyidiom.entity;  
      
    public class Category {  
        private String name;//类别名称  
        private int imageId;//类别对应的图片  
        public Category(String name, int imageId) {  
            super();  
            this.name = name;  
            this.imageId = imageId;  
        }  
        public String getName() {  
            return name;  
        }  
        public void setName(String name) {  
            this.name = name;  
        }  
        public int getImageId() {  
            return imageId;  
        }  
        public void setImageId(int imageId) {  
            this.imageId = imageId;  
        }  
          
      
    }

2、新建activity_study.xml文件，主要添加一个ListView控件，代码如下所示：

    <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"  
        android:background="@drawable/bg_ling"  
        tools:context=".StudyActivity" >  
      
        <ListView   
            android:id="@+id/lvCategories"  
            android:layout_width="match_parent"  
            android:layout_height="wrap_content"  
            android:listSelector="#00000000"  
            android:layoutAnimation="@anim/anim_layout_listview"  
            android:layout_alignParentLeft="true"  
            android:layout_alignParentTop="true">          
        </ListView>  
          
    </RelativeLayout>

3、需要为ListView的子项指定一个自定义的布局，新建category_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:padding="10dp"  
        android:orientation="horizontal" >  
      
        <ImageView  
            android:id="@+id/category_image"  
            android:layout_width="wrap_content"  
            android:layout_height="wrap_content"  
            android:src="@drawable/category_animal" />  
      
        <TextView  
            android:id="@+id/category_name"  
            android:layout_width="match_parent"  
            android:layout_height="wrap_content"  
            android:text="@array/category"  
            android:gravity="center"  
            android:textAppearance="?android:attr/textAppearanceLarge" />  
      
    </LinearLayout>

定义了一个ImageView用于显示类别的图片，定义了一个textView用于显示类别的名称。

4、在adapter包下创建一个自定义的适配器，新建类CategoryAdapter，代码如下：

public class CategoryAdapter extends ArrayAdapter<Category>{  
    private int resourceId;  
  
    public CategoryAdapter(Context context, int resource, List<Category> objects) {  
        super(context, resource, objects);  
        // TODO Auto-generated constructor stub  
        resourceId=resource;  
    }  
      
    public View getView(int position,View convertView,ViewGroup parent){  
        Category category=getItem(position);//获取当前项的Category实例  
        //View view=LayoutInflater.from(getContext()).inflate(resourceId, null);  
        //ImageView cateoryImage=(ImageView) view.findViewById(R.id.category_image);  
        //TextView categoryName=(TextView) view.findViewById(R.id.category_name);  
        //cateoryImage.setImageResource(category.getImageId());  
        //categoryName.setText(category.getName());  
        View view;        
        ViewHolder viewHolder;  
        if(convertView==null){  
            view=LayoutInflater.from(getContext()).inflate(resourceId, null);  
            viewHolder=new ViewHolder();  
            viewHolder.categoryImage=(ImageView) view.findViewById(R.id.category_image);  
            viewHolder.categoryName=(TextView) view.findViewById(R.id.category_name);  
            view.setTag(viewHolder);//将ViewHolder存储在View中  
        }else{  
            view = convertView;  
            viewHolder=(ViewHolder) view.getTag();//重新获取ViewHolder  
        }         
        viewHolder.categoryImage.setImageResource(category.getImageId());  
        viewHolder.categoryName.setText(category.getName());  
        return view;          
    }  
    class ViewHolder{  
        ImageView categoryImage;  
        TextView categoryName;  
    }  
  
}

CategoryAdapter重写了父类的一组构造函数，用于将上下文、ListView子项布局的id和数据都传递进来。另外又重写了getView()方法，这个方法在每个子项被滚动到屏幕内的时候会被调用。在getView()方法中，首先通过getItem()方法得到当前项的Category实例，仔细观察，getView()方法中还有一个convertView参数，这个参数用于将之前加载好的布局进行缓存，以便之后可以进行重用，我们在getView()方法中进行了判断，如果convertView为空，则使用LayoutInflater去加载布局，如果不为空则直接对convertView进行重用，这样就大大提高了ListView的运行效率，在快速滚动的时候也可以表现出更好的性能。并分别调用它们的setImageResource()和setText()方法来设置显示的图片和文字，最后将布局返回，这样自定义的适配器就完成了。

新增了一个内部类ViewHolder，用于对控件的实例进行缓存。当convertView为空时，创建一个ViewHolder对象，并将控件的实例都存放在ViewHolder里，然后调用View的setTag()方法，将ViewHolder对象存储在View中。当convertView不为空时则调用View的setTag()方法，把ViewHolder重新取出。这样所有控件的实例都缓存在了ViewHolder里，就美哟必要每次都通过findViewById()方法来获取控件示例了。
5、在activity包下新建StudyActivity，代码如下：

import java.util.ArrayList;  
import java.util.List;  
  
import cn.edu.bztc.happyidiom.R;  
import cn.edu.bztc.happyidiom.R.layout;  
import cn.edu.bztc.happyidiom.R.menu;  
import cn.edu.bztc.happyidiom.adapter.CategoryAdapter;  
import cn.edu.bztc.happyidiom.entity.Category;  
import android.os.Bundle;  
import android.app.Activity;  
import android.content.Intent;  
import android.content.res.Resources;  
import android.view.Menu;  
import android.view.View;  
import android.widget.AdapterView;  
import android.widget.AdapterView.OnItemClickListener;  
import android.widget.ListView;  
import android.widget.Toast;  
  
public class StudyActivity extends Activity {  
    private List<Category> categoryList;  
    private String[] category_names;  
    private int[] category_images;  
  
    @Override  
    protected void onCreate(Bundle savedInstanceState) {  
        super.onCreate(savedInstanceState);  
        setContentView(R.layout.activity_study);  
          
        initCategories();//初始化类别  
        CategoryAdapter adapter=new CategoryAdapter(this, R.layout.category_item, categoryList);  
        ListView listView=(ListView) findViewById(R.id.lvCategories);  
        listView.setAdapter(adapter);  
        listView.setOnItemClickListener(new OnItemClickListener() {  
  
            @Override  
            public void onItemClick(AdapterView<?> adapterView, View view, int position,  
                    long id) {  
                // TODO Auto-generated method stub                
                switch(position){  
                case 0:   
                    Intent intent=new Intent(StudyActivity.this,AnimalActivity.class);  
                    startActivity(intent);  
                break;  
                default:  
                    break;  
                }                 
            }  
        });  
    }  
  
    private void initCategories() {  
        // TODO Auto-generated method stub  
        categoryList=new ArrayList<Category>();  
        Resources resources=getResources();  
        category_names=resources.getStringArray(R.array.category);  
        category_images=new int[]{R.drawable.category_animal,R.drawable.category_nature,R.drawable.category_human,R.drawable.category_season,R.drawable.category_number,R.drawable.category_fable,R.drawable.category_other};  
        for(int i=0;i<category_names.length;i++){  
            categoryList.add(new Category(category_names[i],category_images[i]));  
        }  
    }  
  
    @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, menu);  
        return true;  
    }  
  
}

添加了一个initCategories()方法，用于初始化所有的类别数据。在Fruit类的构造函数中将类别的名字和对应的图片id传入，然后把创建好的对象添加到类别列表中。接着在onCreate()方法中创建了CategoryAdapter对象，并将 CategoryAdapter作为适配器传递给ListView。这样定制ListView界面的任务就完成了。

使用了setOnItemClickListener()方法来为ListView注册了一个监听器，当用户点击了ListView中的任何一个子项时就会回调onItemClick()方法，在这个方法中可以通过position参数判断出用户点击的是哪一个子项，然后获取到相应的类别，并通过Toast将类别的名字显示出来。

运行程序如图所示：

在点击每一项时会出现橙黄色的背景色，如果去点背景色，则在activity_study.xml文件中加一句话：

<ListView   
        android:id="@+id/lvCategories"  
        android:layout_width="match_parent"  
        android:layout_height="wrap_content"  
        android:listSelector="#00000000"<span style="white-space:pre">    </span>//去掉橙黄色的背景色  
        android:layoutAnimation="@anim/anim_layout_listview"  
        android:layout_alignParentLeft="true"  
        android:layout_alignParentTop="true">          
    </ListView>

6、界面载入的过程有点僵硬，为界面增加淡入淡出的动画效果。

在res目录下新建anim目录，在下面创建anim_listview.xml文件，代码如下所示：

<?xml version="1.0" encoding="utf-8"?>  
<alpha xmlns:android="http://schemas.android.com/apk/res/android"  
    android:duration="1000"  
    android:fromAlpha="0.0"  
    android:toAlpha="1.0">  
      
</alpha>

设置一个Alpha动画，从无到有的过程。

创建anim_layout_listview.xml文件，代码如下：

    <?xml version="1.0" encoding="utf-8"?>  
    <layoutAnimation xmlns:android="http://schemas.android.com/apk/res/android"      
        android:animation="@anim/anim_listview"  
        android:animationOrder="random"  
        android:delay="0.2">      
    </layoutAnimation>

四、显示所有动物类成语的列表

1、新建activity_animal.xml文件，主要添加了一个ListView控件，代码如下所示：

<LinearLayout 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"  
    android:paddingBottom="@dimen/activity_vertical_margin"  
    android:paddingLeft="@dimen/activity_horizontal_margin"  
    android:paddingRight="@dimen/activity_horizontal_margin"  
    android:paddingTop="@dimen/activity_vertical_margin"  
    tools:context=".AnimalActivity" >  
  
    <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>

2、需要为ListView的子项指定一个自定义的布局，新建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:layout_alignTop="@+id/tvName"  
        android:src="@drawable/btnsave" />  
  
</RelativeLayout>

在这个布局中，定义了一个TextView用于显示成语的名称，又定义了一个ImageButton用于显示收藏按钮。

3、新建类AnimalAdapter，代码如下所示：

显示弹窗：


    <span style="white-space:pre">    </span>viewHolder.btnSave.setFocusable(false);  
        viewHolder.btnSave.setFocusableInTouchMode(false);

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);  
        // TODO Auto-generated constructor stub  
        this.context=context;  
        resourceId=resource;  
    }  
    public View getView(int position,View convertView,ViewGroup parent){  
        final Animal animal=getItem(position);//获取当前项的Animal实例  
        View view;  
        ViewHolder viewHolder;  
        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) {  
                    // TODO Auto-generated method stub  
                    Toast.makeText(context, "你要收藏"+animal.getName()+"吗", Toast.LENGTH_SHORT).show();  
                }  
            });  
            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;  
    }  
  
}

4、新建AnimalActivity类，代码如下所示：

public class AnimalActivity 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) {  
                // TODO Auto-generated method stub  
                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, AnimalActivity.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.animal, menu);  
        return true;  
    }  
  
}

添加了一个initAnimals()方法，用于初始化所有的动物数据。然后获取ListView控件，建立AnimalAdapter关联子布局及数据，调用ListView控件的setAdapter()方法与关联数据，这样定制ListView界面的任务就完成了。
DialogUtil.showDialog()方法是自定义的方法。在util包下新建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 tvldiomlnfo=(TextView) view.findViewById(R.id.tvldiomlnfo);  
        tvldiomlnfo.setText(result);  
        builder.setPositiveButton("确定", new DialogInterface.OnClickListener() {  
              
            @Override  
            public void onClick(DialogInterface dialog, int which) {  
                // TODO Auto-generated method stub  
                dialog.dismiss();  
            }  
        });  
        builder.create().show();  
    }  
  
}

五、显示每条成语的详细信息

1、新建布局文件dialog_info.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/tvldiomlnfo"  
            android:layout_width="match_parent"  
            android:layout_height="wrap_content"  
            android:text="Medium Text"  
            android:textAppearance="?android:attr/textAppearanceMedium" />  
      
    </LinearLayout>  
</ScrollView>

最外层是ScrollView组件，当内容较多时会自动出现垂直滚动条。
运行如图所示：

六、修改图标和名称

修改AndroidManifest.xml中的代码，如下所示：

<application  
        android:allowBackup="true"  
        android:icon="@drawable/logo"<span style="white-space:pre">   </span>//修改图标  
        android:label="@string/app_name"  
        android:theme="@android:style/Theme.Black.NoTitleBar" >  
        <uses-library android:name="android.test.runner" />