ソース掲示板




すべてから検索

キーワード   条件 表示 現行ログ 過去ログ トピックス 名前 本文
Android : WebView を介してサーバーのデータベースのデータにアクセス + Bind
日時: 2015/10/12 16:57
名前: lightbox






ただ表示するだけなら、Syain クラス
オブジェクト内の一部を変更して画面に反映させたいなら SyainObservable クラス

いずれも、画面に日本語書けない(動かない)ので、英字の getter と setter を作成しています
Syain クラス
package sample.lightbox.webview1011;

/**
 * Created by lightbox on 2015/10/11.
 */
public class Syain {

	public Syain() {
		this.氏名 = "";
		this.フリガナ= "";
	}


	public String 社員コード;

	public String getShimei() {
		return 氏名;
	}
	public void setShimei(String shimei) {
		this.氏名 = shimei;
	}
	public String getFuri() {
		return フリガナ;
	}
	public void setFuri(String furi) {
		this.フリガナ = furi;
	}

	public String 氏名;
	public String フリガナ;
	public String 所属;
	public int 性別;
	public String 作成日;
	public String 更新日;
	public int 給与;
	public int 手当;
	public String 管理者;
	public String 生年月日;
}
SyainObservable クラス
package sample.lightbox.webview1011;

import android.databinding.BaseObservable;
import android.databinding.Bindable;

/**
 * Created by lightbox on 2015/10/12.
 */
public class SyainObservable extends BaseObservable {
	public SyainObservable() {
		this.氏名 = "";
		this.フリガナ= "";
	}


	public String 社員コード;

	@Bindable
	public String getShimei() {
		return 氏名;
	}
	public void setShimei(String shimei) {
		this.氏名 = shimei;
		notifyPropertyChanged(sample.lightbox.webview1011.BR.shimei);
	}

	@Bindable
	public String getFuri() {
		return フリガナ;
	}
	public void setFuri(String furi) {
		this.フリガナ = furi;
		notifyPropertyChanged(sample.lightbox.webview1011.BR.furi);
	}

	public String 氏名;
	public String フリガナ;
	public String 所属;
	public int 性別;
	public String 作成日;
	public String 更新日;
	public int 給与;
	public int 手当;
	public String 管理者;
	public String 生年月日;

}
Android Studio が 1.4 なので、AppCompatActivity になっています( Gradle 内もその影響 )
メンテナンス

Gradle ( No.1 )
日時: 2015/10/12 16:48
名前: lightbox


日時: 2015/10/12 16:48
名前: lightbox
プロジェクト
// Top-level build file where you can add configuration options common to all sub-projects/modules.

buildscript {
    repositories {
        jcenter()
    }
    dependencies {
        classpath 'com.android.tools.build:gradle:1.3.0'
        classpath "com.android.databinding:dataBinder:1.0-rc1"

        // NOTE: Do not place your application dependencies here; they belong
        // in the individual module build.gradle files
    }
}

allprojects {
    repositories {
        jcenter()
    }
}

task clean(type: Delete) {
    delete rootProject.buildDir
}
モジュール
apply plugin: 'com.android.application'
apply plugin: 'com.android.databinding'

android {
    compileSdkVersion 22
    buildToolsVersion "22.0.0"

    defaultConfig {
        applicationId "sample.lightbox.webview1011"
        minSdkVersion 22
        targetSdkVersion 22
        versionCode 1
        versionName "1.0"
    }
    buildTypes {
        release {
            minifyEnabled false
            proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro'
        }
    }
}

dependencies {
    compile fileTree(dir: 'libs', include: ['*.jar'])
    testCompile 'junit:junit:4.12'
    compile 'com.android.support:appcompat-v7:22.2.1'
    compile files('libs/gson-2.4.jar')
}
このアーティクルの参照用URLをクリップボードにコピー メンテナンス
画面定義 ( No.2 )
日時: 2015/10/12 16:50
名前: lightbox
Bind のバグらしく、画面定義に日本語が書けません
<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:tools="http://schemas.android.com/tools"
        tools:context=".MainActivity">

    <data>
        <variable name="user" type="sample.lightbox.webview1011.SyainObservable"/>
    </data>
    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:paddingLeft="@dimen/activity_horizontal_margin"
        android:paddingRight="@dimen/activity_horizontal_margin"
        android:paddingTop="@dimen/activity_vertical_margin"
        android:paddingBottom="@dimen/activity_vertical_margin">

        <LinearLayout
            android:orientation="horizontal"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_alignParentStart="true"
            android:id="@+id/action">

            <Button
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="BACK"
                android:id="@+id/button"
                android:layout_alignParentEnd="true"
                android:layout_weight="1"/>

            <Button
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="JS CALL"
                android:id="@+id/button2"
                android:layout_weight="1"/>
        </LinearLayout>

        <EditText
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:inputType="number"
            android:id="@+id/editText"
            android:layout_below="@+id/action"
            android:layout_alignParentStart="true"/>

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@{user.shimei}"
            android:textAppearance="?android:attr/textAppearanceLarge"
            android:id="@+id/textView"
            android:layout_below="@+id/editText"/>

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@{user.furi}"
            android:textAppearance="?android:attr/textAppearanceLarge"
            android:id="@+id/textView2"
            android:layout_below="@+id/textView"/>

        <WebView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:id="@+id/webView"
            android:visibility="visible"
            android:layout_below="@+id/textView2"
            android:layout_alignParentStart="true"
            />

    </RelativeLayout>
</layout>
このアーティクルの参照用URLをクリップボードにコピー メンテナンス
処理 ( No.3 )
日時: 2015/10/12 16:57
名前: lightbox
このコードは、SyainObservable を使ったもの。Syain を使う場合は、個別は必要ない( できない )ので、setUser するだけです
package sample.lightbox.webview1011;

import android.databinding.DataBindingUtil;
import android.graphics.Bitmap;
import android.os.Bundle;
import android.os.Handler;
import android.support.v7.app.AppCompatActivity;
import android.util.Log;
import android.view.View;
import android.webkit.WebView;
import android.webkit.WebViewClient;
import android.widget.EditText;

import com.google.gson.Gson;

import sample.lightbox.webview1011.databinding.ActivityMainBinding;

public class MainActivity extends AppCompatActivity {

	// WebView のインスタンス
	private WebView wv = null;
	// 表示されているページの URL
	private String startPage = null;
	// 初期表示ページ
	private String initPage = "http://10.0.2.2/test/001.php";

	private Gson gson = null;
	private SyainObservable syain = null;
	private Handler handler = null;

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);

		final ActivityMainBinding binding = DataBindingUtil.setContentView(MainActivity.this, R.layout.activity_main);
		syain = new SyainObservable();
		binding.setUser(syain);

		handler = new Handler();
		gson = new Gson();

		// WebView のインスタンスを取得
		wv = (WebView) MainActivity.this.findViewById(R.id.webView);
		// Webページとのインターフェイスを登録します
		// Webページ上からは、androidObject.toAndroid で呼ぶ事ができます
		// (toAndroid は、@JavascriptInterface で登録したメソッド)
		wv.addJavascriptInterface(new JavaScriptAccess(new JavaScriptAccess.OnGetWebDataListener() {
			@Override
			public void onWebGetDataListener(final String textData) {

				try {

					// 別スレッドから UI スレッドへのアクセス
					handler.post(new Runnable() {
						@Override
						public void run() {

							Syain s = gson.fromJson(textData,Syain.class);
							syain.setShimei(s.氏名);
							syain.setFuri(s.フリガナ);
//							binding.setUser(syain);

						}
					});

				} catch (Exception e) {
					e.printStackTrace();
				}

				Log.i("lightbox", syain.氏名);
				Log.i("lightbox", syain.フリガナ);
				Log.i("lightbox", Integer.toString(syain.性別));
				Log.i("lightbox", syain.作成日);
				Log.i("lightbox", syain.更新日);
				Log.i("lightbox", Integer.toString(syain.給与));
				Log.i("lightbox", Integer.toString(syain.手当));
				if ( syain.管理者 == null ) {
					Log.i("lightbox", "NULL");
				}
				else {
					Log.i("lightbox", syain.管理者 );
				}
				if ( syain.生年月日 == null ) {
					Log.i("lightbox", "NULL");
				}
				else {
					Log.i("lightbox", syain.生年月日 );
				}

			}
		}), "androidObject");



		// WebView の表示履歴を戻る為のボタン
		MainActivity.this.findViewById(R.id.button).setOnClickListener(new View.OnClickListener() {
			@Override
			public void onClick(View v) {
				wv.goBack();
			}
		});
		// Webページの JavaScript の呼び出し
		MainActivity.this.findViewById(R.id.button2).setOnClickListener(new View.OnClickListener() {
			@Override
			public void onClick(View v) {
				EditText et = (EditText) MainActivity.this.findViewById(R.id.editText);
				String scode =((EditText) MainActivity.this.findViewById(R.id.editText)).getText().toString();
				String callString = String.format("javascript:getWebPageData(\"%s\")",scode);
				wv.loadUrl(callString);
			}
		});

		// 必ず必要な JavaScript を有効にする設定
		wv.getSettings().setJavaScriptEnabled(true);
		// 必ず必要な設定
		wv.setWebViewClient(new WebViewClient(){

			// 必ず必要な設定 : 常に WebView 内でページを表示する為
			@Override
			public boolean shouldOverrideUrlLoading(WebView view, String url) {
				Log.i("lightbox", "shouldOverrideUrlLoading"+url);
				return super.shouldOverrideUrlLoading(view, url);
			}

			// オプション : 表示されたページの URL を変数にセット
			@Override
			public void onPageStarted(WebView view, String url, Bitmap favicon) {
				super.onPageStarted(view, url, favicon);

				Log.i("lightbox", "onPageStarted:" + url);
				startPage = url;

			}

			// オプション : ページを表示し終わってから発生するイベント
			@Override
			public void onPageFinished(WebView view, String url) {
				super.onPageFinished(view, url);

			}
		});

		// 目的のページを表示する
		wv.loadUrl(initPage);
	}

	@Override
	protected void onStop() {
		super.onStop();
		wv.clearHistory();
		wv.clearCache(true);

		Log.i("lightbox", "onStop");

	}

}
このアーティクルの参照用URLをクリップボードにコピー メンテナンス