最近の更新

2013年5月2日木曜日

ImageViewに大きな画像(成功)

【目的】
AndroidでImageViewに大きなサイズの画像を表示します。(成功しました)



【手順1】
1.「Androidプロジェクトの作成・実行方法(バージョン別一覧)」のAndroidプロジェクトの作成手順で、「AndroidSample32-004-ImageViewBigImageOK」といプロジェクトを作成。
※プロジェクトの設定は以下の通り。
※他の項目は任意。
項目名 項目に設定する値
アプリケーション名(Application Name) com.example.androidsample32_004
プロジェクト名(Project Name) AndroidSample32-004-ImageViewBigImageOK
パッケージ名(Package Name) com.example.androidsample32_004
Build SDK API 8
Minimum Required SDK API 8



【手順2】
1.「AndroidManifest.xml」は以下の通り。
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.example.androidsample32_004"
    android:versionCode="1"
    android:versionName="1.0" >

    <uses-sdk
        android:minSdkVersion="8"
        android:targetSdkVersion="8" />

    <application
        android:icon="@drawable/ic_launcher"
        android:label="@string/app_name"
        android:theme="@style/AppTheme" >
        <activity
            android:name="com.example.androidsample32_004.MainActivity"
            android:label="@string/title_activity_main" >
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

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

</manifest>
2.「Ctrl+Shift+F」を押し、コードをフォーマッティング。
3.「Ctrl+S」を押し、ファイルを保存。



【手順3】
1.「任意のディレクトリの作成方法」の手順で「res/drawable」ディレクトリを作成。
2.「画像」を「res/drawable」に「android_sample_image_5000_5000.png」という名前で保存。



【手順4】
1.「res/layout/activity_main.xml」は以下の通り。
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <ImageView
        android:id="@+id/imageView"
        android:layout_width="50dp"
        android:layout_height="50dp" />

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:onClick="onClickButton"
        android:text="ボタン" />

    <TextView
        android:id="@+id/textView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

</LinearLayout>
2.「Ctrl+Shift+F」を押し、コードをフォーマッティング。
3.「Ctrl+S」を押し、ファイルを保存。



【手順5】
1.「src/com/example/androidsample32_004/MainActivity.java」は以下の通り。
package com.example.androidsample32_004;

import android.app.Activity;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.os.Bundle;
import android.view.View;
import android.widget.ImageView;
import android.widget.TextView;

public class MainActivity extends Activity {
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
    }

    public void onClickButton(View view) {
        BitmapFactory.Options options = new BitmapFactory.Options();
        options.inSampleSize = 100;
        Bitmap bmp = BitmapFactory.decodeResource(getResources(), R.drawable.android_sample_image_5000_5000, options);

        ImageView imageView = (ImageView) findViewById(R.id.imageView);
        imageView.setImageBitmap(bmp);

        StringBuilder sb = new StringBuilder();
        sb.append("height=" + options.outHeight);
        sb.append("\n");
        sb.append("width=" + options.outWidth);
        sb.append("\n");
        sb.append("mimeType=" + options.outMimeType);

        TextView textView = (TextView) findViewById(R.id.textView);
        textView.setText(sb.toString());

    }
}
2.「Ctrl+Shift+F」を押し、コードをフォーマッティング。
3.「Ctrl+S」を押し、ファイルを保存。



【手順6】
1.「Androidプロジェクトの作成・実行方法(バージョン別一覧)」のAndroidプロジェクトの実行手順で、実行。



【手順7】
1.以下の様に表示されれば成功です。












































【結論】
大きな画像はリサイズ(サンプル)してBitmapに読み込み、ImageViewに表示させる必要があるみたいです。



以上です。

0 件のコメント:

コメントを投稿

注: コメントを投稿できるのは、このブログのメンバーだけです。

関連記事