WebView控件应用——模仿URL有道词典

最新推荐文章于 2024-04-11 11:34:18 发布
最新推荐文章于 2024-04-11 11:34:18 发布
阅读量597 收藏 1
点赞数 1
分类专栏： Android 文章标签： android 有道词典 webview url
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zsh157621866651/article/details/46654365
版权

一、项目开发

    1、开发介绍

                本项目是用WebView控件模仿网上有道词典，WebSettings中有很多关于WebView的设置，这里列出几个常用的方法：

   1）、//得到WebSettings对象，设置支持JavaScript的参数  

webView.getSettings().setJavaScriptEnabled(true);   

   2）、//设置可以支持缩放   

webView.getSettings().setSupportZoom(true);   

   3）、//设置默认缩放方式尺寸是far   

webView.getSettings().setDefaultZoom(WebSettings.ZoomDensity.FAR);   

   4）、//设置出现缩放工具   

webView.getSettings().setBuiltInZoomControls(true);  

          WebViewClient, WebViewClient，作用是帮助WebView处理各种通知、请求事件的，其中常用的方法：

                                 onLoadResource：加载对应网址的资源。


                                 onPageStart：开始加载网页。


                                 onPageFinish：加载网页完毕。


                                 onReceiveError：报告错误信息。


                                shouldOverrideUrlLoading：在WebView显示网页。

2、项目运行效果图

  


二、编写项目讲解

     1、项目文件

         

                 

        2、项目布局文件activity.xml修改代码如下：

                   

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/LinearLayout1"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".MainActivity" >
<LinearLayout 
        android:layout_weight="5"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="#5C4033"
        android:gravity="center"
        android:orientation="horizontal">

    <EditText
        android:id="@+id/etWord"
        android:layout_width="wrap_content"
        android:layout_height="51dp"
        android:background="@drawable/shape_et"
        android:ems="9"
        android:hint="请输入查询词语" >

        <requestFocus />
    </EditText>

    <Button
        android:id="@+id/btnSelect"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@drawable/shape_yes"
        android:text="查询" />

    <Button
        android:id="@+id/btnDelete"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@drawable/shape_no"
        android:text="取消" />

</LinearLayout>

<LinearLayout
    android:layout_weight="1"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

    <WebView
        android:id="@+id/wvShow"
        android:layout_width="match_parent"
        android:layout_height="match_parent" 
        android:textAppearance="?android:attr/textAppearanceMedium"
        android:textSize="25sp" 
        />
    
</LinearLayout>
</LinearLayout>

  

其中的布局中 shape_et.xml,shape_yes.xml,shape_no.xml文件修改如下：

shape_et.xml:

     

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >
    <solid   android:color="#00ff00ff"/> 
    <corners android:radius="8px"/> 
    <stroke  android:color="#E47833"  
            android:width="2px"  
        /> 

</shape>


</pre><p><span style="font-size:18px;">shape_yes.xml:</span></p><span style="font-size:18px;"></span><pre class="java" name="code"><?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >
    <solid   android:color="#00ff00ff"/> 
    <corners android:radius="8px"/> 
    <stroke  android:color="#32CD32"  
            android:width="2px"  
        /> 

</shape>


shape_no.xml:

     

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >
    <solid   android:color="#00ff00ff"/>  
    <corners android:radius="8px"/>  
    <stroke  android:color="#FF0000"  
            android:width="2px"  
        />   

</shape>

     3、修改MianActivity.xml文件如下：

          

package cn.edu.bzu.example.webview;

import android.os.Bundle;
import android.app.Activity;
import android.view.Menu;
import android.view.View;
import android.view.Window;
import android.webkit.WebView;
import android.webkit.WebViewClient;
import android.widget.Button;
import android.widget.EditText;
import android.widget.Toast;

public class MainActivity extends Activity {
	private EditText etWord;
	private Button btnYes,btnNo;
	private WebView wvWord;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        //去除标题
        requestWindowFeature(Window.FEATURE_NO_TITLE);
        setContentView(R.layout.activity_main);
        findBy();
        //查询按钮添加事件
	    btnYes.setOnClickListener(new Button.OnClickListener()
	    {
	      public void onClick(View arg0)
	        {
	          String strURI = (etWord.getText().toString());
	          strURI = strURI.trim();
	          //如果查询内容为空提示
	          if (strURI.length() == 0)
	          {
	            Toast.makeText(MainActivity.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;
	          //设置WebView属性，能够执行JavaScript脚本
			    wvWord.getSettings().setJavaScriptEnabled(true);
			    //设置web视图客户端
			    wvWord.setWebViewClient(new MyWebViewClient());
	            wvWord.loadUrl(strURL);
	          }
	        }
	    });
	    //http://dict.youdao.com/m/search?keyfrom=dict.mindex&q=happy
	    //清空按钮添加事件，将EditText置空
	    btnNo.setOnClickListener(new Button.OnClickListener()
	    {
	      public void onClick(View v)
	      {
	        etWord.setText("");
	      }
	    });

    }


    private void findBy() {
		// TODO Auto-generated method stub
		etWord=(EditText) findViewById(R.id.etWord);
		btnYes=(Button) findViewById(R.id.btnSelect);
		btnNo=(Button) findViewById(R.id.btnDelete);
	    wvWord = (WebView) findViewById(R.id.wvShow);
	}
     //web视图
  	 class MyWebViewClient extends WebViewClient
  	{
  	    public boolean shouldOverviewUrlLoading(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;
    }
	//2、Button的OnClick方法
	/*private void btnYesClick(View view) {
          String strURI = etWord.getText().toString();
          strURI = strURI.trim();
          //如果查询内容为空提示
          if (strURI.length() == 0)
          {
            Toast.makeText(MainActivity.this, "查询内容不能为空!", Toast.LENGTH_LONG)
                .show();
          }
          //否则则以参数的形式从http://dict.youdao.com/m取得数据，加载到WebView里.
          else
          {
        	  //String strURL = "http://www.baidu.com";
            String strURL = "http://dict.youdao.com/m/search?keyfrom=dict.mindex&q="
              + strURI;
            wvWord.loadUrl(strURL);
          }

	}
    @SuppressWarnings("unused")
	private void btnNoClick(View View) {
    	etWord.setText("");
	}*/
}


注意：在文件AndroidManifest.xml文件中加入获取联网权限，代码如下：

<!--  获取联网权限-->
<uses-permission android:name="android.permission.INTERNET"/>




     


饕餮幻想家
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
WebView控件——模仿Url的有道词典资源
06-26
压缩包是WebView控件项目的压缩包，项目代码简单可以在博客中查看 也可下载此资源包！多多提意见哦 欢迎提问！
有道词典Demo(WebView)
lz155的博客
07-08 320
学习了WebView组件，写了一个有道词典的小案例         效果图如下： :             源码下载地址：https://coding.net/u/gxs1225/p/YouDaoDictionary/git 代码如下： 布局 activity_main.xml RelativeLayout xmlns:android="http://sche
WebView实现有道词典
u013012266的专栏
07-02 436
有道词典的实现开发目的：用webview实现有道词典的查询功能； 效果图：布局文件：<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_p
使用android的webview控件访问有道词典的url
like_3306的博客
06-30 585
使用android的webview控件访问有道词典的url 思考: 1.我们要访问的url是什么2.通过什么访问3.访问完后怎样将它显示到我们的webview控件上去 实现: 1.URL是uniform resource locator，统一资源定位器，它是一种具体的URI，即URL可以用来标识一个资源，而且还指明了如何locate这个资源。 例如:http://dict.youdao.com/m
有道词典爬虫
Joovo的博客
12-11 1814
文章目录有道词典爬虫代码实现 有道词典爬虫 构造url对单个单词的释义及例句进行爬虫。 查询界面不需要登陆操作，用 GET 方法获取源代码。 对于上图所示的单词查询界面，简单地对单词’scene’ 进行替换即可。 很久没有用xpath解析，有点生疏。 从审查元素可以看到每个例句都被&lt;div class='ol'&gt;包含 ，遍历他的子节点即可。 代码实现 import requests...
Android组件WebView编写有道词典小案例分享
09-02
主要为大家分享了Android组件WebView编写有道词典小案例，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
练习：WebView控件使用（链接有道词典查单词）
06-24
练习：WebView控件使用（链接有道词典查单词）
Android网易有道词典案例源码分享
01-04
一、相关知识 SearchView控件： 以下是几个简单网址：SearchView简单...WebView控件： （巧妙使用该控件可以开发出很多有创意的应用，而且特别简单） 二、实验步骤 在Activity_main XML中 <?xml version=1.0 encod
爬虫--3.1实战案例：爬取有道词典，完整版代码，解决url中_o问题(防反爬)
Amanda_python的博客
11-26 549
// An highlighted block var foo = 'bar'; // An highlighted block var foo = 'bar'; // An highlighted block var foo = 'bar'; // An highlighted block var foo = 'bar'; // An highlighted block var foo = 'bar'; // An highlighted block var foo = 'bar'; // A
有道词典网页版接口分析与爬虫研究
最新发布
zhu6201976的博客
04-11 571
有道词典网页版接口分析与爬虫研究
Python破解有道词典-请求有道URL
Python学习部落
08-29 936
适用人群1、想学习爬虫的。2、想学习如何破解反爬虫机制的。课程概述1、介绍了普通的爬虫方式。2、介绍了如何攻破有道翻译的反爬虫机制。3、制作属于自己的GUI有道词典。 ...
WebView调用有道词典实现在线查词
羞答答的玫瑰静悄悄地开
07-03 2076
WebView(网络视图)能加载显示网页，可以将其视为一个浏览器。它使用了WebKit渲染引擎加载显示网页，使用方法很简单，直接在ＸＭＬ文件中写入webview控件即可，主要代码如下： <AbsoluteLayout xmlns:android="http://schemas.android.com/apk/res/android" 　　android:layout_width="mat
调用有道词典查询单词
aa77sd的博客
06-30 1402
1:建立activity_main.xml，代码如下： http://schemas.android.com/apk/res/android"     xmlns:tools="http://schemas.android.com/tools"     android:layout_width="match_parent"     android:layout_height="match_
WebView实现文件下载功能
weixin_34138056的博客
04-15 582
2019独角兽企业重金招聘Python工程师标准>>> ...
Android——SharedPreferences实现登录界面的记住密码和自动登录功能
张圣华的博客
06-06 6245
一、项目开发 1、项目运行效果图 2、开发概要        主要功能SharedPreferences介绍，其是Android平台上一个轻量级的存储类，用来保存应用的一些常用配置，比如Activity状态，Activity暂停时，将此activity的状态保存到SharedPereferences中；当Activity重载，系统回调方法onSaveInstanceState时，再从Sh
左右滑动切换图片
张圣华的博客
06-17 5968
运行效果图 修改布局文件activity_main.xml: <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:id="@+id/Linear
Drag---长按控件进行拖动
张圣华的博客
06-02 2143
运行效果图: 自定义的控件,新建一个被拖动View控件,Dragging.java: import android.content.Context; import android.util.AttributeSet; import android.view.View; //自定义的View类型的子类,作为被拖动View public class Dragging e
AlertDialog----确认单击物理键退出对话框
张圣华的博客
05-30 2088
单击物理键,退出确认弹出对话框,对于误点起到更好的保护作用,还有自定义的弹出框效果
Menu菜单的使用
张圣华的博客
11-16 1984
结合网上资料,文档整理一下自己的理解. 运行效果图: 修改res/menu/main.xml,如下: ifRoom表示：如果有空间，就显示出来。withText表示：只显示文本.always表示显示在标题栏 <menu xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="
android studio webview控件
08-18
WebView是Android提供的用于在应用程序中显示Web页面的控件。它允许你将网页内容嵌入到你的应用程序中，并与之交互。以下是一些常见的操作： 1. 在XML布局文件中添加WebView控件： ```xml <WebView android:id="@+...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

饕餮幻想家

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值