Android实现网页的放大与缩小

以前实现打开某一网的功能都是调用系统内的浏览器，这个实例实现的是利用Webview控件实现网页的打开，放大与缩小的功能。

实现的截图如下：

正常模式的大小：

放大网页：

缩小网页：

实现这个例子的代码如下：

package irdc.ex08_22;import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.webkit.WebSettings;
import android.webkit.WebView;
import android.webkit.WebViewClient;
import android.widget.Button;
import android.widget.EditText;public class EX08_22 extends Activity
{public static String TAG = "HIPPO_DEBUG";private EditText mEditText01;private Button mButton01,mButton02,mButton03,mButton04;private WebView mWebView01;private WebSettings mWebSettings01;/** Called when the activity is first created. */@Overridepublic void onCreate(Bundle savedInstanceState){super.onCreate(savedInstanceState);setContentView(R.layout.main);mEditText01 = (EditText)this.findViewById(R.id.myEditText1);mEditText01.setText("http://www.csdn.net/");mButton01 = (Button)this.findViewById(R.id.myButton1);mButton02 = (Button)this.findViewById(R.id.myButton2);mButton03 = (Button)this.findViewById(R.id.myButton3);mButton04 = (Button)this.findViewById(R.id.myButton4);mWebView01 = (WebView)this.findViewById(R.id.myWebView1);mWebSettings01 = mWebView01.getSettings();mWebSettings01.setJavaScriptEnabled(true);// AppCacheMaxSize in 512 KB = 524288 bytesmWebSettings01.setAppCacheMaxSize(524288);// Tell the WebView to enable Application CachesmWebSettings01.setAppCacheEnabled(true);// 延含学习setAppCachePath()指定缓存路径//mWebSettings01.setDatabaseEnabled(true); //mWebSettings01.setDatabasePath("/data/data/com.package.name/databases");mButton01.setOnClickListener(new Button.OnClickListener(){@Overridepublic void onClick(View v){// TODO Auto-generated method stubmWebView01.loadUrl(mEditText01.getText().toString());}});mButton02.setOnClickListener(new Button.OnClickListener(){@Overridepublic void onClick(View v){// TODO Auto-generated method stub//放大网页mWebSettings01.setDefaultZoom(WebSettings.ZoomDensity.CLOSE);}});mButton03.setOnClickListener(new Button.OnClickListener(){@Overridepublic void onClick(View v){// TODO Auto-generated method stub//正常网页大小mWebSettings01.setDefaultZoom(WebSettings.ZoomDensity.MEDIUM);}});mButton04.setOnClickListener(new Button.OnClickListener(){@Overridepublic void onClick(View v){// TODO Auto-generated method stub//缩小网页mWebSettings01.setDefaultZoom(WebSettings.ZoomDensity.FAR);}});mWebView01.setWebViewClient(new WebViewClient(){});}
}

布局文件如下：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"android:background="@drawable/white"android:orientation="vertical"android:layout_width="fill_parent"android:layout_height="fill_parent"><EditTextandroid:id="@+id/myEditText1"android:layout_width="fill_parent"android:layout_height="wrap_content"android:text=""android:autoText="false"android:hint="http://"android:password="false"android:capitalize="none"android:singleLine="True"/><LinearLayoutandroid:orientation="horizontal"android:layout_width="wrap_content"android:layout_height="wrap_content"><Buttonandroid:id="@+id/myButton1"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="Go" /><Buttonandroid:id="@+id/myButton2"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="Zoom In" /><Buttonandroid:id="@+id/myButton3"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="Normal" /><Buttonandroid:id="@+id/myButton4"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="Zoom Out" /></LinearLayout><WebViewandroid:id="@+id/myWebView1"android:background="@drawable/white"android:layout_height="wrap_content"android:layout_width="fill_parent"android:focusable="false"/>
</LinearLayout>

Android实现网页的放大与缩小相关推荐

如何让网页的内容不随着网页的放大与缩小使网页布局发生错乱
目录面临的问题解决方法方法1:我们可以对全局和每一个div都写出宽和高来约束他优点缺点方法2:可以对主体内容设置一个最小宽度然后在里面固定宽高,这个宽度比电脑的宽度都低不少,一般为1000 ...
Android——关于图片移动与放大与缩小详解
最近参加了全国移动应用开发的技能大赛,有些遗憾,从原来必得的二等奖,因为操作问题:没得奖,回来整理下相关技术点: 这算是第一个了吧,详细的写了下图片的放大缩小,根据自己的理解写了个这样的小模块: An ...
android 手势放缩_AIR Android:放大与缩小手势
放大与缩小手势(1) 放大与缩小手势对应TransformGestureEvent. GESTURE_ZOOM事件类型,使用时要求两个手指触摸屏幕,同时向外或向内做放缩动作,如图3-2所示. 图3-2 ...
html如何设置网页的背景图片，使放大或缩小浏览器时，页面排版和背景可以随浏览器放大缩小而排版不会改变，
用DIV+CSS写网页背景代码时,应该先写一个DIV,在这个DIV的CSS里面添加背景图片,并设置其margin为auto,宽度为100%或者auto:然后在这个DIV里面在写一个DIV,在第二个DI ...
[html] 当网页放大或者缩小后如何让页面布局不乱？
[html] 当网页放大或者缩小后如何让页面布局不乱? 采用rem流式布局个人简介我是歌谣,欢迎和大家一起交流前后端知识.放弃很容易, 但坚持一定很酷.欢迎大家一起讨论主目录与歌谣一起通关前端 ...
Android视频的放大和缩小
Android视频的放大和缩小这个还是在很久以前的时候写的,当时公司有一个需求,就是需要仿360或者是小蚁的app,做一个视频的放大缩小,当时是搜遍了,搜到的都是关于图片的放大缩小等,无奈之下,就自 ...
在html上点击一张图片时放大照片,网页中图片自动缩小，点击放大（以防页面被撑大）的方法...
我们在开发动态网站的时候,一般都会在后台让用户添加文章,在添加文章的过程中难免用户会添加一些大的图片,这样,在前台显示的时候图片就会把页面撑的很大,很难看,今天就教大家利用JavaScript函数来实 ...
android image对象改变,【Android学习】动态放大缩小ImageView里的图片，运用Matrix对象来....
该楼层疑似违规已被系统折叠隐藏此楼查看此楼 /* 设置图片缩小的比例 */ double scale=0.8; /* 计算出这次要缩小的比例 */ scaleWidth=(float) (scale ...
Android自定义ImageView（二）——实现双击放大与缩小图片
效果图: 首先设置图片依据控件的大小来显示在ImageVeiw中也就是当图片的宽与高小于控件的宽与高的时候,默认不进行对图片进行放大的操作,但是会将图片居中显示,当然使用的时候可以使用自定义的属性i ...

Android实现网页的放大与缩小

Android实现网页的放大与缩小相关推荐

最新文章

热门文章