webページを表示したい。ファイル一式

webページを作成したいと思います。

webset

WEBページを表示したい。機能用関数。

上記だけでそこまでボリュームはないかと思うのですが、

今回はナビゲーションにmenuを利用して作成をしてみます。

アプリのメニューを作成する。

久しぶりすぎて、ファイルをコピーして中にいれるのを忘れてしまいました。※メニュー用アイコンを利用する時には、ファイルをコピーして利用します。

 

string.xmlは触りません。

次にmain.xmlです。

<?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"
 >
 <WebView
 android:id="@+id/WebView01"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:layout_weight="1">
 </WebView>
</LinearLayout>

ここではWebViewを設置します。他のViewと異なって、eclipseではコードヒントが出ませんでした(僕のだけ??)

ですが、上記をいれました。

次にメニュー用の関数として、menu.xmlを用意します。

<?xml version="1.0" encoding="utf-8"?>
<menu
 xmlns:android="http://schemas.android.com/apk/res/android">
 <item 
 android:id="@+id/item1"
 android:title="戻る"
 android:icon="@*android:drawable/ic_menu_back"
 ></item>
 <item 
 android:id="@+id/item2"
 android:title="進む"
 android:icon="@*android:drawable/ic_menu_forward"
 ></item>
 <item 
 android:id="@+id/item3"
 android:title="閉じる"
 android:icon="@*android:drawable/ic_menu_close_clear_cancel"
 ></item>
</menu>

メニューこれでxmlができました。(上記で利用している画像に関しては、drawableファイルを作成してその中にいれています。)

Activiotyのクラスを次のようにします。

package in.andante.webPager;

import android.app.Activity;
import android.os.Bundle;
import android.view.KeyEvent;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.view.View.OnClickListener;
import android.webkit.WebView;
import android.webkit.WebViewClient;
import android.widget.EditText;
import android.widget.ImageButton;
import android.widget.TextView;
import android.widget.TextView.OnEditorActionListener;

public class WebPager extends Activity{
 
 private WebView webView;
 private EditText editText;
 
 /** Called when the activity is first created. */
 @Override
 public void onCreate(Bundle savedInstanceState) {
 super.onCreate(savedInstanceState);
 setContentView(R.layout.main);
 
 
 webView = (WebView)findViewById(R.id.WebView01);
 webView.setWebViewClient(new WebViewClient());
//拡大表示を行う為のクラス
 webView.getSettings().setBuiltInZoomControls(true);
//javascriptを行う為のクラス
 webView.getSettings().setJavaScriptEnabled(true);
 webView.loadUrl("http://www.google.com");
 
 }
 public boolean onCreateOptionsMenu(Menu menu){
 super.onCreateOptionsMenu(menu);
 getMenuInflater().inflate(R.menu.menu,menu);
 return true;
 }
 public boolean onPrepareOptionsMenu(Menu menu){
 super.onPrepareOptionsMenu(menu);
 if(webView.canGoBack()){
 menu.findItem(R.id.item1).setEnabled(true);
 }else{
 menu.findItem(R.id.item1).setEnabled(false);
 }
 if(webView.canGoForward()){
 menu.findItem(R.id.item2).setEnabled(true);
 }else{
 menu.findItem(R.id.item2).setEnabled(false);
 }
 return true;
 }
 public boolean onOptionsItemSelected(MenuItem item){
 switch(item.getItemId()){
 case R.id.item1:
 webView.goBack();
 break;
 case R.id.item2:
 webView.goForward();
 break;
 case R.id.item3:
 finish();
 break;
 default:
 break;
 }
 return super.onOptionsItemSelected(item);
 }

}

以上で完成です。

また、ページが表示されない場合はマニフェストに関しては、下記のようになっている事を確認してください。

WebPager Manifest.xml

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
 package="in.andante.webPager"
 android:versionCode="1"
 android:versionName="1.0">
 <uses-sdk android:minSdkVersion="7" />
 <uses-permission android:name="android.permission.INTERNET"></uses-permission>

 <application android:icon="@drawable/icon" android:label="@string/app_name">
 <activity android:name=".WebPager"
 android:label="@string/app_name">
 <intent-filter>
 <action android:name="android.intent.action.MAIN" />
 <category android:name="android.intent.category.LAUNCHER" />
 </intent-filter>
 </activity>
 </application>
</manifest>

以上で完成です。拡大なども対応したwebブラウザの作成ができました。

前後の記事

前の記事:

次の記事:

関連の記事

コメントの投稿

  • サイト内検索

新作アプリの紹介

関連サイトの紹介

アンドロイドアプリ開発TIPS
きぐるみカメラ
ふらいぱん
アンドロイドのデザイン集
Page top↑