• 和我一起开发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="不切实际的
    srge了然于心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="不切实际的
    srge了然于心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)+"
    "+sentInChineseList.get(i)+"
    
    ");
                    HashMap<String,Object> map=new HashMap<String, Object>();
                    map.put("sentence", sentList.get(i)+"
    "+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搭建完成后我会把资源文件上传上来,今天的教程就到这里了~



  • 相关阅读:
    数据库之01-数据库概述
    Bootstrap框架
    jQuery
    补充:html速查表
    BOM,DOM相关案例
    BOM,DOM
    函数,词法分析,内置对象和方法
    前端 之 JaveScript 基础语法: 数据类型; 运算符; 数据转换; 流程控制; 常用内置对象;
    favicon.ioc使用以及注意事项
    redux-undo
  • 原文地址:https://www.cnblogs.com/carlos-vic/p/YueCi_3.html
Copyright © 2020-2023  润新知