Android组件WebView编写有道词典小案例分享

Neoma ·

更新时间:2024-09-21

· 631 次阅读

最近学习了WebView组件，写了一个有道词典的小案例，分享给大家，供大家参考，具体内容如下
效果图：

源码下载：https://coding.net/u/gxs1225/p/YouDaoDictionary/git

代码如下：
布局

activity_main.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>
 <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" />
 <Button
  android:id="@+id/btnSearch"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:layout_above="@+id/wvSearchResult"
  android:layout_alignParentRight="true"
  android:background="@drawable/ibsearchword"
  android:onClick="searchWord" />
</RelativeLayout>

MainActivity.java


package com.example.youdaodictionary;
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.webkit.WebViewClient;
import android.widget.EditText;
import android.widget.Toast;
public class MainActivity extends Activity {
 private EditText etWord;
 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);
  wvResult = (WebView) findViewById(R.id.wvSearchResult);
  wvResult.setWebViewClient(new WebViewClient() {
   @Override
   public boolean shouldOverrideUrlLoading(WebView view, String url) {
    view.loadUrl(url);
    return true;
   }
  });
 }
 @Override
 public boolean onCreateOptionsMenu(Menu menu) {
  getMenuInflater().inflate(R.menu.main, menu);
  return true;
 }
 public void searchWord(View view) {
  String word = etWord.getText().toString();
  if (TextUtils.isEmpty(word)) {
   Toast.makeText(this, "查询内容不能为空!", Toast.LENGTH_LONG).show();
  } else {
   final String strUrl = "http://dict.youdao.com/m/search?keyfrom=dict.mindex&vendor=&q="
     + word;
   wvResult.loadUrl(strUrl);
  }
 }
}

更多精彩内容大家可以参考专题进行学习：《Android组件WebView使用案例汇总》

您可能感兴趣的文章:基于Android的英文词典的实现方法Android 有道词典的简单实现方法介绍Android网易有道词典案例源码分享

有道 webview Android

1024 个赞