Android

Androidアプリ ウェブブラウザの備忘録

備忘録です。簡単なブラウザアプリです。

開発環境

AndroidStudio 3.0.1
Android 6.0 API23

主な仕様

  • URLを指定して検索
  • 戻る進む再読み込み
  • Javascript有効化
  • メモリリーク回避
  • グラデーションを使って立体感を付ける(button_customize.xml, edittext_customize.xml)

ソースコード

メソッドはコメントで簡単に解説しています。

AndriodManifest.xml

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.example.blau.browseapp4">
    <!--インターネットパーミッション-->
    <uses-permission android:name="android.permission.INTERNET"/>
    <application
        android:allowBackup="true"
        android:icon="@drawable/logo4"
        android:label="@string/app_name"
        android:roundIcon="@mipmap/ic_launcher_round"
        android:supportsRtl="true"
        android:theme="@style/AppTheme"
        android:screenOrientation="portrait">
        <!--↑画面を縦固定にしたい-->
        <activity android:name=".MainActivity">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

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

</manifest>

MainActivity.java

package com.example.blau.browseapp4;

import android.annotation.SuppressLint;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
import android.webkit.WebView;
import android.webkit.WebViewClient;
import android.widget.EditText;
import android.view.View;

public class MainActivity extends AppCompatActivity {

    private WebView myWebView;
    private EditText urlText;



    @SuppressLint("SetJavaScriptEnabled")
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        myWebView = (WebView) findViewById(R.id.myWebView);
        urlText = (EditText) findViewById(R.id.urlText);
        //JavaScriptを有効化
        myWebView.getSettings().setJavaScriptEnabled(true);
        //BrowseApp4内でのみブラウズさせるためのメソッド(デフォルトのブラウザに飛ばない)
        myWebView.setWebViewClient(new WebViewClient() {
            @Override
            public void onPageFinished(WebView view, String url) {
                getSupportActionBar().setSubtitle(view.getTitle());  //ページ読み込み後にタイトル表示
                urlText.setText(url);                                //urlTextに対し、サイトのurlをわたす
            }
        });
        //最初にgoogleのページを表示
        myWebView.loadUrl("https://www.google.co.jp/");
    }

    //入力されたurlを引っ張ってくる処理(browse_button)
    public void showWebsite(View view) {
        String url = urlText.getText().toString().trim();
        myWebView.loadUrl(url);
    }

    //urlをタップした時もともとのurlを消す処理
    public void clearUrl(View view) {
        urlText.setText("");          //空文字を設定して消している
    }

    //backキーで一つ前のページに戻るように指定
    @Override
    public void onBackPressed() {
        if (myWebView.canGoBack()) {
            myWebView.goBack();
            return;
        }
        super.onBackPressed();
    }

    //destroyでメモリを削除してあげる
    @Override
    protected void onDestroy() {
        super.onDestroy();
        if (myWebView != null) {
            myWebView.stopLoading();
            myWebView.setWebViewClient(null);
            myWebView.destroy();
        }
        myWebView = null;
    }


    //進むや戻るができない時、メニューをグレーアウト
    public boolean onPrepareOptionsMenu(Menu menu) {
        MenuItem forwardItem = (MenuItem) menu.findItem(R.id.action_forward);
        MenuItem backItem = (MenuItem) menu.findItem(R.id.action_back);
        forwardItem.setEnabled(myWebView.canGoForward());     //有効無効切り替え
        backItem.setEnabled(myWebView.canGoBack());           //有効無効切り替え
        return super.onPrepareOptionsMenu(menu);
    }

    //メニューを作る
    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.menu_main, menu);
        return true;
    }

    //メニューから取ってくる
    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        // Handle action bar item clicks here. The action bar will
        // automatically handle clicks on the Home/Up button, so long
        // as you specify a parent activity in AndroidManifest.xml.
        int id = item.getItemId();

        //メニュー分岐
        switch (id) {
            case R.id.action_reload:
                myWebView.reload();
                return true;          //re
            case R.id.action_forward:
                myWebView.goForward();
                return true;
            case R.id.action_back:
                myWebView.goBack();
                return true;
            default:
                return super.onOptionsItemSelected(item);
        }
    }
}

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".MainActivity">

    <LinearLayout
        android:orientation="horizontal"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <EditText
            android:layout_weight="1"
            android:id="@+id/urlText"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:onClick="clearUrl"
            android:background="@drawable/edittext_customize"
            android:inputType="text|textNoSuggestions" />
            <!--↑urlを1行スペルチェック無効化-->

        <Button
            android:text="@string/browse_button"
            android:onClick="showWebsite"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textColor="#fff"
            android:textSize="20dp"
            android:background="@drawable/button_customize" />

    </LinearLayout>

    <WebView
        android:layout_weight="1"
        android:id="@+id/myWebView"
        android:layout_width="match_parent"
        android:layout_height="0dp"></WebView>


</LinearLayout>

menu_main.xml

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    tools:context=".MainActivity">
    <item
        android:id="@+id/action_back"
        android:title="@string/action_back" />
    <item
        android:id="@+id/action_forward"
        android:title="@string/action_forward" />
    <item
        android:id="@+id/action_reload"
        android:title="@string/action_reload" />
</menu>

valuesファイル

colors.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <color name="colorPrimary">#343655</color>      <!--アクションバーの色-->
    <color name="colorPrimaryDark">#979C9C</color>  <!--時間表示のとこの色-->
    <color name="colorAccent">#EB7F00</color>       <!--キャレット(カーソル)の色-->
</resources>

string.xml

<resources>
    <string name="app_name">BrowseApp4</string>

    <string name="action_reload">ページを再読込み</string>
    <string name="action_forward">進む</string>
    <string name="action_back">戻る</string>
    <string name="browse_button">検索</string>
</resources>

styles.xml

<resources>

    <!-- Base application theme. -->
    <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
        <!-- Customize your theme here. -->
        <item name="colorPrimary">@color/colorPrimary</item>            <!--アクションバーの色-->
        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>    <!--時間表示のとこの色-->
        <item name="colorAccent">@color/colorAccent</item>              <!--キャレット(カーソル)の色-->
    </style>

</resources>

drawableファイル

button_customize.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <!--ボタンを浮き出して見せる-->
    <gradient
        android:angle="0090"
        android:endColor="#62b4fc"
        android:startColor="#02547D" />
    <padding
        android:bottom="11dp"
        android:left="5dp"
        android:right="7dp"
        android:top="7dp" />
    <corners android:radius="0dp" />
</shape>

edittext_customize.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <!--url入力欄が凹んでいるみせる-->
    <gradient
        android:angle="0090"
        android:endColor="#91D9CA"
        android:startColor="#EBF7EE" />
    <padding
        android:bottom="13dp"
        android:left="10dp"
        android:right="10dp"
        android:top="10dp" />
    <corners android:radius="0dp" />
</shape>