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

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

2015-06-26 11:43 10人阅读 评论(0) 收藏 举报

运行结果的图片：

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

第二步：入手程序

接下来建立一个布局xml代码如下：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
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>

有些同学也许在用webview控件的时候会出现问题：

第一种方法：

1在要Activity中实例化WebView组件：WebView webView = new WebView(this);

2.调用WebView的loadUrl()方法，设置WevView要显示的网页：   互联网用：webView.loadUrl("http://www.google.com");   本地文件用：webView.loadUrl("file:///android_asset/XX.html"); 本地文件存放在：assets 文件中

3.调用Activity的setContentView( )方法来显示网页视图

4.用WebView点链接看了很多页以后为了让WebView支持回退功能，需要覆盖覆盖Activity类的onKeyDown()方法，如果不做任何处理，点击系统回退剪键，整个浏览器会调用finish()而结束自身，而不是回退到上一页面

5.需要在AndroidManifest.xml文件中添加权限，否则会出现Web page not available错误。   <uses-permission android:name="android.permission.INTERNET" />

第二种方法：

1、在布局文件中声明WebView

2、在Activity中实例化WebView

3、调用WebView的loadUrl( )方法，设置WevView要显示的网页

4、为了让WebView能够响应超链接功能，调用setWebViewClient( )方法，设置 WebView视图

5、用WebView点链接看了很多页以后为了让WebView支持回退功能，需要覆盖覆盖Activity类的onKeyDown()方法，如果不做任何处理，点击系统回退剪键，整个浏览器会调用finish()而结束自身，而不是回退到上一页面

6、需要在AndroidManifest.xml文件中添加权限，否则出现Web page not available错误。

<uses-permission android:name="android.permission.INTERNET"/>

其次是主类YouDao.java：

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("");
      }
    });
  }
}

</pre><p> </p><pre class="java" name="code">

 

搜索