【Android Studio&Kotlin】画像の縦横比を維持しながら拡大縮小「android:scaleType=”fitCenter” 」

こんにちは。YOSHITAKA(@YOSHITA19704216)です。

初心者
kotlinで画像の縦横比を維持しながら拡大縮小しながら表示することはできますか?

よしたか
学んだことをアウトプットしていきます。

 

この記事を読むことで
  • 画像の縦横比を維持しながら拡大縮小する書き方がわかります。

画像の縦横比を維持しながら拡大縮小する方法

対象者

大前提
  • kotlinで画像の大きさを調整している方向けです。

Viewの中央に表示

ここの部分はすべてViewの中央に表示になりますが拡大の部分や切り取りの部分が変わります。

CENTER android:scaleType=”center”

拡大縮小なし

CENTER_CROP android:scaleType=”centerCrop”

View内で画像の縦横比を維持

余分な部分はCrop(切り取り)

 

CENTER_INSIDE android:scaleType=”centerInside”

View内で画像の縦横比を維持

画像すべてをView内に配置

FIT_CENTER android:scaleType=”fitCenter”

View内で画像の縦横比を維持

Viewの全体に拡大縮小して配置

寄せて表示

FIT_START android:scaleType=”fitStart”

左上に寄せて配置
View内で画像の縦横比を維持しView全体に拡大縮小

FIT_END android:scaleType=”fitEnd”

右下に寄せて配置
View内で画像の縦横比を維持しView全体に拡大縮小

 

リサイズ

FIT_XY android:scaleType=”fitXY”

画像の縦横比は関係なし

View内でリサイズして全画面

まとめ

今回はKotlinで画像の縦横比を維持しながら拡大縮小する方法の種類にについてお伝えしました。

 

※プログラミングは習得中ですので、参考程度に記事を読んでください。

 

参考はこちら

公式ドキュメント

Google Developer:Reference ImageView.ScaleType

画像つきで確認したい方は以下を確認すると良いです。

https://akira-watson.com/android/imageview_scaletype.html

https://qiita.com/alt_yamamoto/items/ab68a28e1fb6f843205b

あなたは「Web集客」に限界を感じていませんか?

サイトをただ作るだけで満足ですか?

あなたのサービスやコンテンツはとっても有益なものがたくさんあります。

良いコンテンツも埋もれてしまっては全く意味がありません。

正しい知識と実践で、SEO対策はもちろん、ユーザビリティーを考えたサイトを作りませんか?

私と歩めばWebマーケティング知識とWordPressスキルが定着し、サイト回遊率、再訪問がアップします。

しかも、これだけでは終わりません!!

その先の「攻めのメディア」と組み合わせ、あなたのサービスを広めて売上を伸ばしていきます。

サイトを育てて、長い間愛されることのできるWordPressサイトからの集客導線(ゴールデンルート)を一緒に作りませんか?

↓ ↓ ↓ ↓ ↓ ↓ 

おすすめの記事