2017年05月29日


ListView に WEB から JSON 文字列配列を取得して表示

Gradle に、以下を追加記述して、Web から JSON データを取得して、文字列配列データを作成して ListView に表示しています。
compile group: 'com.google.code.gson', name: 'gson', version: '2.8.0'
compile 'com.squareup.okhttp3:okhttp:3.8.0'
AsyncTask を 匿名内部クラスにして、メインの処理が別ソースへ行かないようにしていますが、別クラスを作った場合を想定して、引渡しパラメータを独自クラスにしています。ただ、doInBackground 内を画面アクセス用のオブジエクトが通りますが、doInBackground 内では使いません。 表示するデータ
[
	"スルガ銀行",
	"楽天銀行",
	"ジャパンネット銀行",
	"りそな銀行",
	"あおぞら銀行",
	"埼玉りそな銀行",
	"三菱東京UFJ銀行",
	"近畿大阪銀行",
	"イオン銀行",
	"琉球銀行",
	"ソニー銀行",
	"住信SBIネット銀行",
	"北國銀行",
	"三井住友銀行",
	"西日本シティ銀行",
	"常陽銀行",
	"北陸銀行"
]

package com.example.lightbox.listviewfromweb;

import android.os.AsyncTask;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.widget.ArrayAdapter;
import android.widget.ListView;

import com.google.gson.Gson;

import java.io.IOException;

import okhttp3.OkHttpClient;
import okhttp3.Request;
import okhttp3.Response;

public class MainActivity extends AppCompatActivity {

    private String url = "https://lightbox.sakura.ne.jp/demo/json/bank_visa_array.php";
    private ArrayAdapter<String> arrayAdapter;
    private ListView listView;

    private class MyParam {
        ArrayAdapter<String> arrayAdapter;
        String url;
    }

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

        // リストビュー
        listView = (ListView) MainActivity.this.findViewById(R.id.listView);
        // データが入るオブジェクト
        arrayAdapter = new ArrayAdapter<String>(MainActivity.this,android.R.layout.simple_list_item_1);
        // リストビューにデータが入るオブジェクトをセット
        listView.setAdapter(arrayAdapter);

        MyParam mp = new MyParam();
        mp.arrayAdapter = arrayAdapter;
        mp.url = url;

        new AsyncTask<MyParam,Void,String>() {

            private ArrayAdapter<String> arrayAdapter;
            private String url;

            @Override
            protected String doInBackground(MyParam... params) {
                this.arrayAdapter = params[0].arrayAdapter;
                this.url = params[0].url;

                String result ="[\"error\"]";

                OkHttpClient client = new OkHttpClient();
                Request.Builder builder = new Request.Builder();
                builder.url(this.url);
                Request request = builder.build();

                Response response = null;
                try {
                    response = client.newCall(request).execute();
                    result = response.body().string();
                } catch (IOException e) {
                    e.printStackTrace();
                }

                return result;
            }

            @Override
            protected void onPostExecute(String s) {

                Gson gson = new Gson();
                String[] data = gson.fromJson(s, String[].class);
                this.arrayAdapter.addAll(data);

            }
        }.execute(mp);

    }
}


activity_main.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".MainActivity">

    <ListView
        android:id="@+id/listView"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />
    
</LinearLayout>


build.gradle
apply plugin: 'com.android.application'

android {
    compileSdkVersion 23
    buildToolsVersion "25.0.2"
    defaultConfig {
        applicationId "com.example.lightbox.listviewfromweb"
        minSdkVersion 23
        targetSdkVersion 23
        versionCode 1
        versionName "1.0"
        testInstrumentationRunner "android.support.test.runner.AndroidJUnitRunner"
    }
    buildTypes {
        release {
            minifyEnabled false
            proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro'
        }
    }
}

dependencies {
    compile fileTree(dir: 'libs', include: ['*.jar'])
    androidTestCompile('com.android.support.test.espresso:espresso-core:2.2.2', {
        exclude group: 'com.android.support', module: 'support-annotations'
    })
    compile 'com.android.support:appcompat-v7:23.4.0'
    compile 'com.android.support.constraint:constraint-layout:1.0.2'
    testCompile 'junit:junit:4.12'
    compile group: 'com.google.code.gson', name: 'gson', version: '2.8.0'
    compile 'com.squareup.okhttp3:okhttp:3.8.0'
}

https://mvnrepository.com/artifact/com.google.code.gson/gson/2.8.0
OkHttp



posted by at 2017-05-29 22:27 | Comment(0) | テンプレート | このブログの読者になる | 更新情報をチェックする

初期値設定した配列を ListView に表示 ( メニューから実行 )

MainActivity 内で定義した単純な文字配列を使用し、ListView 内の画面定義を Android SDK 内で定義されている android.R.layout.simple_list_item_1 を使用して表示します。

再表示を想定して作成しているので、メニューからのイベントで処理されるようになっています。


package com.example.lightbox.listviewtest;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
import android.widget.ArrayAdapter;
import android.widget.ListView;

public class MainActivity extends AppCompatActivity {

	// *******************************
	// データ定義
	// *******************************
	private String[] data = new String[] {
		"スルガ銀行",
		"楽天銀行",
		"ジャパンネット銀行",
		"りそな銀行",
		"あおぞら銀行",
		"埼玉りそな銀行",
		"三菱東京UFJ銀行",
		"近畿大阪銀行",
		"イオン銀行",
		"琉球銀行",
		"ソニー銀行",
		"住信SBIネット銀行",
		"北國銀行",
		"三井住友銀行",
		"西日本シティ銀行",
		"常陽銀行",
		"北陸銀行"
	};

	// *******************************
	// 変数定義
	// *******************************
	private ArrayAdapter<String> arrayAdapter;
	private ListView listView;

	// *******************************
	// 初期処理
	// *******************************
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);

		// リストビュー
		listView = (ListView) MainActivity.this.findViewById(R.id.listView);
		// データが入るオブジェクト
		arrayAdapter = new ArrayAdapter<String>(MainActivity.this,android.R.layout.simple_list_item_1);
		// リストビューにデータが入るオブジェクトをセット
		listView.setAdapter(arrayAdapter);

	}

	// *******************************
	// メニューの処理
	// *******************************
	@Override
	public boolean onCreateOptionsMenu(Menu menu) {
		getMenuInflater().inflate(R.menu.menu_main, menu);
		return true;
	}

	@Override
	public boolean onOptionsItemSelected(MenuItem item) {
		int id = item.getItemId();

		if (id == R.id.action_1) {

			arrayAdapter.clear();
			arrayAdapter.addAll(data);
			return true;

		}

		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:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".MainActivity">

    <ListView
        android:id="@+id/listView"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

</LinearLayout>


menu_main.xml
<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_1"
        android:orderInCategory="100"
        android:title="リストビューを表示"
        app:showAsAction="never" />

</menu>




posted by at 2017-05-29 21:43 | Comment(0) | テンプレート | このブログの読者になる | 更新情報をチェックする

DialogFragment の AlertDialog

フラグメントを使用しています。但し、その部分は public static class として MainActivity 内に定義する簡易タイプです。

ダイアログがシステムで再作成されても引き渡すパラメータが正しく使用されるように、build メソッドを DialogFragment クラス内に作成して使用しています。
package com.example.lightbox.dialogtest;

import android.app.Dialog;
import android.content.DialogInterface;
import android.app.DialogFragment;
import android.app.AlertDialog;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.util.Log;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;

import java.util.ArrayList;

public class MainActivity extends AppCompatActivity {

    private EditText editText;
    private AlertDialog.Builder builder;

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

    }

    // **************************
    // ダイアログ・フラグメント 本体
    // **************************
    public static class MyDialogFragment extends DialogFragment {

        // このメソッドは、MainActivity からインスタンスを作成する為に使用します
        // ※ ユーザ専用のメソッドです( 名前は何でもいいです )
        // ※ フラグメントでは、通常のコンストラクタは使用不可
        public static MyDialogFragment builder(ArrayList<String> param) {
            MyDialogFragment myDialogFragment = new MyDialogFragment();
            // システムが再作成する際に渡されるパラメータ
            Bundle args = new Bundle();
            // 情報をセット
            args.putStringArrayList("param", param);
            myDialogFragment.setArguments(args);

            // MyDialogFragment を返す
            return myDialogFragment;
        }

        @Override
        public Dialog onCreateDialog(Bundle savedInstanceState) {

            AlertDialog.Builder builder = new AlertDialog.Builder(getActivity());

            // 最初にセットしたパラメータを元に作成
            ArrayList<String> param = getArguments().getStringArrayList("param");

            // 確認
            builder.setTitle(param.get(0));
            // 実行しますか?
            builder.setMessage(param.get(1));

            // OK
            builder.setPositiveButton(param.get(2),
                    new DialogInterface.OnClickListener() {
                        @Override
                        public void onClick(DialogInterface dialog, int which) {
                            // MainActivity を呼び出す
                            ((MainActivity)getActivity()).dialogYesClick();
                        }
                    });

            // キャンセル
            builder.setNegativeButton(param.get(3),
                    new DialogInterface.OnClickListener() {
                        @Override
                        public void onClick(DialogInterface dialog, int which) {
                            // MainActivity を呼び出す
                            ((MainActivity)getActivity()).dialogNoClick();
                        }
                    });

            return builder.create();
        }
    }


    // **************************
    // ダイアログのボタン処理
    // **************************
    public void dialogYesClick() {
        Log.i("lightbox","dialogYesClick");
    }
    public void dialogNoClick() {
        Log.i("lightbox","dialogNoClick");
    }


    // **************************
    // ダイアログ・フラグメントの表示
    // **************************
    public void buttonClick(View view) {

        // ダイアログ( フラグメントに渡す情報 )
        ArrayList<String> dialog_param = new ArrayList<String>();
        dialog_param.add("確認");
        dialog_param.add("実行しますか?");
        dialog_param.add("YES");
        dialog_param.add("キャンセル");

        // ダイアログフラグメントを作成して表示
        MyDialogFragment myDialogFragment = MyDialogFragment.builder(dialog_param);
        // フラグメントとしてキャンセル可能
        myDialogFragment.setCancelable(true);
        // ダイアログの表示
        // ※ android.app.DialogFragment;
        myDialogFragment.show(getFragmentManager(),"dialog");

    }


}


<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context="com.example.lightbox.dialogtest.MainActivity">

    <Button
        android:id="@+id/button"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:onClick="buttonClick"
        android:text="Button" />

</LinearLayout>




posted by at 2017-05-29 17:40 | Comment(0) | テンプレート | このブログの読者になる | 更新情報をチェックする
Seesaa の各ページの表示について
Seesaa の 記事がたまに全く表示されない場合があります。その場合は、設定> 詳細設定> ブログ設定 で 最新の情報に更新の『実行ボタン』で記事やアーカイブが最新にビルドされます。

Seesaa のページで、アーカイブとタグページは要注意です。タグページはコンテンツが全く無い状態になりますし、アーカイブページも歯抜けページはコンテンツが存在しないのにページが表示されてしまいます。

また、カテゴリページもそういう意味では完全ではありません。『カテゴリID-番号』というフォーマットで表示されるページですが、実際存在するより大きな番号でも表示されてしまいます。

※ インデックスページのみ、実際の記事数を超えたページを指定しても最後のページが表示されるようです

対処としては、このようなヘルプ的な情報を固定でページの最後に表示するようにするといいでしょう。具体的には、メインの記事コンテンツの下に『自由形式』を追加し、アーカイブとカテゴリページでのみ表示するように設定し、コンテンツを用意するといいと思います。


※ エキスパートモードで表示しています

アーカイブとカテゴリページはこのように簡単に設定できますが、タグページは HTML 設定を直接変更して、以下の『タグページでのみ表示される内容』の記述方法で設定する必要があります

<% if:page_name eq 'archive' -%>
アーカイブページでのみ表示される内容
<% /if %>

<% if:page_name eq 'category' -%>
カテゴリページでのみ表示される内容
<% /if %>

<% if:page_name eq 'tag' -%>
タグページでのみ表示される内容
<% /if %>
この記述は、以下の場所で使用します