LoginSignup
37
34

More than 5 years have passed since last update.

【ImageView】ScaleTypeと表示画像の対応表

Last updated at Posted at 2019-02-22

ScaleTypeと表示画像の対応表

ScaleTypeと表示画像の対応は以下のようになります。なお、ImageViewの幅・高さはともに固定しています。

ScaleType 画像の表示方法 ImageViewのサイズ > 画像サイズ ImageViewのサイズ < 画像サイズ
CENTER ・ImageViewの中央に表示される
・拡大縮小されない
bugdroid_center.jpg kotlin_center.jpg
CENTER_CROP ・ImageViewの中央に表示される
・ImageView全体を覆う閾値になるまで拡大縮小される
bugdroid_center_crop.jpg kotlin_center_crop.jpg
CENTER_INSIDE ・ImageViewの中央に表示される
・ImageView内部に画像全体が含まれるように拡大縮小される
・ImageView内部に画像全体が元々含まれている場合、拡大縮小しない
bugdroid_center_inside.jpg kotlin_center_inside.jpg
FIT_CENTER
(デフォルト値)
・ImageViewの中央に表示される
・幅・高さのいずれかがImageViewのサイズと一致し、かつImageView内部に画像全体が含まれるように拡大縮小される
bugdroid_fit_center.jpg kotlin_fit_center.jpg
FIT_END ・ImageViewの右下に表示される
・幅・高さのいずれかがImageViewのサイズと一致し、かつImageView内部に画像全体が含まれるように拡大縮小される
bugdroid_fit_end.jpg kotlin_fit_end.jpg
FIT_START ・ImageViewの左上に表示される
・幅・高さのいずれかがImageViewのサイズと一致し、かつImageView内部に画像全体が含まれるように拡大縮小される
bugdroid_fit_start.jpg kotlin_fit_start.jpg
FIT_XY ・幅・高さがImageViewのサイズと一致するようにそれぞれ独立して拡大縮小される
bugdroid_fit_xy.jpg kotlin_fit_xy.jpg
MATRIX Matrixに指定された条件にしたがって表示される
・条件指定がない場合、ImageViewの左上に拡大縮小されずに表示される
bugdroid_matrix.jpg kotlin_matrix.jpg

表の最後にあるMatrixは行列のことで、きちんと検証できていませんが、拡大縮小(Scale)・移動(Translate)・回転(Rotate)・ずれ1(Skew)などの条件を指定できるクラスのようです。

サンプルアプリ

上記に記載した画像のScaleTypeを切り替えて表示を実際に確認できるアプリです。
追々、各自で画像をアップロードしてその表示確認をできるものにしようと思います。
GitHub - ImageViewScaleTypeChecker


  1. 「ひずみ」が正しい言葉ですが、分かりやすく「ずれ」と表記しました。 

37
34
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
37
34