Androidアプリ開発

標準のズーム機能を使用するためには「setBuiltInZoomControls」メソッドを使用します。
「setBuiltInZoomControls」の引数に「true」を指定すれば拡大縮小が利用可能になります。

「TestAppActivity.java」のコード
package com.fc2.blog.android49.testapp;

import android.app.Activity;
import android.os.Bundle;
import android.webkit.WebView;

public class TestAppActivity extends Activity {
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);

//WebViewインスタンスを取得
WebView webview = (WebView)findViewById(R.id.WebView);
//loadUrlメソッドを呼び出し
webview.loadUrl("http://www.google.com/");

//ズーム機能を有効にする
webview.getSettings().setBuiltInZoomControls(true);
}
}

「main.xml」のコード
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
xmlns:android= "http://schemas.android.com/apk/res/android"
android:orientation="vertical"
xmlns:app= "http://schemas.android.com/apk/res/jp.tuyano.sample"
android:layout_width="fill_parent"
android:layout_height="fill_parent">
<WebView
android:id="@+id/WebView"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
/>
</LinearLayout>

「AndroidManifest.xml」のコード
<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
package="com.fc2.blog.android49.testapp"
android:versionCode="1"
android:versionName="1.0" >

<uses-sdk android:minSdkVersion="3" />
<uses-permission android:name="android.permission.INTERNET" />

<application
android:icon="@drawable/ic_launcher"
android:label="@string/app_name" >
<activity
android:label="@string/app_name"
android:name=".TestAppActivity" >
<intent-filter >
<action android:name="android.intent.action.MAIN" />

<category android:name="android.intent.category.LAUNCHER" />
</intent-filter>
</activity>
</application>

</manifest>

「main.xml」と「AndroidManifest.xml」のコードは前回の記事「WebViewを使ったWebページの表示方法」とまったく一緒です。
変化したのは「TestAppActivity.java」に1行追加されただけです。

webview.getSettings().setBuiltInZoomControls(true);

たったこれだけの記述でズーム機能が使えるようになります。
必要に応じて画面右下の拡大縮小ボタンが表示されるようになり、拡大縮小ができるようになります。
また、マルチタッチのピンチイン・ピンチアウトによる拡大縮小も可能になります。
ピンチインピンチアウトは実機テストで確認できます。

表示するサイトのURLは今回Googleを設定してあるので、自由に変更してテストしていただいてかまいません。

　
@bucchi49をフォロー