Android
 Computer >> コンピューター >  >> プログラミング >> Android

Androidアプリで画像をリサイズする方法を徹底解説

この記事では、Androidアプリで画像のサイズを変更(リサイズ)する方法を、実際のサンプルコードとともにステップ形式でわかりやすく解説します。

作成するアプリの概要

今回作成するのは、端末内のギャラリーから画像を選択して画面に表示し、ボタンをタップすると指定したサイズに縮小できるシンプルなアプリです。画像のリサイズには、Bitmapクラスが提供する createScaledBitmap() メソッドを使用します。

ステップ1:Android Studioで新規プロジェクトを作成

まず、Android Studioを起動し、メニューから [File] → [New Project] を選択して新しいプロジェクトを作成します。プロジェクト名やパッケージ名など、必要な項目をすべて入力してセットアップを完了させてください。

ステップ2:レイアウトファイル(activity_main.xml)を編集

次に、res/layout/activity_main.xml に以下のコードを追加します。選択した画像を表示する ImageView を中央に配置し、その下に「画像を選択」と「リサイズ」の2つのボタンを横並びで配置しています。

<? xml version= "1.0" encoding= "utf-8" ?>
<RelativeLayout xmlns: android = "https://schemas.android.com/apk/res/android"
   xmlns: tools = "https://schemas.android.com/tools"
   android :layout_width= "match_parent"
   android :layout_height= "match_parent"
   android :gravity= "center"
   tools :context= ".MainActivity" >
   <ImageView
      android :id= "@+id/ivImage"
      android :layout_width= "wrap_content"
      android :layout_height= "wrap_content"
      android :layout_centerHorizontal= "true"
      android :contentDescription= "@string/app_name"
      android :src= "@drawable/ic_launcher_foreground" />
   <LinearLayout
      android :layout_width= "match_parent"
      android :layout_height= "wrap_content"
      android :layout_below= "@+id/ivImage"
      android :layout_centerHorizontal= "true" >
      <Button
         android :layout_width= "0dp"
         android :layout_height= "wrap_content"
         android :layout_marginTop= "8dp"
         android :layout_weight= "1"
         android :onClick= "uploadImage"
         android :text= "Upload Image" />
      <Button
         android :layout_width= "0dp"
         android :layout_height= "wrap_content"
         android :layout_marginTop= "8dp"
         android :layout_weight= "1"
         android :onClick= "resizeImage"
         android :text= "Resize Image" />
   </LinearLayout>
</RelativeLayout>

ステップ3:MainActivity.java に処理を実装

続いて、src/MainActivity.java に以下のコードを追加します。主な処理の流れは以下のとおりです。

  • uploadImage():ACTION_GET_CONTENT インテントを使ってギャラリーから画像を選択させます。
  • onActivityResult():選択された画像のUriからBitmapを取得し、ImageViewに表示します。
  • resizeImage():createScaledBitmap() を呼び出して画像を400×400ピクセルに縮小し、再表示します。
package app.tutorialspoint.com.sample ;
import android.app.Activity ;
import android.content.Intent ;
import android.graphics.Bitmap ;
import android.net.Uri ;
import android.provider.MediaStore ;
import android.support.v7.app.AppCompatActivity ;
import android.os.Bundle ;
import android.view.View ;
import android.widget.ImageView ;
import java.io.IOException ;
public class MainActivity extends AppCompatActivity {
   ImageView ivImage ;
   public static final int PICK_IMAGE = 1 ;
   Bitmap yourBitmap ;
   @Override
   protected void onCreate (Bundle savedInstanceState) {
      super .onCreate(savedInstanceState) ;
      setContentView(R.layout. activity_main ) ;
      ivImage = findViewById(R.id. ivImage ) ;
   }
   public void uploadImage (View view) {
      Intent intent = new Intent(Intent. ACTION_GET_CONTENT ) ;
      intent.setType( "image/*" ) ;
      startActivityForResult(intent , PICK_IMAGE ) ;
   }
   public void resizeImage (View view) {
      Bitmap resized = Bitmap. createScaledBitmap ( yourBitmap , 400 , 400 , true ) ;
      ivImage .setImageBitmap(resized) ;
   }
   @Override
   public void onActivityResult ( int requestCode , int resultCode , Intent data) {
      super .onActivityResult(requestCode , resultCode , data) ;
      if (requestCode == PICK_IMAGE && resultCode == Activity. RESULT_OK ) {
         if (data == null ) {
            //Display an error
            return;
         }
         try {
            Uri imageUri = data.getData() ;
            yourBitmap =
            MediaStore.Images.Media. getBitmap ( this .getContentResolver() , imageUri) ;
            ivImage .setImageBitmap( yourBitmap ) ;
         } catch (IOException e) {
            e.printStackTrace() ;
         }
      }
   }
}

ステップ4:AndroidManifest.xml を確認・編集

最後に、androidManifest.xml に以下のコードを追加します。今回は特別な権限は不要ですが、MainActivityがランチャーアクティビティとして正しく登録されていることを確認してください。

<? xml version= "1.0" encoding= "utf-8" ?>
<manifest xmlns: android = "https://schemas.android.com/apk/res/android"
   package= "app.tutorialspoint.com.sample" >
   <application
      android :allowBackup= "true"
      android :icon= "@mipmap/ic_launcher"
      android :label= "@string/app_name"
      android :roundIcon= "@mipmap/ic_launcher_round"
      android :supportsRtl= "true"
      android :theme= "@style/AppTheme" >
      <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>

リサイズ処理のポイント

画像のサイズ変更を行っている核心部分は、次の1行です。

Bitmap resized = Bitmap.createScaledBitmap(yourBitmap, 400, 400, true);

第2引数と第3引数には、それぞれ変更後の高さをピクセル単位で指定します。第4引数の true はフィルタリングを有効にする設定で、これにより縮小時の画質劣化(ジャギーなど)を抑えられます。用途に応じて数値を変更すれば、任意のサイズへ自由に調整可能です。

また、大きな画像を扱う場合はメモリ消費に注意が必要です。あらかじめ適切なサイズに縮小してから表示することで、OutOfMemoryError の発生を防ぎ、アプリのパフォーマンス向上にもつながります。

  1. AndroidアプリでTextToSpeech(音声読み上げ)機能を実装する方法をわかりやすく解説

    このチュートリアルでは、AndroidアプリにTextToSpeech(音声合成・TTS)機能を実装し、入力したテキストを音声で読み上げる方法を解説します。サンプルでは、シークバーを使って音声のピッチ(声の高さ)とスピード(話す速さ)を調整できる、実用的な構成になっています。 手順1:Android Studioで新規プロジェクトを作成 Android Studioを起動し、メニューから File ⇒ New Project を選択します。必要な項目をすべて入力して、新しいプロジェクトを作成しましょう。 手順2:レイアウトファイル(activity_main.xml)を編集 res/layou

  2. Androidアプリでテキストファイルを簡単に読み込む方法【サンプルコード付き】

    この記事では、Androidアプリでシンプルなテキストファイルを読み込む方法を、実際のサンプルコードとともにステップごとに解説します。res/rawフォルダに配置したテキストファイルを読み込み、画面に表示するまでの一連の流れを学ぶことができます。 ステップ1:プロジェクトの作成とテキストファイルの配置 まず、Android Studioで新しいプロジェクトを作成します。メニューから「File」→「New Project」を選択し、必要な項目をすべて入力してプロジェクトを作成しましょう。 続いて、新しいAndroidリソースディレクトリとして「raw」フォルダを作成し、読み込みたいテキストファ