43
34

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

Androidで画像の縦横比を保ったまま画面幅いっぱいに表示する

Posted at

よく忘れてその度にググるのでメモ。

条件

  • 画像はバナー系の、横幅が長いもの
  • ImageViewで表示
  • LinerLayout (vertical) > ImageView という構造

問題

<ImageView
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:src="@drawable/banner">

だいたいこんな感じのImageViewがあるとき、ImageView自体は画面幅いっぱいに広がるけれど、表示される画像はちんまりしている。

おそらく、バナー画像の高さが小さいため、それに合わせてImageViewの高さが決定し、バナー画像のアスペクト比を保ったまま表示するためにバナー画像の横幅を縮小されてしまったのが原因。

解決

<ImageView
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:src="@drawable/banner"
    android:adjustViewBounds="true">

android:adjustViewBoundstrue にします。
ImageViewの境界が、表示内容(バナー画像)のアスペクト比に比例するようになります。

あわせて読みたい

43
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
43
34

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?