インターネットからアイコン画像を取得してリストビューを表示する : logical　error

Google

<< Tools クラスの Act… | TOP | できるだけ難しい事… >>

2015年07月10日

インターネットからアイコン画像を取得してリストビューを表示する

Google が「Android Developer Tools (ADT) in Eclipse」の開発とサポートを2015年末で終了するので、過去の中途半端なコードを Android Studio でテストして書き直しました。

ArrayAdapter を継承したカスタムな ListView 内でアイコン画像を表示するサンプルです。できる限り無駄な記述は省いたつもりです。内部のプラベートなクラスを使うので、参照はどこからでも可能な変数に任せて、AsyncTask では引数による受け渡しをしていません。また、ArrayAdapter 内でも、ListViewActivity からの参照で全てまかなえています。



※ インターネットにアクセスするので、AndroidManifest.xml に必要な定義を追加しています

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="sample.lightbox.listviewactivity" >

    <application
        android:allowBackup="true"
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name"
        android:theme="@style/AppTheme" >
        <activity
            android:name=".ListViewActivity"
            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>
    <uses-permission android:name="android.permission.INTERNET"/>

</manifest>


画面には、 TextView と ImageView を設置しています
lightbox.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:layout_width="match_parent"
              android:layout_height="wrap_content"
              android:paddingTop="1dp"
              android:paddingBottom="1dp"
              android:paddingLeft="8dp"
              android:paddingRight="8dp">

    <ImageView
        android:id="@+id/icon"
        android:layout_width="60dp"
        android:layout_height="60dp" />

    <TextView
        android:id="@+id/text1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"
        android:textSize="30dp"
        android:paddingLeft="5dp"
        android:paddingRight="5dp"/>

</LinearLayout>


ListViewActivity.java

package sample.lightbox.listviewactivity;

import android.app.Activity;
import android.content.Intent;
import android.graphics.drawable.Drawable;
import android.net.Uri;
import android.os.AsyncTask;
import android.os.Bundle;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.AdapterView;
import android.widget.ArrayAdapter;
import android.widget.ImageView;
import android.widget.ListView;
import android.widget.TextView;

import java.io.InputStream;
import java.net.URL;

public class ListViewActivity extends Activity {

	// 画像表示用 MyArratAdapter
	MyArrayAdapter adapter = null;
	// ListView
	ListView listView = null;

	// MyArratAdapter 用プライベートクラス
	private class MyLinkData {
		String myText;
		String myUrl;
		String myIconUrl;
		Drawable myDrawable = null;

		MyLinkData( String myUrl, String myText, String myIconUrl ) {
			this.myText = myText;
			this.myUrl = myUrl;
			this.myIconUrl = myIconUrl;
		}
	}

	// R.layout.lightbox を使った MyLinkData 専用 ArrayAdapter
	private class MyArrayAdapter extends ArrayAdapter<MyLinkData> {

		public MyArrayAdapter() {
			// MyArrayAdapter に必要なのは ListViewActivity のインスタンスのみです
			// ( 実際はそれも必要ありませんが、内部の初期化の都合で渡さないとエラーになります )
			super(ListViewActivity.this, 0);
		}

		@Override
		public View getView(int position, View convertView, ViewGroup parent) {

			// 継承元の ArrayAdapter の内部とほぼ同等の行の view の処理
			View rowView = convertView;
			if (rowView == null) {
				LayoutInflater inflater = ListViewActivity.this.getLayoutInflater();
				rowView = inflater.inflate(R.layout.lightbox, null);
			}

			// R.layout.lightbox 用のデータ
			MyLinkData myLinkData = MyArrayAdapter.this.getItem(position);
			// R.layout.lightbox 用のコンテンツへデータをセット
			// 1) 名前
			TextView textView1 = (TextView) rowView.findViewById(R.id.text1);
			textView1.setText(myLinkData.myText);
			// 2) アイコン画像
			ImageView imageView = (ImageView) rowView.findViewById(R.id.icon);
			imageView.setImageDrawable(myLinkData.myDrawable);

			return rowView;
		}
	}

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

		listView = (ListView)ListViewActivity.this.findViewById(R.id.listView);

		// リストビューに表示させる文字列の配列( URL )
		// 画像は Google にある(長い)ので短縮しています
		final MyLinkData[] myLinks = {
			new MyLinkData( "http://winofsql.jp",
				"SQLの窓",
				"https://goo.gl/zDLKbz" ),
			new MyLinkData( "https://www.google.co.jp/",
				"Google",
				"https://goo.gl/t2AYIL"),
			new MyLinkData( "http://www.yahoo.co.jp/",
				"Yahoo! JAPAN",
				"https://goo.gl/oF41g6")
		};

		// リストビュー用のアダプターを作成
		adapter = new MyArrayAdapter();
		// 以下は、画面の行数をオーバーさせる為に追加(3x3)しています
		adapter.addAll(myLinks);
		adapter.addAll(myLinks);
		adapter.addAll(myLinks);

		// 非同期インターネットアクセス
		// 画像はあらかじめ全て取得しておきます
		new AsyncTask<Void,Void,Void>() {
			@Override
			protected Void doInBackground(Void... params) {

					int count = adapter.getCount();
					for( int i = 0;  i < count; i++ ) {
						try {
							URL url = new URL( adapter.getItem(i).myIconUrl );
							InputStream is = (InputStream)url.getContent();
							adapter.getItem(i).myDrawable = Drawable.createFromStream(is, "");
						}
						catch(Exception e) {
							Log.i("lightbox", "error:" + adapter.getItem(i).myIconUrl );
						}
					}

				return null;
			}

			@Override
			protected void onPostExecute(Void aVoid) {
				// 画像を全て取得してからリストビューにデータ( アダプター ) をセット
				listView.setAdapter(adapter);
			}
		}.execute();


		// リストビューのアイテムがクリックされた時の処理
		listView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
			@Override
			public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
				ListView listView = (ListView) parent;
				// クリックされたアイテムを取得
				// MyLinkData をセットしているので、MyLinkData として取り出す
				MyLinkData item = (MyLinkData) listView.getItemAtPosition(position);
				// LogCatに表示
				Log.i("lightbox", item.myUrl);
				Log.i("lightbox", item.myText);
				Log.i("lightbox", Integer.toString(position));

				// URL を開く
				startActivity( new Intent(Intent.ACTION_VIEW, Uri.parse(item.myUrl)) );

			}
		});
	}

}


主画面

<RelativeLayout 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:paddingLeft="@dimen/activity_horizontal_margin"
                android:paddingRight="@dimen/activity_horizontal_margin"
                android:paddingTop="@dimen/activity_vertical_margin"
                android:paddingBottom="@dimen/activity_vertical_margin"
                tools:context=".ListViewActivity">

    <ListView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/listView"
        android:layout_alignParentStart="true"/>
</RelativeLayout>

【Android Studio 1の最新記事】

posted by lightbox at 2015-07-10 19:36 | Android Studio 1 |

Seesaa ブログ

	SQLServer の BCP で INT IDENTITY 列に csv からリストアする
	MySQL に PIPES_AS_CONCAT を設定して、CSV を出力する SQL
	Chrome ポリシー : レジストリ : ( ChatGPT 解説 )
	PL/SQL : 最も簡単な CSV 出力の記述
	VBScript を『管理者として実行する』には、Shell の runas ( 右クリックメニューの実行と同等 ) で実現します / Jscript も追加
	fake sendmail for windows を使って、PHP でごく普通に( mb_send_mail で )メール送信
	TCPDF をダウンロードして、Windows の任意のフォルダで TCPDF 同梱のサンプルを実行する為の設定
	JavaScript : window オブジェクトのプロパティとしてグローバル変数を定義する
	TCPDF をダウンロードして、フリーフォントを埋め込み型で使用する方法
	汎用型 : JSON データより履歴書のフォームを出力するサンプル
	ChatGPT でトップまでスクロールするブックマークレット
	Replit : cs-list
	Replit : js-web-speech
	Replit : js-csv-read-utf8
	Replit : text-editor
	指定した位置でレジストリエディタを開く為の VBScript をダウンロードします
	JScript / VBScript : 指定したフォルダ内のフォルダ毎の使用済みサイズを読める範囲でレポートする
	デスクトップを部分キャプチャした時に切り取り&スケッチを起動してキャプチャ画像に枠線を付加させる。
	#Zoom の必殺技 : 相手に自分の Zoom 関連のウインドウを見せる
	GAS でユーザ作成 : 組織は "orgUnitPath": "/組織名A/組織名B"

	一部のファイル形式がブロックされる(GMail)
	Creating Shortcut Menu Handlers
	Microsoft Word のキーボードショートカット
	Excel のショートカットキーとファンクションキー
	サイトへの不自然なリンクを否認する新しいツールの提供を開始しました

logical error

2015年07月10日

インターネットからアイコン画像を取得してリストビューを表示する

logical　error