最新の記事アプリケーションアクティビティ、インテント、サービスについてデバイスAndroidでのデバイス制御について。地磁気センサ、加速度センサなどマルチメディアグラフィックス、音楽や動画再生などマルチメディア処理についてユーザインターフェースAndroidのユーザインターフェイスについて、またユーザインターフェイスを提供するコンポーネントの話題について。リソースAndroidでのアイコン、画像、文字列、ローカライゼーションなどHacksマッシュアップ開発環境Androidの開発環境など。Engineでは、ブロブストアを用いて画像などの用量の大きなファイルを保存することができます。以前、「ブロブストアを用いて画像をアップロードする」で、ブロブストアに画像を保存する方法を解説しました。ブロブキーを取り扱う(取得と生成)」では、ブロブキーを扱う方法について解説しました。今回はそれらをふまえて、ブロブストアに保存されている画像を画面上にサムネイルとして表示する方法について解説します。ポイントは以下の点です。表示対象の画像のブロブキーを利用するブロブストアに保存した画像URLを取得する画像URL取得時にサイズを指定できる以上のポイントをふまえれば、簡単にサムネイルを表示することができます。それでは続きをどうぞブロブストアに保存した画像のURLを取得し、imgタグで表示するブロブストアに保存した画像のURLを取得するには、ImagesServiceクラスとブロブキーを利用します。ImagesServiceクラスのインスタンスを取得するには、ImagesServiceFactoryクラスを利用します。ソースコード全体を見てみます。ImagesServiceクラスのインスタンスを取得しています。7行目から12行目で、データストアに保存したブロブキーを取得します(ブロブキーを取り扱う(取得と生成)記事を参考にしてください)。14行目で、取得したブロブキーから、ImageServiceクラスのgetServingUrlメソッドを用いて画像URLを取得しています。Templateについてはテンプレートを利用してブラウザに表示するを参考にしてください)。これで、ブロブキーに紐付く画像が表示されます。リサイズして取得する先ほどの画像では、少しサイズが大きすぎるかもしれません。いうことで、次は画像サイズを調整してみます。ImagesServiceクラスのgetServingUrlメソッドを用いますが、引数にサイズとフラグを指定します。false);第2引数で、画像のサイズ(単位:px)を指定しています。第3引数のフラグは、画像をリサイズして表示するか、切り抜いて表示するかを表します。falseを指定すると、以下のように画像全体のサイズが調整されたものが表示されますtrueを指定すると、画像が指定したサイズで切り取られて表示されます。※ただし、現状は第3引数は機能していないのか、切り取られずにリサイズして表示されてしまいます。サイズとして指定できる数値には制限があります。制限を越えると、URL取得時に以下のようにExceptionが発生します。画像にもある通り、画像サイズは0〜1600の間で指定してください。最後に、表示側のテンプレートのソースコードを見ておきます。&quot;imageUri&quot;&gt;&lt;/p&gt;&lt;br/&gt;&lt;/tr&gt;こちらは非常にシンプルに、imgタグを用いて画像を表示します。srcプロパティーに指定した変数$imageUriには、ソースコードからバインドされた画像のURLが入ります。以上がサムネイルの表示方法です。2.0(β)に対応した解説書です。TechBooster.TechBoosterについて。