******Android应用实例之有道辞典(WebView) **********

******Android应用实例之有道辞典(WebView) **********

1.编写有道辞典，进行中英翻译

(1).项目目录如图所示

（2）运行结果如图所示

2.通过布局layout和Mainactivity实现运行的结果，达到目的

（1）布局如下：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"

    xmlns:tools="http://schemas.android.com/tools"

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    android:background="@drawable/mainbg"

    android:paddingBottom="@dimen/activity_vertical_margin"

    android:paddingLeft="@dimen/activity_horizontal_margin"

    android:paddingRight="@dimen/activity_horizontal_margin"

    android:paddingTop="@dimen/activity_vertical_margin"

    tools:context=".MainActivity" >

 

    <EditText

        android:id="@+id/etWord"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_alignParentLeft="true"

        android:layout_alignParentTop="true"

        android:layout_marginTop="27dp"

        android:background="@android:drawable/edit_text"

        android:ems="10"

        android:singleLine="true"

        android:textColor="#552006"

        android:textColorHint="#782f10" >

 

        <requestFocus />

    </EditText>

 

    <Button

        android:id="@+id/btnSearch"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_alignRight="@+id/tvSearchResult"

        android:layout_alignTop="@+id/etWord"

        android:background="@drawable/ibsearchword"

        android:onClick="search" />

 

    <WebView

        android:id="@+id/wvSearchResult"

        android:layout_width="match_parent"

        android:layout_height="match_parent"

        android:layout_alignLeft="@+id/etWord"

        android:layout_below="@+id/etWord"  

        android:layout_marginTop="22dp"

        android:background="@drawable/bg_roundcorner"

        android:textAppearance="?android:attr/textAppearanceMedium"

        android:textSize="25sp" />

 

</RelativeLayout>

从界面看一共用了三个控件EditText,Button,WebView。其实是四个，是当我们查询内容为空的时候用来提示的Toast控件。我们在EditText输入查询内容，这里包括中文，英文。然后通过参数的形式，从http://dict.youdao.com/m取出数据把结果存放在WebView里。

(2)主类YoudaoDAO代码如下：

package AndroidApplication.Instance;

import android.app.Activity;

import android.os.Bundle;

import android.view.View;

import android.webkit.WebView;

import android.widget.Button;

import android.widget.EditText;

import android.widget.Toast;

 

public class YouDao extends Activity

{

  //查询按钮申明

  private Button myButton01;

  //清空按钮申明

  private Button myButton02;

  //输入框申明

  private EditText mEditText1;

  //加载数据的WebView申明

  private WebView mWebView1;

  

  public void onCreate(Bundle savedInstanceState)

  {

    super.onCreate(savedInstanceState);

    setContentView(R.layout.main);

    //获得布局的几个控件

    myButton01 = (Button)findViewById(R.id.myButton01);

    myButton02 = (Button) findViewById(R.id.myButton02);

    mEditText1 = (EditText) findViewById(R.id.myEditText1);

    mWebView1 = (WebView) findViewById(R.id.myWebView1);

    //查询按钮添加事件

    myButton01.setOnClickListener(new Button.OnClickListener()

    {

      public void onClick(View arg0)

        {

          String strURI = (mEditText1.getText().toString());

          strURI = strURI.trim();

          //如果查询内容为空提示

          if (strURI.length() == 0)

          {

            Toast.makeText(YouDao.this, "查询内容不能为空!", Toast.LENGTH_LONG)

                .show();

          }

          //否则则以参数的形式从http://dict.youdao.com/m取得数据，加载到WebView里.

          else

          {

            String strURL = "http://dict.youdao.com/m/search?keyfrom=dict.mindex&q="

                + strURI;

            mWebView1.loadUrl(strURL);

          }

        }

    });

   //http://dict.youdao.com/m/search?keyfrom=dict.mindex&q=happy

    //清空按钮添加事件，将EditText置空

    myButton02.setOnClickListener(new Button.OnClickListener()

    {

      public void onClick(View v)

      {

        mEditText1.setText("");

      }

    });

  }

}

MainActivity代码如下：

package com.example.happydictionary;

import android.R.bool;
import android.app.Activity;
import android.os.Bundle;
import android.text.TextUtils;
import android.view.Menu;
import android.view.View;
import android.webkit.WebView;
import android.widget.EditText;
import android.widget.TextView;
import android.widget.Toast;

import com.example.happydictionary.dao.WordDao;

public class MainActivity extends Activity {
 private WordDao wordDao;
 private EditText etWord;
 private TextView tvResult;
 private WebView wvResult;

 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_main);

  initViews();
 }

 private void initViews() {
  etWord = (EditText) findViewById(R.id.etWord);
  tvResult = (TextView) findViewById(R.id.tvSearchResult);
  wvResult.getSettings().setJavaScriptEnabled(true);
  wvResult.setWebViewClient(new webViewwClient(){
   public boolean shouldOverrideUrlLoading(Webview view,String url){
    view.loadUrl(url);
    return true;
   }
  })
 }

 @Override
 public boolean onCreateOptionsMenu(Menu menu) {
  // Inflate the menu; this adds items to the action bar if it is present.
  getMenuInflater().inflate(R.menu.main, menu);
  return true;
 }

 public void searchWord(View view) {
  String word = etWord.getText().toString();
  //wordDao = new WordDao(this);
  if (TextUtils.isEmpty(word)) {
   Toast.makeText(this, "查询内容不能为空！", Toast.LENGTH_LONG).show();
  } else {
   final String strUrl="http://dict.youdao.com/m/search?keyfrom=dict.mindx&ventdor=&q="
     +word;
   wvResult.loadUrl(strUrl);
  }
 }

}