Android网页浏览器的开发

摘要:
Android web浏览器的核心部件是包含WebKit的WebView。

Android网页浏览器的核心Widget是包含了WebKit的WebView。

首先,布局文件activity_main.xml:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical"
    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" >

    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="40dp"
        android:gravity="center" >

        <Button
            android: 
            android:layout_width="wrap_content"
            android:layout_height="fill_parent"
            android:layout_weight="1"
            android:text="<<" />

        <Button
            android: 
            android:layout_width="wrap_content"
            android:layout_height="fill_parent"
            android:layout_weight="1"
            android:text="<" />

        <Button
            android: 
            android:layout_width="wrap_content"
            android:layout_height="fill_parent"
            android:layout_weight="1"
            android:text=">" />

        <Button
            android: 
            android:layout_width="wrap_content"
            android:layout_height="fill_parent"
            android:layout_weight="1"
            android:text=">>" />

    </LinearLayout>

    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="40dp" >

        <EditText
            android: 
            android:layout_width="wrap_content"
            android:layout_height="fill_parent"
            android:layout_weight="5"
            android:ems="10"
            android:singleLine="true" >

            <requestFocus />
        </EditText>

        <Button
            android: 
            android:layout_width="wrap_content"
            android:layout_height="fill_parent"
            android:text="GO" />

    </LinearLayout>

    <WebView
        android: 
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_weight="1" />

</LinearLayout>

布局文件相对简单,包含了几个Button,一个EditText,一个WebView。

Java文件MainActivity.java:

package com.hzhi.mybrowser;

import android.os.Bundle;
import android.app.Activity;
import android.graphics.Bitmap;
import android.view.Menu;
import android.view.View;
import android.view.View.OnClickListener;
import android.webkit.WebView;
import android.webkit.WebViewClient;
import android.widget.Button;
import android.widget.EditText;

public class MainActivity extends Activity implements OnClickListener{
	
	// 控件
	Button btnEar;
	Button btnPre;
	Button btnNext;
	Button btnLast;
	EditText edtUrl;
	Button btnGo;
	WebView webMain;
	
	// URL
	String strUrl;
	
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		// 获得控件
		getCon();
		webMain.setWebViewClient(new MyWebViewClient());
	}

	@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 getCon(){
		btnEar = (Button) findViewById(R.id.btnEar);
		btnPre = (Button) findViewById(R.id.btnPre);
		btnNext = (Button) findViewById(R.id.btnNext);
		btnLast = (Button) findViewById(R.id.btnLast);
		edtUrl = (EditText) findViewById(R.id.edtUrl);
		btnGo = (Button) findViewById(R.id.btnGo);
		webMain = (WebView) findViewById(R.id.webMain);
		
		btnEar.setOnClickListener(this);
		btnPre.setOnClickListener(this);
		btnNext.setOnClickListener(this);
		btnLast.setOnClickListener(this);
		edtUrl.setOnClickListener(this);
		btnGo.setOnClickListener(this);
		
		// 设置JavaScript可用
		webMain.getSettings().setJavaScriptEnabled(true);
		webMain.setScrollBarStyle(View.SCROLLBAR_POSITION_DEFAULT);
	}

	@Override
	public void onClick(View v) {
		if (v==btnEar)
		{
			if (webMain.canGoBackOrForward(-2)){
				webMain.goBackOrForward(-2);
			}
		}
		else if (v==btnPre)
		{
			if (webMain.canGoBack()){
				webMain.goBack();
			}			
		}
		else if (v==btnNext)
		{
			if (webMain.canGoForward()){
				webMain.goForward();
			}
		}
		else if (v==btnLast)
		{
			if (webMain.canGoBackOrForward(2)){
				webMain.goBackOrForward(2);
			}
		}
		else if (v==edtUrl)
		{
			
		}
		// 下载网页
		else if (v==btnGo)
		{
			strUrl = edtUrl.getText().toString();
			webMain.loadUrl("http://" + strUrl);
		}
	}
	
	// WebViewClient的处理类
	class MyWebViewClient extends WebViewClient {
		@Override
		public void doUpdateVisitedHistory(WebView view, String url, boolean isReload) {
			btnPre.setEnabled(webMain.canGoBack());
			btnNext.setEnabled(webMain.canGoForward());
		}
		@Override
		public void onPageFinished(WebView view, String url) {
			if (webMain.getTitle() != null) {
				MainActivity.this.setTitle(webMain.getTitle());
			}
		}
		@Override
		public void onPageStarted(WebView view, String url, Bitmap favicon) {
			MainActivity.this.setTitle(url);
			edtUrl.setText(url);
			btnPre.setEnabled(webMain.canGoBack());
			btnNext.setEnabled(webMain.canGoForward());
		}
	}

}

Java文件主要是对WebView控件的操作。其中MyWebViewClient继承自WebViewClient,有更新网页访问历史(onUpdateVisitedHistory)、网页结束(onPageFinished)、网页开始(onPageStarted)等几个函数。

WebView.setWebViewClient(new MyWebViewClient())表示new一个MyWebViewClient实例作为浏览器,如果没有这行代码,会以Android系统已安装的浏览器浏览网页。

单击GO按钮时,使用loadUrl函数访问网页。

最后,在Manifest文件里面加上访问网络的android.permission.INTERNET权限,否则无法打开网页。

运行效果。

Android网页浏览器的开发第1张

免责声明:文章转载自《Android网页浏览器的开发》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇VS中设置版本号自动递增Mac系统配置gradle的系统环境变量下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

Android集成友盟facebook分享

在项目中需要将图片和视频分享到社交平台,所以集成了友盟分享。在集成facebook分享的时候走了不少弯路,现在将过程记录下来。 1.先将友盟facebook的jar包复制到项目的libs文件夹下。 2.在facebook开发者平台(需要有开发者账号)注册Facebook 应用编号,选择添加新应用,选择Android。 输入应用名称。 添加完成后在菜...

SWFUpload 按钮显示问题

问题: 今天遇到一个这样的问题,我用Vs2010打开用SWFUpload上传文件的网页时,按钮显示不出来,试了好多方法,终于被我找到了! 解决方法: 原来是vs2010自带的Asp.net Development Server 浏览的问题, 只要把网页发布到IIS上运行就没有问题了,记录下来,以防以后出现类似的问题!...

qt 5 小练习 纯代码制作自定义按钮

大家都知道QT设计师中直接拖动的按钮是长方形带有圆角的图案,那我们如何来设置自定义按钮呢 要设计一个按钮,我们必须要知道按钮有什么属性,首先,按钮必须有一个位置 第二,按钮必须有一个名称。还有当我们点击按钮时他会做出什么样的反应。所以我们定义两个类, 一个QRect _rect; (或者QPoint 更为贴切吧) 第二个是 QString _text; 既...

Flutter应用开发之webview_flutter插件

简介 在移动应用开发中,经常会遇到加载网页的需求,打开网页通常有两种方式,即在应用内使用内置的组件打开和使用系统自带的浏览器打开。不过,在Flutter应用开发中,由于官方并没有提供类似Webview的网页加载组件,所以如果项目中涉及网页加载需要使用第三方插件库,如webview_flutter、flutter_webview_plugin等。 其中,we...

Android控件重叠显示小记

方案一 利用布局控件显示优先级 在xml中RelativeLayout,FrameLayout,靠后的控件显示在上层。 利用margin属性 margin属性可以控制控件间的距离,属性值为正值时,越大离得越远,越小则离得越近。 所以可以通过给android:layout_marginTop ,android:layout_marginBottom, a...

qt 5 界面美化

大家都知道,用UI做起界面来非常方便,但是如果我们不熟练他的操作的话,做起来也会有不少布局的麻烦, 所以,我打算写一篇文章来记录自己参考大牛用代码写界面的文章,感谢百度,感谢各位QT大牛的帮助。 所谓代码布局,无非用到的是qss样式表,它与css样式表的语法形式差不多,下面废话不多说,直接进入正题。 由于,QT自带的窗口,不是那么美观,所以我之前写过一篇,...