接上一讲。本节我们把词典功能基本实现,首先上一个效果图,我发现大家比较关心界面方面的东西,我之前写的一个关于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搭建完成后我会把资源文件上传上来,今天的教程就到这里了~