最終更新:
moonlight_aska 2011年07月30日(土) 23:45:25履歴
Webページの拡大・縮小を行うには, ウェブビュー(WebView)クラスのzoomIn/zoomOutメソッドを利用する.
但し, 拡大・縮小できるWebページはPC用のページ等で, http://www.google.comなどモバイル対応のWebページでは拡大・縮小ができないようである.

↑ 拡大

↓ 縮小

Webページの表示については, Webを表示するを参照ください.
但し, 拡大・縮小できるWebページはPC用のページ等で, http://www.google.comなどモバイル対応のWebページでは拡大・縮小ができないようである.

↑ 拡大

↓ 縮小

- res/layout/main.xml
- 各ボタンにonClickメソッドを設定する.
- WebView要素を定義する.
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
>
<LinearLayout
android:layout_width="fill_parent"
android:layout_height="wrap_content"
>
<Button android:id="@+id/button01_id"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/button01_label"
android:layout_weight="1"
android:onClick="onClickButton"
/>
<Button android:id="@+id/button02_id"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/button02_label"
android:layout_weight="1"
android:onClick="onClickButton"
/>
</LinearLayout>
<WebView android:id="@+id/webview_id"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
/>
</LinearLayout>
- WebView01.java
- onClickイベントハンドラとして, onClickButtonメソッドを実装する.
- ビューのIDを取得する.
- WebView#zoomIn/zoomOutメソッドで, Web画面の拡大または縮小を行う.
package com.moonlight_aska.android.webview01;
import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.webkit.WebView;
import android.webkit.WebViewClient;
public class WebView01 extends Activity {
private WebView web;
/** Called when the activity is first created. */
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
web = (WebView)findViewById(R.id.webview_id);
web.setWebViewClient(new WebViewClient());
web.loadUrl("http://www.docomo.co.jp");
}
public void onClickButton(View v) {
int id = v.getId();
if(id == R.id.button01_id) { // 拡大
web.zoomIn();
}
else if(id == R.id.button02_id) { // 縮小
web.zoomOut();
}
}
}
Webページの表示については, Webを表示するを参照ください.
コメントをかく