首页 > 代码库 > 和我一起开发Android应用(三)——“悦词-i背单词”词典功能实现

和我一起开发Android应用(三)——“悦词-i背单词”词典功能实现

  接上一讲。本节我们把词典功能基本实现,首先上一个效果图,我发现大家比较关心界面方面的东西,我之前写的一个关于QQ界面的项目就很受欢迎,当然我现在能写出远比那个好看的界面。但是我想一个应用最核心的东西不完全在界面,一个好的创意,一个好的后台服务才是成功的关键,这也是我不断学习的方向。

  另外我发现在百度搜“悦词背单词91”搜索结果全是我在博客园的博文了。。。所以我把这个项目在91应用市场的下载地址粘上来吧,十分欢迎大家试用一下,有什么改进的意见请写在下面的评论里!地址:http://apk.91.com/Soft/Android/com.carlos.yueci-4.html

 

  今天我们就实现这个界面,一个能查词的词典。

  

  为了明确思路,把上一节的项目功能分析拷贝过来:

 功能分析:

功能1、查单词。

  实现方法:金山词霸开放平台提供了一个开放API,通过Http访问金山词霸API提供的URL,可以获得一个XML文档,这个文档就包含了要查询的单词的释义、例句、音标、声音的地址。通过解析该XML就可以获得单词的所有信息。

  所用到的技术:

    1)Http访问网络,并下载网络文件

    2)对SD卡进行操作,从SD卡(这里的SD卡是指手机默认的存储卡,因为有些手机既能能插SD卡又有内部存储,这里不涉及这个问题)中读取文件,和把从网络下载的文件存进SD卡。

    3)解析XML文件

    4)播放音乐(这个我后来封装成了一个类,专门从网络上查询某个单词,解析XML文件,并且将下载的Mp3文件存在SD卡中,然后播放该Mp3文件)

    5)数据库,这里涉及到第一个数据库,每查找一个单词之后,就会将该单词和释义存储到一个SQLite数据库中。这样一来,下一次查找这个单词时,先访问数据库,看看数据库中有没有这个单词,若有,就不用访问网络了。

   根据上面的分析,可见我们已经实现了Http网络模块,XML文件解析,还有三个内容,我们先实现这三个功能,然后再把UI搭建起来。

  (一)后台功能实现

    一、对SD进行操作。FileUtils类,一个专门用于实现讲输入流写入文件,从文件中获得输入流的类,当我们从网上搜索一个单词后,会把它对应的音频Mp3存储在本地的一个文件夹,这样当我们再查这个单词或者在背单词时遇到这个单词时,就不用再访问网络了。

package com.carlos.utils;import java.io.File;import java.io.FileInputStream;import java.io.FileNotFoundException;import java.io.FileOutputStream;import java.io.IOException;import java.io.InputStream;import java.util.ArrayList;import android.os.Environment;public class FileUtils {    private String SDPATH;      public FileUtils(){        SDPATH=Environment.getExternalStorageDirectory()+"/";                //System.out.println(Environment.getExternalStorageDirectory().getAbsolutePath());    }        //创建文件,一定不会返回空    /**     *      * @param path 直接创建文件即可,无需考虑文件夹有没有创建,若文件已存在返回null     * @param fileName     * @return     */    public File createSDFile(String path,String fileName){        File file=null;        createSDDir(path);        try{        file=new File(SDPATH+path+fileName);        if(file.exists() && file.isFile()){            return null;        }        file.createNewFile();  //创建文件                }catch(Exception e){            e.printStackTrace();        }        return file;    }        //创建目录,如果存在同名文件夹则返回该文件夹,否则创建文件    public File createSDDir(String dirName){        File dir=new File(SDPATH+dirName);        if(dir.exists() && dir.isDirectory()){            return dir;        }        dir.mkdirs();  //可创建多级文件夹        return dir;    }            //这里写相对目录    public ArrayList<String> listContentsOfFile(String path){        ArrayList<String> list=new ArrayList<String>();        File file=new File(SDPATH+path);        File[] fileList=file.listFiles();        if(fileList==null)            return list;        for(int i=0; i<fileList.length;i++){            System.out.println(fileList[i].getName());        }        return list;    }        //判断SD卡文件夹是否存在    public boolean isFileExist(String path,String fileName){        File file=new File(SDPATH+path+fileName);        return file.exists();    }        //获得文件输入流    public InputStream getInputStreamFromFile(String path,String fileName){        InputStream input=null;        File file=new File(SDPATH+path+fileName);        if(file.exists()==false)            return null;        try {            input=new FileInputStream(file);        } catch (FileNotFoundException e) {            // TODO Auto-generated catch bloc            e.printStackTrace();            return null;        }                return input;    }            /**     *      * @param in     * @param path  文件存储的相对路径     * @param fileName     * @return     */    public boolean saveInputStreamToFile(InputStream in, String path,String fileName ){        File file=createSDFile(path,fileName); //相对路径即可        int length=0;        if(file==null)            return true;  //其实这里的情况是文件已存在        byte[] buffer=new byte[1024];        FileOutputStream fOut=null;        try {            fOut=new FileOutputStream(file);                    while((length=in.read(buffer))!=-1){          //要利用read返回的实际成功读取的字节数,将buffer写入文件,否则将会出现错误的字节                fOut.write(buffer, 0, length);            }                    } catch (Exception e) {            // TODO Auto-generated catch block                    e.printStackTrace();            return false;            }finally{            try {                fOut.close();            } catch (Exception e) {                // TODO Auto-generated catch block                e.printStackTrace();                return false;            }            }        return true;    }            public String getSDRootPath(){        return Environment.getExternalStorageDirectory().getAbsolutePath()+"/";    }        public String getSDPATH() {        return SDPATH;    }    public void setSDPATH(String sDPATH) {        SDPATH = sDPATH;    }                }

各个函数的功能已经有说明,这个属于一个工具类,可无需改动使用。

 

    二、数据库,用于存放所查的单词的单词、音标、释义、例句

1、首先需创建一个DataBaseHelper类,继承SQLiteOpenHelper类:

package com.carlos.database;import android.content.Context;import android.database.sqlite.SQLiteDatabase;import android.database.sqlite.SQLiteDatabase.CursorFactory;import android.database.sqlite.SQLiteOpenHelper;public class DataBaseHelperDict extends SQLiteOpenHelper{    public Context mContext=null;    public String tableName=null;    public static int VERSION=1;    public DataBaseHelperDict(Context context, String name, CursorFactory factory,            int version) {        super(context, name, factory, version);        // TODO Auto-generated constructor stub        mContext=context;        tableName=name;    }           public DataBaseHelperDict(Context context, String name, CursorFactory factory){        this(context,name,factory,VERSION);        mContext=context;        tableName=name;    }        public DataBaseHelperDict(Context context, String name){        this(context,name,null);        mContext=context;        tableName=name;    };    @Override    public void onCreate(SQLiteDatabase db) {        // TODO Auto-generated method stub        db.execSQL("create table dict(word text,pse text,prone text,psa text,prona text," +                "interpret text, sentorig text, senttrans text)");            }    @Override    public void onUpgrade(SQLiteDatabase arg0, int arg1, int arg2) {        // TODO Auto-generated method stub            }        }

  这是一个非常简单的类,在onCreate方法中我们需要用到类似JDBC的语言创建一个表table

    public void onCreate(SQLiteDatabase db) {        // TODO Auto-generated method stub        db.execSQL("create table dict(word text,pse text,prone text,psa text,prona text," +                "interpret text, sentorig text, senttrans text)");            }

其中word 单词,pse 英式音标,prone 英式发音地址,psa 美式音标,prona 美式发音地址,interpret 翻译, sentorig 利用英文, senttrans 例句中文  

这8项是这个表的8列,用于存储一个单词的所有信息。

 

 那么接下来的问题便是,有了这个数据库我们怎么操作它呢?为此我封装了一个词典类Dict,这个类具有和词典一样的功能:在词典中查找一个单词,查找一个单词的翻译,或例句,从网络上下载某个单词的信息,将某个单词添加到词典中。一些细节的说明在代码中有注释

package com.carlos.wordcontainer;import java.io.BufferedReader;import java.io.InputStream;import java.io.InputStreamReader;import java.net.URLEncoder;import java.util.ArrayList;import java.util.LinkedList;import org.xml.sax.InputSource; import android.content.ContentValues;import android.content.Context;import android.database.Cursor;import android.database.sqlite.SQLiteDatabase;import android.net.Uri;import com.carlos.database.DataBaseHelperDict;import com.carlos.internet.NetOperator;import com.carlos.text_parser.JinShanContentHandler;import com.carlos.text_parser.XMLParser;import com.carlos.utils.FileUtils;public class Dict {       public Context context=null;     public String tableName=null;    private DataBaseHelperDict dbHelper=null;    private SQLiteDatabase dbR=null,dbW=null;        public Dict(Context context,String tableName){        this.context=context;        this.tableName=tableName;        dbHelper=new DataBaseHelperDict(context, tableName);     //这里要用到前面的DataBaseHelper类,在Dict的构造方法中实例化该类,
//并且调用下面两个方法获得dbR和dbW,用于完成对数据库的增删改查操作。
//这里吧dbR dbW作为成员变量目的是避免反复实例化dbR dbW造成数据库指针泄露。
dbR
=dbHelper.getReadableDatabase(); dbW=dbHelper.getWritableDatabase(); } @Override protected void finalize() throws Throwable { //在该对象销毁时,释放dbR和dbW // TODO Auto-generated method stub dbR.close(); dbW.close(); dbHelper.close(); super.finalize(); }
//将包含单词信息的WordValue对象添加进数据库,这里使用了dbW的insert方法,需要创建一个ContentValue对象存放键值对
public void insertWordToDict(WordValue w, boolean isOverWrite){ if(w==null){ //避免空指针异常 return; } Cursor cursor=null; try{ ContentValues values=new ContentValues(); values.put("word",w.getWord() ); values.put("pse", w.getPsE()); values.put("prone",w.getPronE()); values.put("psa", w.getPsA()); values.put("prona", w.getPronA()); values.put("interpret",w.getInterpret()); values.put("sentorig", w.getSentOrig()); values.put("senttrans", w.getSentTrans()); cursor=dbR.query(tableName, new String[]{"word"}, "word=?", new String[]{w.getWord()}, null, null, null); if(cursor.getCount()>0){ if(isOverWrite==false)//首先看看数据库中有没有这个单词,若词典库中已经有了这一个单词,所以不再操作 return; else{ //执行更新操作 dbW.update(tableName, values, "word=?",new String[]{ w.getWord()}); } }else{ dbW.insert(tableName, null, values); //这里可能会发生空指针异常,到时候考虑 } }catch(Exception e){ }finally{ if(cursor!=null) cursor.close(); } }
//判断数据库中是否存在某个单词
public boolean isWordExist(String word){ Cursor cursor=null; try{ cursor=dbR.query(tableName, new String[]{"word"}, "word=?", new String[]{word}, null, null, null); if(cursor.getCount()>0){ cursor.close(); return true; }else{ cursor.close(); return false; } }finally{ if(cursor!=null) cursor.close(); } }
//从单词库中获得某个单词的信息,如果词库中没有改单词,那么返回null
public WordValue getWordFromDict(String searchedWord){ WordValue w=new WordValue();//预防空指针异常// db.execSQL("create table dict(word text,pse text,prone text,psa text,prona text," +// "interpret text, sentorig text, senttrans text)"); String[] columns=new String[]{"word", "pse","prone","psa","prona","interpret","sentorig","senttrans"}; String[] strArray=new String[8]; Cursor cursor=dbR.query(tableName, columns, "word=?", new String[]{searchedWord}, null, null, null); while(cursor.moveToNext()){ for(int i=0;i<strArray.length;i++){ strArray[i]=cursor.getString(cursor.getColumnIndex(columns[i])); } w=new WordValue(strArray[0],strArray[1],strArray[2],strArray[3],strArray[4],strArray[5],strArray[6],strArray[7]); } cursor.close(); return w; }
//从网络查找某个单词,并且返回一个含有单词信息的WordValue对象,这个方法在第二讲的最后提过
public WordValue getWordFromInternet(String searchedWord){ WordValue wordValue=null; String tempWord=searchedWord; if(tempWord==null&& tempWord.equals("")) return null; char[] array=tempWord.toCharArray(); if(array[0]>256) //是中文,或其他语言的的简略判断 tempWord="_"+URLEncoder.encode(tempWord); InputStream in=null; String str=null; try{ String tempUrl=NetOperator.iCiBaURL1+tempWord+NetOperator.iCiBaURL2; in=NetOperator.getInputStreamByUrl(tempUrl); if(in!=null){ new FileUtils().saveInputStreamToFile(in, "", "gfdgf.txt"); XMLParser xmlParser=new XMLParser(); InputStreamReader reader=new InputStreamReader(in,"utf-8"); JinShanContentHandler contentHandler=new JinShanContentHandler(); xmlParser.parseJinShanXml(contentHandler, new InputSource(reader)); wordValue=contentHandler.getWordValue(); wordValue.setWord(searchedWord); } }catch(Exception e){ e.printStackTrace(); } return wordValue; }

//以下几个方法都是获得某个单词的某一项信息,基本的思路还是先获得全部信息WordValue然后调用WordValue的get方法获得具体的信息。
//获取发音文件地址 public String getPronEngUrl(String searchedWord){ Cursor cursor=dbR.query(tableName, new String[]{"prone"}, "word=?", new String[]{searchedWord}, null, null, null); if(cursor.moveToNext()==false){ cursor.close(); return null; } String str=cursor.getString(cursor.getColumnIndex("prone")); cursor.close(); return str; } public String getPronUSAUrl(String searchedWord){ Cursor cursor=dbR.query(tableName, new String[]{"prona"}, "word=?", new String[]{searchedWord}, null, null, null); if(cursor.moveToNext()==false){ cursor.close(); return null; } String str=cursor.getString(cursor.getColumnIndex("prona")); cursor.close(); return str; } //获取音标 public String getPsEng(String searchedWord){ Cursor cursor=dbR.query(tableName, new String[]{"pse"}, "word=?", new String[]{searchedWord}, null, null, null); if(cursor.moveToNext()==false){ cursor.close(); return null; } String str=cursor.getString(cursor.getColumnIndex("pse")); cursor.close(); return str; } public String getPsUSA(String searchedWord){ Cursor cursor=dbR.query(tableName, new String[]{"psa"}, "word=?", new String[]{searchedWord}, null, null, null); if(cursor.moveToNext()==false){ cursor.close(); return null; } String str=cursor.getString(cursor.getColumnIndex("psa")); cursor.close(); return str; } /** * 若没有句子那么返回的链表的长度为0,若单词不存在那么直接返回null,所以最好对null和长度同时检验 * @param searchedWord * @return */ public String getInterpret(String searchedWord){ Cursor cursor=dbR.query(tableName, new String[]{"interpret"}, "word=?", new String[]{searchedWord}, null, null, null); if(cursor.moveToNext()==false){ cursor.close(); return null; } String str=cursor.getString(cursor.getColumnIndex("interpret")); cursor.close(); return str; } }

有了这个类以后大家可能会有一个比较明确的思路了,在接下来将UI时Activity中会实例化一个Dict对象,直接调用它的某些方法完成操作。

 

    三、音频播放

  当我们查到一个单词时,可能想听一听这个单词的发音,这时就需要根据数据库中prone/prona这一列的音频地址,从网络上获得音频输入流下载到SD卡,然后调用MediaPlayer播放音乐,这是一个一系列的动作,再后面背单词时因为要听单词的发音,会更多的用到这个操作,为此我封装了一个方法,专门完成这组操作。

package com.carlos.music;import java.io.InputStream;import java.io.InputStreamReader;import org.xml.sax.InputSource;import com.carlos.internet.NetOperator;import com.carlos.text_parser.JinShanContentHandler;import com.carlos.text_parser.XMLParser;import com.carlos.utils.FileUtils;import com.carlos.wordcontainer.Dict;import com.carlos.wordcontainer.WordValue;import com.carlos.yueci.ReciteActivity;import android.content.Context;import android.media.MediaPlayer;import android.net.Uri;public class Mp3Player {    public final static String MUSIC_ENG_RELATIVE_PATH="yueci/sounds/sounds_EN/";    public final static String MUSIC_USA_RELATIVE_PATH="yueci/sounds/sounds_US/";    public final static int ENGLISH_ACCENT=0;    public final static int USA_ACCENT=1;         public Context context=null;    public String tableName=null;      public MediaPlayer mediaPlayer=null;    FileUtils fileU=null;    Dict dict=null;    public  boolean isMusicPermitted=true;     //用于对是否播放音乐进行保护性设置,当该变量为false时,可以阻止一次音乐播放        public Mp3Player(Context context,String tableName){        this.context=context;        this.tableName=tableName;        fileU=new FileUtils();        dict=new Dict(context,tableName);        isMusicPermitted=true;            }    /**     * 首先先看一下SD卡上有没有,若有则播放,没有执行下一步     * 看一下dict表中有没有单词的记录,若有,看一下发音字段是不是有美式发音或英式发音,若无则退出     * 若没有字段记录,访问网络下载Mp3然后播放     * 一个Activity中一般只能有一个Voice成员变量,对应的也就只有一个MediaPlayer对象,这样才能对播放     * 状态进行有效控制     * 该方法原则上只能在线程中调用          * @param word     * @param accent     */    public void playMusicByWord(String word , int accent,boolean isAllowedToUseInternet, boolean isPlayRightNow){        if(word==null || word.length()<=0)            return;        char[] wordArray=word.toCharArray();        char initialCharacter=wordArray[0];                String path=null;        String pronUrl=null;        WordValue w=null;                if(accent==ENGLISH_ACCENT){            path=MUSIC_ENG_RELATIVE_PATH;        }else{            path=MUSIC_USA_RELATIVE_PATH;          }                if(fileU.isFileExist(path+initialCharacter+"/","-$-"+word+".mp3")==false){            if(isAllowedToUseInternet==false)                return;            //为了避免多次多个线程同时访问网络下载同一个文件,这里加了这么一个控制变量                        if(dict.isWordExist(word)==false){  //数据库中没有单词记录,从网络上进行同步                                if((w=dict.getWordFromInternet(word))==null){                    return;                }                dict.insertWordToDict(w, true);            }//能走到这一步说明从网上同步成功,数据库中一定存在单词记录                        if(accent==ENGLISH_ACCENT){                  pronUrl=dict.getPronEngUrl(word);            }else{                pronUrl=dict.getPronUSAUrl(word);            }            if(pronUrl==null ||pronUrl=="null"||pronUrl.length()<=0)                return;    //这说明网络上也没有对应发音,故退出            //得到了Mp3地址后下载到文件夹中然后进行播放                        InputStream in=null;            in = NetOperator.getInputStreamByUrl(pronUrl);            if(in==null)                return;            if(fileU.saveInputStreamToFile(in, path+initialCharacter+"/","-$-"+word+".mp3")==false)                return;        }        //走到这里说明文件夹里一定有响应的音乐文件,故在这里播放        if(isPlayRightNow==false)            return;            /**           * 这个方法存在缺点,可能因为同时new 了多个MediaPlayer对象,导致start方法失效,         * 因此解决的方法是,使用同一个MediaPlayer对象,若一次播放时发现对象非空,那么先         * 调用release()方法释放资源,再重新create         */                           if(isMusicPermitted==false){            return;        }                try{            if(mediaPlayer!=null){                  if(mediaPlayer.isPlaying())                    mediaPlayer.stop();                mediaPlayer.release();                mediaPlayer=null;     //为了防止mediaPlayer多次调用stop release,这里置空还是有必要            }            mediaPlayer=MediaPlayer.create(context, Uri.parse("file://"+fileU.getSDRootPath()                    +path+initialCharacter+"/-$-"+word+".mp3"));            mediaPlayer.start();        }catch(Exception e){            mediaPlayer.release();            e.printStackTrace();        }    }        }

 

public void playMusicByWord(String word , int accent,boolean isAllowedToUseInternet, boolean isPlayRightNow){}

这个方法的基本逻辑:
根据接受的单词word,先看“词典”(数据库)中有没有该单词记录,若没有,先调用dict的getWordFromInternet()获取单词信息存储进数据库“词典”中,然后根据对应的口音accent,获得prone或prona的地址,然后访问网络,讲Mp3下载到本地,然后调用MediaPlayer对象播放音乐。

需要注意的几点:
  形参中isAllowedToUseInternet 是用于控制是否允许访问网络,添加这个控制项是因为,我们在播放音乐时有时候不想让该方法访问网络,因为过多的县城访问网络可能会造成同时下载同一个音频,会造成线程阻塞或者下载的文件数据损坏。
isPlayeRightNow 是用于控制是否立即播放该MP3,因为在之后实现背单词功能时有时只需要把MP3文件下载下来,而并不需要立刻播放,例如背单词时给你中文意思和英文选项,此时就不能立即播放音乐,否则就知道选项是什么了。
注意到还有一个isMusicPermitted 参量这是个静态成员变量,这个参量是用来阻止一次播放的,比如我们背单词时,突然不想背了退出,此时可能单词的音频正好要播放,这时需要把isMusicPermitted置为false,否则会出现退出后仍播放单词发音的现象。


OK,添加了上述三个支持功能我们终于可以进行最后的进击————搭建UI界面了。
这里插一句题外话,虽然在写教程时我是先实现了上述五个功能然后再搭的界面,但实际开发时这两个工作是同时进行的,我喜欢先把简单的UI搭出来,然后再慢慢实现各个按钮的功能,遇到需要的后台支持再实现它,很难说这两种方法哪个效率高些,我觉得还是先搭一个粗略的框架,然后实现后台功能,然后再回过头来完善UI和后台功能,这其中要经过n次调试。 我这里之所以先给出了完整的后台功能是因为应用已经写完了,我想让整个开发过程的思路更清晰一些。


(二)UI搭建

一、布局文件:先给出一个总的布局文件然后我根据图片分析。
<?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:background="#E5E6E0" >        <RelativeLayout        android:id="@+id/edit_text_dict_search_bar"                  android:layout_width="match_parent"                android:layout_height="42dp"                    android:layout_alignParentTop="true"                android:background="#2C2C2C"                 android:focusable="true"                android:focusableInTouchMode="true"                  >                                 <ImageButton                    android:id="@+id/image_btn_dict_back_to_general"                     android:layout_width="50dp"                        android:layout_height="match_parent"                        android:layout_marginTop="1dp"                        android:layout_marginBottom="1dp"                        android:layout_marginLeft="1dp"                        android:layout_alignParentLeft="true"                        android:layout_weight="5"                        android:background="@android:color/transparent"                        android:src="@drawable/btn_back_blue"/>                                          <ImageButton                        android:id="@+id/image_btn_dict_search"                        android:layout_width="50dp"                        android:layout_height="match_parent"                        android:layout_alignParentRight="true"                        android:background="@android:color/transparent"                        android:src="@android:drawable/ic_menu_search" />                    <EditText                        android:paddingLeft="10dp"                        android:id="@+id/edit_text_dict"                        android:layout_toRightOf="@id/image_btn_dict_back_to_general"                        android:layout_toLeftOf="@id/image_btn_dict_search"                     android:layout_width="match_parent"                    android:layout_height="match_parent"                    android:layout_weight="1"                    android:background="@drawable/edit_back"                    android:inputType="text"                         android:maxLines="1"                    android:gravity="center_vertical"                    android:hint="请在此输入单词"                    android:textColor="#FCFDFE"                    android:imeOptions="actionSearch"                     />                                                                                <ImageButton                         android:id="@+id/image_btn_dict_delete_all"                        android:layout_width="35dp"                        android:layout_height="match_parent"                        android:layout_marginTop="5dp"                        android:layout_marginBottom="5dp"                        android:layout_toLeftOf="@id/image_btn_dict_search"                           android:scaleType="fitXY"                        android:src="@drawable/delete_all"                        android:background="@android:color/transparent"/>                                                        </RelativeLayout>            <TextView         android:id="@+id/text_dict_word"        android:layout_width="match_parent"        android:layout_height="40dp"        android:text="fabulous"        android:gravity="bottom"        android:textColor="#3B3C3D"        android:textStyle="bold"        android:textSize="24sp"        android:layout_below="@id/edit_text_dict_search_bar"        android:layout_marginTop="36dp"        android:layout_marginLeft="22dp"        android:layout_marginRight="22dp"        android:layout_marginBottom="3dp"/>        <ImageButton         android:id="@+id/image_btn_dict_add_to_wordlist"        android:layout_height="30dp"        android:layout_marginTop="10dp"        android:layout_marginRight="30dp"        android:layout_width="30dp"        android:layout_alignParentRight="true"        android:layout_alignTop="@id/text_dict_word"        android:src="@drawable/add_danciben"        android:background="@android:color/transparent"        android:scaleType="fitXY"/>        <RelativeLayout        android:id="@+id/phonetic_bar"         android:layout_width="match_parent"        android:layout_marginLeft="22dp"        android:layout_height="40dp"        android:layout_below="@id/text_dict_word">        <ImageButton             android:id="@+id/image_btn_dict_horn_accent_eng"            android:layout_height="match_parent"            android:layout_marginTop="7dp"            android:layout_marginBottom="7dp"            android:layout_width="30dp"            android:background="@android:color/transparent"            android:src="@drawable/horn_dict"            android:scaleType="fitCenter"            />        <TextView             android:id="@+id/text_dict_phosymbol_eng"            android:layout_height="match_parent"            android:layout_width="wrap_content"            android:text="英[fanted]"            android:gravity="center_vertical"            android:textColor="#6C6C6C"            android:textSize="14sp"            android:layout_toRightOf="@id/image_btn_dict_horn_accent_eng"/>        <TextView             android:id="@+id/text_dict_phosymbol_divider"            android:layout_height="match_parent"            android:layout_width="50dp"            android:text="/"            android:gravity="center"            android:textColor="#6C6C6C"            android:textSize="14sp"            android:layout_toRightOf="@id/text_dict_phosymbol_eng"/>                <ImageButton             android:id="@+id/image_btn_dict_horn_accent_usa"            android:layout_height="match_parent"            android:layout_marginTop="7dp"            android:layout_marginBottom="7dp"            android:layout_width="30dp"            android:background="@android:color/transparent"            android:src="@drawable/horn_dict"            android:scaleType="fitCenter"            android:layout_toRightOf="@id/text_dict_phosymbol_divider"            />                <TextView             android:id="@+id/text_dict_phosymbol_usa"            android:layout_height="match_parent"            android:layout_width="wrap_content"            android:text="美[fan‘ted]"            android:gravity="center_vertical"            android:textColor="#6C6C6C"            android:textSize="14sp"            android:layout_toRightOf="@id/image_btn_dict_horn_accent_usa"/>                    </RelativeLayout>        <LinearLayout         android:id="@+id/dict_interpret_divider"        android:layout_height="20dp"        android:layout_width="match_parent"        android:layout_marginLeft="10dp"        android:layout_below="@id/phonetic_bar"        android:orientation="horizontal">        <ImageView             android:layout_width="30dp"            android:layout_height="match_parent"            android:src="@drawable/right_cursor"/>        <TextView             android:layout_width="wrap_content"            android:layout_height="match_parent"            android:text="基本释义"            android:textSize="14sp"            android:textColor="#00A2DC"            android:gravity="center_vertical"/>            </LinearLayout>              <TextView         android:id="@+id/text_dict_interpret"        android:layout_below="@id/dict_interpret_divider"        android:layout_width="match_parent"        android:layout_margin="10dp"        android:layout_height="80dp"        android:background="@drawable/layer_list_dict_item_back"        android:padding="12dp"        android:text="不切实际的\nsrge了然于心fsfg"        android:textSize="14sp"        android:textColor="#3C3C3C"        android:lineSpacingMultiplier="1.2"/>        <LinearLayout         android:id="@+id/dict_sentence_divider"        android:layout_height="20dp"        android:layout_width="match_parent"        android:layout_marginLeft="10dp"        android:layout_below="@id/text_dict_interpret"        android:orientation="horizontal">        <LinearLayout             android:layout_width="match_parent"            android:layout_height="match_parent"            android:layout_weight="2"            >            <ImageView                 android:layout_width="30dp"                android:layout_height="match_parent"                android:src="@drawable/right_cursor"/>            <TextView                 android:layout_width="wrap_content"                android:layout_height="match_parent"                android:text="例句"                android:textSize="14sp"                android:textColor="#00A2DC"                android:gravity="center_vertical"/>                    </LinearLayout>                <RelativeLayout             android:layout_height="match_parent"            android:layout_width="match_parent"            android:layout_weight="1">                        <ImageView                android:id="@+id/dict_jinshan_ico"                 android:layout_height="match_parent"                android:layout_width="30dp"                android:layout_alignParentRight="true"                android:layout_marginRight="15dp"                android:src="@drawable/jinshan_ico"/>            <TextView                 android:layout_height="match_parent"                android:layout_width="wrap_content"                android:gravity="bottom"                android:layout_toLeftOf="@id/dict_jinshan_ico"                android:text="supported by iCIBA"                android:textColor="#6C6C6C"                android:textSize="10sp"/>                    </RelativeLayout>                    </LinearLayout>           <ListView         android:id="@+id/listview_dict_sentence"        android:layout_below="@id/dict_sentence_divider"        android:layout_width="match_parent"        android:layout_marginTop="10dp"        android:layout_marginLeft="10dp"        android:layout_marginRight="10dp"        android:padding="12dp"         android:layout_height="wrap_content"        android:layout_alignParentBottom="true"        android:background="@drawable/layer_list_dict_item_back"        android:divider="#8C8C8C"        android:dividerHeight="0px"        >            </ListView>    </RelativeLayout>

是不是有点晕呢?我把布局分成几块就懂了。

Part One:

这是顶部的横条,这是一个RelativeLayout,里面有以后Back 按钮, 搜索按钮, 删除EditText内容的按钮,还有一个EditText,对应的代码如下:
    <RelativeLayout        android:id="@+id/edit_text_dict_search_bar"                  android:layout_width="match_parent"                android:layout_height="42dp"                    android:layout_alignParentTop="true"                android:background="#2C2C2C"                 android:focusable="true"                android:focusableInTouchMode="true"                  >                                 <ImageButton                    android:id="@+id/image_btn_dict_back_to_general"                     android:layout_width="50dp"                        android:layout_height="match_parent"                        android:layout_marginTop="1dp"                        android:layout_marginBottom="1dp"                        android:layout_marginLeft="1dp"                        android:layout_alignParentLeft="true"                        android:layout_weight="5"                        android:background="@android:color/transparent"                        android:src="@drawable/btn_back_blue"/>                                          <ImageButton                        android:id="@+id/image_btn_dict_search"                        android:layout_width="50dp"                        android:layout_height="match_parent"                        android:layout_alignParentRight="true"                        android:background="@android:color/transparent"                        android:src="@android:drawable/ic_menu_search" />                    <EditText                        android:paddingLeft="10dp"                        android:id="@+id/edit_text_dict"                        android:layout_toRightOf="@id/image_btn_dict_back_to_general"                        android:layout_toLeftOf="@id/image_btn_dict_search"                     android:layout_width="match_parent"                    android:layout_height="match_parent"                    android:layout_weight="1"                    android:background="@drawable/edit_back"                    android:inputType="text"                         android:maxLines="1"                    android:gravity="center_vertical"                    android:hint="请在此输入单词"                    android:textColor="#FCFDFE"                    android:imeOptions="actionSearch"                     />                                                                                <ImageButton                         android:id="@+id/image_btn_dict_delete_all"                        android:layout_width="35dp"                        android:layout_height="match_parent"                        android:layout_marginTop="5dp"                        android:layout_marginBottom="5dp"                        android:layout_toLeftOf="@id/image_btn_dict_search"                           android:scaleType="fitXY"                        android:src="@drawable/delete_all"                        android:background="@android:color/transparent"/>                                                        </RelativeLayout>

 

这一块就是TextView  ImageButton(加入单词本)进行的一个Relative布局,没什么特别之处:布局代码如下
<TextView         android:id="@+id/text_dict_word"        android:layout_width="match_parent"        android:layout_height="40dp"        android:text="fabulous"        android:gravity="bottom"        android:textColor="#3B3C3D"        android:textStyle="bold"        android:textSize="24sp"        android:layout_below="@id/edit_text_dict_search_bar"        android:layout_marginTop="36dp"        android:layout_marginLeft="22dp"        android:layout_marginRight="22dp"        android:layout_marginBottom="3dp"/>        <ImageButton         android:id="@+id/image_btn_dict_add_to_wordlist"        android:layout_height="30dp"        android:layout_marginTop="10dp"        android:layout_marginRight="30dp"        android:layout_width="30dp"        android:layout_alignParentRight="true"        android:layout_alignTop="@id/text_dict_word"        android:src="@drawable/add_danciben"        android:background="@android:color/transparent"        android:scaleType="fitXY"/>        <RelativeLayout        android:id="@+id/phonetic_bar"         android:layout_width="match_parent"        android:layout_marginLeft="22dp"        android:layout_height="40dp"        android:layout_below="@id/text_dict_word">        <ImageButton             android:id="@+id/image_btn_dict_horn_accent_eng"            android:layout_height="match_parent"            android:layout_marginTop="7dp"            android:layout_marginBottom="7dp"            android:layout_width="30dp"            android:background="@android:color/transparent"            android:src="@drawable/horn_dict"            android:scaleType="fitCenter"            />        <TextView             android:id="@+id/text_dict_phosymbol_eng"            android:layout_height="match_parent"            android:layout_width="wrap_content"            android:text="英[fanted]"            android:gravity="center_vertical"            android:textColor="#6C6C6C"            android:textSize="14sp"            android:layout_toRightOf="@id/image_btn_dict_horn_accent_eng"/>        <TextView             android:id="@+id/text_dict_phosymbol_divider"            android:layout_height="match_parent"            android:layout_width="50dp"            android:text="/"            android:gravity="center"            android:textColor="#6C6C6C"            android:textSize="14sp"            android:layout_toRightOf="@id/text_dict_phosymbol_eng"/>                <ImageButton             android:id="@+id/image_btn_dict_horn_accent_usa"            android:layout_height="match_parent"            android:layout_marginTop="7dp"            android:layout_marginBottom="7dp"            android:layout_width="30dp"            android:background="@android:color/transparent"            android:src="@drawable/horn_dict"            android:scaleType="fitCenter"            android:layout_toRightOf="@id/text_dict_phosymbol_divider"            />                <TextView             android:id="@+id/text_dict_phosymbol_usa"            android:layout_height="match_parent"            android:layout_width="wrap_content"            android:text="美[fan‘ted]"            android:gravity="center_vertical"            android:textColor="#6C6C6C"            android:textSize="14sp"            android:layout_toRightOf="@id/image_btn_dict_horn_accent_usa"/>                    </RelativeLayout>

这是两个TextView ,释义的TextView使用了一个LayerList做背景,布局代码:

<LinearLayout         android:id="@+id/dict_interpret_divider"        android:layout_height="20dp"        android:layout_width="match_parent"        android:layout_marginLeft="10dp"        android:layout_below="@id/phonetic_bar"        android:orientation="horizontal">        <ImageView             android:layout_width="30dp"            android:layout_height="match_parent"            android:src="@drawable/right_cursor"/>        <TextView             android:layout_width="wrap_content"            android:layout_height="match_parent"            android:text="基本释义"            android:textSize="14sp"            android:textColor="#00A2DC"            android:gravity="center_vertical"/>            </LinearLayout>              <TextView         android:id="@+id/text_dict_interpret"        android:layout_below="@id/dict_interpret_divider"        android:layout_width="match_parent"        android:layout_margin="10dp"        android:layout_height="80dp"        android:background="@drawable/layer_list_dict_item_back"        android:padding="12dp"        android:text="不切实际的\nsrge了然于心fsfg"        android:textSize="14sp"        android:textColor="#3C3C3C"        android:lineSpacingMultiplier="1.2"/>
layer_list_dict_item_back  layerList位于drawable文件夹中,可搜索layerlist的使用方法学习
<?xml version="1.0" encoding="utf-8"?><layer-list xmlns:android="http://schemas.android.com/apk/res/android" >    <item >        <shape >            <corners android:radius="4dp"/>            <solid android:color="#D0D0D0"/>        </shape>    </item>    <item android:left="0.8dp" android:top="0dp" android:right="2dp" android:bottom="2dp">        <shape >            <corners android:radius="4dp"/>            <solid android:color="#FEFEFE"/>         </shape>    </item></layer-list>

 

这是一个ListView,它也采用了layerlist作背景。

<LinearLayout         android:id="@+id/dict_sentence_divider"        android:layout_height="20dp"        android:layout_width="match_parent"        android:layout_marginLeft="10dp"        android:layout_below="@id/text_dict_interpret"        android:orientation="horizontal">        <LinearLayout             android:layout_width="match_parent"            android:layout_height="match_parent"            android:layout_weight="2"            >            <ImageView                 android:layout_width="30dp"                android:layout_height="match_parent"                android:src="@drawable/right_cursor"/>            <TextView                 android:layout_width="wrap_content"                android:layout_height="match_parent"                android:text="例句"                android:textSize="14sp"                android:textColor="#00A2DC"                android:gravity="center_vertical"/>                    </LinearLayout>                <RelativeLayout             android:layout_height="match_parent"            android:layout_width="match_parent"            android:layout_weight="1">                        <ImageView                android:id="@+id/dict_jinshan_ico"                 android:layout_height="match_parent"                android:layout_width="30dp"                android:layout_alignParentRight="true"                android:layout_marginRight="15dp"                android:src="@drawable/jinshan_ico"/>            <TextView                 android:layout_height="match_parent"                android:layout_width="wrap_content"                android:gravity="bottom"                android:layout_toLeftOf="@id/dict_jinshan_ico"                android:text="supported by iCIBA"                android:textColor="#6C6C6C"                android:textSize="10sp"/>                    </RelativeLayout>                    </LinearLayout>           <ListView         android:id="@+id/listview_dict_sentence"        android:layout_below="@id/dict_sentence_divider"        android:layout_width="match_parent"        android:layout_marginTop="10dp"        android:layout_marginLeft="10dp"        android:layout_marginRight="10dp"        android:padding="12dp"         android:layout_height="wrap_content"        android:layout_alignParentBottom="true"        android:background="@drawable/layer_list_dict_item_back"        android:divider="#8C8C8C"        android:dividerHeight="0px"        >            </ListView>

 

设计好布局文件后,我们很容易理解各个控件的作用,接下来我们就要写Activity子类,用于实例化各个控件,设置监听器,实现各个按钮的功能。

在写Activity之前,首先就成员变量的命名做一个说明,因为个Activity中的控件很多,如果随便命名很容易混乱,这里我采用了一种根据属性和类命名的方法,大家可以参考:

比如 上面有一个“放大镜”的搜索按钮,这是一个ImageButton 同时它是属于DictActivity的,它的功能是开始查单词,那么就将这个ImageButton对象命名为:

           ImageButton  imageBtnDictSearch=(ImageButton)findViewById(R.id.image_btn_dict_search);

在设置布局文件后把id也设置成相同的名字,这样就不会搞混了,根据我的经验这种命名方式非常高效。

下面就给出DictActivity类:

package com.carlos.yueci;import java.security.KeyStore;import java.util.ArrayList;import java.util.Currency;import java.util.HashMap;import com.carlos.adapter.DictSentenceListAdapter;import com.carlos.database.DataBaseHelper;import com.carlos.music.Mp3Player;import com.carlos.yueci.R;import com.carlos.wordcontainer.Dict;import com.carlos.wordcontainer.WordValue;import android.app.Activity;import android.app.AlertDialog;import android.app.Dialog;import android.content.ContentValues;import android.content.Context;import android.content.Intent;import android.database.Cursor;import android.database.sqlite.SQLiteDatabase;import android.inputmethodservice.Keyboard.Key;import android.os.Bundle;import android.os.Handler;import android.os.Looper;import android.text.method.ScrollingMovementMethod;import android.view.KeyCharacterMap.KeyData;import android.view.KeyEvent;import android.view.View;import android.view.Window;import android.view.View.OnClickListener;import android.view.inputmethod.EditorInfo;import android.view.inputmethod.InputMethodManager;import android.widget.Button;import android.widget.EditText;import android.widget.ImageButton;import android.widget.ListView;import android.widget.RelativeLayout;import android.widget.TextView;import android.widget.Toast;import android.widget.TextView.OnEditorActionListener;public class DictActivity extends Activity{        public TextView textDictWord=null;    public TextView textDictPhonSymbolEng=null;    public TextView textDictPhonSymbolUSA=null;    public TextView textDictInterpret=null;    public ListView listViewDictSentence=null;    public ImageButton imageBtnDictAddToWordList=null;    public ImageButton imageBtnDictHornEng=null;    public ImageButton imageBtnDictHornUSA=null;    public ImageButton imageBtnDictSerach=null;    public ImageButton imageBtnDictBackToGeneral=null;    public ImageButton imageBtnDictDelteEditText=null;        public Button buttonDictDialogConfirm=null;    public Button buttonDictDialogCancel=null;        public EditText editTextDictSearch=null;        public Dict dict=null;        public WordValue w=null;        public DataBaseHelper dbGlossaryHelper=null;    public SQLiteDatabase dbGlossaryR=null;    public SQLiteDatabase dbGlossaryW=null;            public Mp3Player mp3Box=null;        public static String searchedWord=null;        public Handler dictHandler=null;        public void initial(){        textDictWord=(TextView) findViewById(R.id.text_dict_word);        textDictInterpret=(TextView)findViewById(R.id.text_dict_interpret);        textDictPhonSymbolEng=(TextView)findViewById(R.id.text_dict_phosymbol_eng);        textDictPhonSymbolUSA=(TextView)findViewById(R.id.text_dict_phosymbol_usa);        listViewDictSentence=(ListView)findViewById(R.id.listview_dict_sentence);                imageBtnDictAddToWordList=(ImageButton)findViewById(R.id.image_btn_dict_add_to_wordlist);        imageBtnDictBackToGeneral=(ImageButton)findViewById(R.id.image_btn_dict_back_to_general);        imageBtnDictHornEng=(ImageButton)findViewById(R.id.image_btn_dict_horn_accent_eng);        imageBtnDictHornUSA=(ImageButton)findViewById(R.id.image_btn_dict_horn_accent_usa);        imageBtnDictSerach=(ImageButton)findViewById(R.id.image_btn_dict_search);        imageBtnDictDelteEditText=(ImageButton)findViewById(R.id.image_btn_dict_delete_all);                        editTextDictSearch=(EditText)findViewById(R.id.edit_text_dict);        editTextDictSearch.setOnEditorActionListener(new EditTextDictEditActionLis());        dict=new Dict(DictActivity.this, "dict");        mp3Box=new Mp3Player(DictActivity.this, "dict");        dbGlossaryHelper=new DataBaseHelper(DictActivity.this, "glossary");        dbGlossaryR=dbGlossaryHelper.getReadableDatabase();        dbGlossaryW=dbGlossaryHelper.getWritableDatabase();                    dictHandler=new Handler(Looper.getMainLooper());                //对searchedWord进行初始化        Intent intent=this.getIntent();        searchedWord=intent.getStringExtra("word");        if(searchedWord==null)            searchedWord="";        //设置查找的文本        textDictWord.setText(searchedWord);    }            /**     * 该方法可能需要访问网络,因此放在线程里进行     * @param word     */    public void searchWord(String word){        //调用该方法后首先初始化界面        dictHandler.post(new RunnableDictSetTextInterface(searchedWord, "", "", "", null, null));        w=null;    //对w进行初始化        if(dict.isWordExist(word)==false){  //数据库中没有单词记录,从网络上进行同步                            if((w=dict.getWordFromInternet(word))==null ||w.getWord().equals("")){                return;            }                //错词不添加进词典            dict.insertWordToDict(w, true);   //默认添加到词典中        }//能走到这一步说明从网上同步成功,数据库中一定存在单词记录        w=dict.getWordFromDict(word);        if(w==null){             //这里又进一步做了保护,若词典中还是没有,那么用空字符串代替            w=new WordValue();        }        String searchStr=w.getWord();        String phoSymEng=w.getPsE();          String phoSymUSA=w.getPsA();        String interpret=w.getInterpret();        ArrayList<String> sentList=w.getOrigList();  //一定不会是null        ArrayList<String> sentInChineseList=w.getTransList();        dictHandler.post(new RunnableDictSetTextInterface(searchedWord, phoSymEng, phoSymUSA, interpret, sentList, sentInChineseList));        if(phoSymEng.equals("")==false && phoSymUSA.equals("")==false){    //只有有音标时才去下载音乐                        mp3Box.playMusicByWord(searchedWord, Mp3Player.ENGLISH_ACCENT, true, false);            mp3Box.playMusicByWord(searchedWord, Mp3Player.USA_ACCENT, true, false);                    }    }            public void setOnClickLis(){        imageBtnDictBackToGeneral.setOnClickListener(new IBDictBackToGeneralClickLis() );        imageBtnDictHornEng.setOnClickListener(new IBDictPlayMusicByAccentClickLis(Mp3Player.ENGLISH_ACCENT));        imageBtnDictHornUSA.setOnClickListener(new IBDictPlayMusicByAccentClickLis(Mp3Player.USA_ACCENT));        imageBtnDictAddToWordList.setOnClickListener(new IBDictAddWordToGlossaryClickLis());        imageBtnDictDelteEditText.setOnClickListener(new IBDictDeleteEditTextClickLis());        imageBtnDictSerach.setOnClickListener(new IBDictSearchClickLis());    }            public void showAddDialog(){        if(searchedWord==null)            return;        AlertDialog dialog=new AlertDialog.Builder(DictActivity.this).create();        dialog.show();        Window window=dialog.getWindow();        window.setContentView(R.layout.dialog_if_layout);        buttonDictDialogConfirm=(Button)window.findViewById(R.id.dialog_confirm);        buttonDictDialogCancel=(Button)window.findViewById(R.id.dialog_cancel);        buttonDictDialogConfirm.setOnClickListener(new BDictDialogConfirmClickLis(dialog));        buttonDictDialogCancel.setOnClickListener(new BDictDialogCancelClickLis(dialog));        TextView dialogText=(TextView)window.findViewById(R.id.dialog_text);        dialogText.setText("把"+searchedWord+"添加到单词本?");            }        public void insertWordToGlossary(){        if(w==null || w.getInterpret().equals("")){            Toast.makeText(DictActivity.this, "单词格式错误", Toast.LENGTH_SHORT).show();            return;                   //若是不是有效单词,那么将不能添加到单词本        }        boolean isSuccess=dbGlossaryHelper.insertWordInfoToDataBase(searchedWord, w.getInterpret(), false);        if(isSuccess){            Toast.makeText(DictActivity.this, "添加成功", Toast.LENGTH_SHORT).show();        }else{            Toast.makeText(DictActivity.this, "单词已存在", Toast.LENGTH_SHORT).show();        }    }        @Override    protected void onCreate(Bundle savedInstanceState) {        // TODO Auto-generated method stub        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_dict);                            initial();        setOnClickLis();                        new ThreadDictSearchWordAndSetInterface().start();                              }    @Override    protected void onStart() {        // TODO Auto-generated method stub        super.onStart();        mp3Box.isMusicPermitted=true;    }                @Override    protected void onPause() {        // TODO Auto-generated method stub        mp3Box.isMusicPermitted=false;        super.onPause();    }    public class ThreadDictSearchWordAndSetInterface extends Thread{        @Override        public void run() {            // TODO Auto-generated method stub            super.run();            searchWord(searchedWord);        }            }        public class RunnableDictSetTextInterface implements Runnable{        String searchStr=null;        String phoSymEng=null;        String phoSymUSA=null;        String interpret=null;        ArrayList<String> sentList=null;        ArrayList<String> sentInChineseList=null;                public RunnableDictSetTextInterface(String searchStr, String phoSymEng,                String phoSymUSA, String interpret, ArrayList<String> sentList,                ArrayList<String> sentInChineseList) {            super();            this.searchStr = searchStr;            this.phoSymEng = "英["+phoSymEng+"]";            this.phoSymUSA = "美["+phoSymUSA+"]";            this.interpret = interpret;            this.sentList = sentList;            this.sentInChineseList = sentInChineseList;        }        @Override        public void run() {            // TODO Auto-generated method stub            textDictWord.setText(searchStr);            textDictPhonSymbolEng.setText(phoSymEng);            textDictPhonSymbolUSA.setText(phoSymUSA);            textDictInterpret.setText(interpret);            if(sentList==null ||sentInChineseList==null){     //对链表为空进行防护            //    textDictSentence.setText("");                return;            }            int count=0;            if(sentList.size()<=sentInChineseList.size()){                count=sentList.size();            }else{                count=sentInChineseList.size();             //保护机制,这里取两者长度最小值,但一般二者长度相等            }            ArrayList<HashMap<String,Object>> list=new ArrayList<HashMap<String,Object>>();            for(int i=0; i<count;i++){    //            sb.append(sentList.get(i)+"\n"+sentInChineseList.get(i)+"\n\n");                HashMap<String,Object> map=new HashMap<String, Object>();                map.put("sentence", sentList.get(i)+"\n"+sentInChineseList.get(i));                list.add(map);            }    //        textDictSentence.setText(sb.toString());            DictSentenceListAdapter adapter=new DictSentenceListAdapter(DictActivity.this, R.layout.dict_sentence_list_item, list, new String[]{"sentence"}, new int[]{R.id.text_dict_sentence_list_item});            listViewDictSentence.setAdapter(adapter);                    }            }        class IBDictBackToGeneralClickLis implements OnClickListener{        @Override        public void onClick(View arg0) {            // TODO Auto-generated method stub            DictActivity.this.finish();                    }            }        class IBDictPlayMusicByAccentClickLis implements OnClickListener{        public int accentTemp=0;                public IBDictPlayMusicByAccentClickLis(int accentTemp) {            super();            this.accentTemp = accentTemp;        }        @Override        public void onClick(View arg0) {            // TODO Auto-generated method stub                        mp3Box.playMusicByWord(searchedWord, accentTemp, false, true);                    }            }        class IBDictAddWordToGlossaryClickLis implements OnClickListener{        @Override        public void onClick(View arg0) {            // TODO Auto-generated method stub            showAddDialog();        }            }        class IBDictDeleteEditTextClickLis implements OnClickListener{        @Override        public void onClick(View arg0) {            // TODO Auto-generated method stub            editTextDictSearch.setText("");        }            }        class BDictDialogConfirmClickLis implements OnClickListener{        AlertDialog dialog=null;        public BDictDialogConfirmClickLis(AlertDialog dialog){            this.dialog=dialog;        }        @Override        public void onClick(View arg0) {            // TODO Auto-generated method stub            insertWordToGlossary();            dialog.cancel();        }            }        class BDictDialogCancelClickLis implements OnClickListener{        AlertDialog dialog=null;        public BDictDialogCancelClickLis(AlertDialog dialog){            this.dialog=dialog;        }                @Override        public void onClick(View arg0) {            // TODO Auto-generated method stub            dialog.cancel();        }            }        class EditTextDictEditActionLis implements OnEditorActionListener{        @Override        public boolean onEditorAction(TextView arg0, int arg1, KeyEvent arg2) {            // TODO Auto-generated method stub            if(arg1==EditorInfo.IME_ACTION_SEARCH || arg2!=null&&arg2.getKeyCode()==KeyEvent.KEYCODE_ENTER){                startSearch();                return true;            }                        return false;        }            }            class IBDictSearchClickLis implements OnClickListener{        @Override        public void onClick(View arg0) {            // TODO Auto-generated method stub            startSearch();                    }            }        public void startSearch(){                String str=editTextDictSearch.getText().toString();        if(str==null || str.equals(""))            return;        searchedWord=str;        new ThreadDictSearchWordAndSetInterface().start();        InputMethodManager imm = (InputMethodManager)getSystemService(Context.INPUT_METHOD_SERVICE);        imm.hideSoftInputFromWindow(editTextDictSearch.getWindowToken(), 0);            }}

我把所有的findViewById全部放在了initial()方法中,方便调用;这个Activity类的主要目的就是给各个按钮设置监听器,这里对监听器类的命名我也做了一个统一的规定:

还是以“搜索”按钮为例:搜索按钮是一个ImageButton,是属于DictActivity类,是实现搜索功能,需要设置一个ClickListener,那么我们创建的一个OnClickListener实现类的名字就叫:             class       IBDictSearchClickLis   implements OnCLickListner{  };

 

这里还涉及到使用AlertDialog  ,关于使用方法可以百度之,比较简单,其余部分都是利用我前面介绍的5个后台类进行对单词的操作,各个函数的功能都有注释。

另外要注意在子线程中是不能操作UI的,这里需要DictActivity实例化一个Handler对象,通过Runnable向UI发送信息,不推荐用Message

这里单词的例句使用到了ListView,关于ListView 可以参考我去年写的两篇关于ListView的教程:

http://www.cnblogs.com/carlos-vic/p/Carlos_V_Android_5.html

http://www.cnblogs.com/carlos-vic/p/Carlos_V_Android_6.html

这里进把基本ListView所需要的ListItem的布局文件和适配器BaseAdapter贴上来,最最基本的一个ListView:

listItem布局文件:

<?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="wrap_content"     android:orientation="vertical"     android:paddingTop="8dp"     android:paddingBottom="8dp"     android:paddingLeft="3dp"     android:paddingRight="3dp"     android:background="@drawable/list_item_sentence_back" >        <TextView         android:id="@+id/text_dict_sentence_list_item"        android:layout_width="match_parent"        android:layout_height="wrap_content"        android:gravity="center_vertical"        android:textColor="#3C3C3C"        android:textSize="14sp"/>    </LinearLayout>

适配器类:

package com.carlos.adapter;import java.util.ArrayList;import java.util.HashMap;import android.content.Context;import android.view.LayoutInflater;import android.view.View;import android.view.ViewGroup;import android.widget.BaseAdapter;import android.widget.TextView;public class DictSentenceListAdapter extends BaseAdapter{        private Context context=null;    private int resources;    private ArrayList<HashMap<String,Object>> list=null;    private String[] from;    private int[] to;            /**     * 这里仿照的是SimpleAdapter的形参列表     * @param context     * @param Resources     * @param list     * @param from     * @param to     */        public DictSentenceListAdapter(Context context, int resources,            ArrayList<HashMap<String, Object>> list, String[] from, int[] to) {        super();        this.context = context;        this.resources = resources;        this.list = list;        this.from = from;        this.to = to;    }    @Override    public int getCount() {        // TODO Auto-generated method stub        return list.size();    }    @Override    public Object getItem(int arg0) {        // TODO Auto-generated method stub        return null;    }    @Override    public long getItemId(int arg0) {        // TODO Auto-generated method stub        return arg0;    }    @Override    public View getView(int position, View contentView, ViewGroup arg2) {        // TODO Auto-generated method stub        LayoutInflater inflater=LayoutInflater.from(context);        contentView=inflater.inflate(resources, null);        TextView text=(TextView)contentView.findViewById(to[0]);        text.setText((String)(list.get(position).get(from[0])));        return contentView;    }}

 

  这样,“悦词-i背单词”应用的查单词功能就完全实现了,另外这里的布局文件中用到了很多背景资源,

等所有UI搭建完成后我会把资源文件上传上来,今天的教程就到这里了~

 

 

 

 

 

 



 

和我一起开发Android应用(三)——“悦词-i背单词”词典功能实现