[Android] ImageView 画像をコード記述で動的に扱う

動的に画像を動かしたり、サイズを拡大・縮小するには、xmlのレイアウトではうまくいきません。拡大縮小などはコードで実装すると可能です。
 
imageview code 01 - [Android] ImageView 画像をコード記述で動的に扱う

Android Studio 3.0.1
Android 8.0



ImageViewをコードで記述

 
画像は通常は静的に貼り付けて終わりが多いのですが、レイアウトの関係でサイズを変えたり、アニメっぽくしたりする必要性が求められることがあります。基本的にはTextViewやButtonど同様の実装となります。
 

 

コード化のポイント

 
画像やボタンといったUI部品を配置するためには setContentView を使いますが、今回はレイアウトXMLファイルである activity_main.xml を使わないやり方です。
 
setContentView:
その名の通り、スクリーン画面にViewを設定するメソッドです。
設定されるViewはLayout形式でまとめられたViewグループになります。
 
textview code a01d 450x199 - [Android] ImageView 画像をコード記述で動的に扱う
 
setContentViewのメソッドは引数の取り方でいくつかあります

  • setContentView(int layoutResID)
    • レイアウトXMLファイルのIDを指定
  • setContentView(View view)
    • 簡略形です。今回はこれを使います
  • setContentView(View view, ViewGroup.LayoutParams params)

Ref: Android Developer

 

Layoutのコード

 
setContentViewに設定するためのレイアウトを作成します。LayoutにはLiearLayoutやRelativeLayoutなどいくつかありますが、目的にあったものを選びます。今回はLiearLayoutです。
 

 
ImageViewをコードで記述してLayoutに追加します。

 
ボタンをタップすると縦横幅が+200pix増加するように設定していますが、この数値はpix値なので端末のサイズに適応するdpとは異なります。

 

サンプルコード

 
以上をまとめてみると
MainActvity.java

 

サンプル動画

 

 
使用した画像は600x600pixサイズでdrawableに入れました。これはレイアウトファイルを使わず画像を拡大させる例ですが、画像を回転・移動・フリップそして拡大縮小させるにはMatrixを使う方が応用性があります。
 
 
関連:

References:
setContentView
LinearLayout
LinearLayout.LayoutParams

誤字脱字、意味不明で分からにゃイ、
などのご意見はこちらから mailフォーム

ブックマークしておくと便利です このエントリーをはてなブックマークに追加




アプリ開発が上達するお勧め

アプリ開発を始めたけどわからないところがあり、誰かに聞きたいけど周りにはそんな人はいない…あるいは、会社で働いていて日中そんなに時間をとれないなど、オンラインのプログラミングスクールがいいでしょう、時間の制約がないところが一番の魅力です。

以下の3つはAndroidが学習できるオンラインスクールです。


TECH ACADEMY
Androidアプリコース



侍エンジニア塾
侍エンジニア塾 無料体験レッスン



CodeCamp
~約8,000名の受講生と80社以上の導入実績~
現役エンジニアのオンライン家庭教師CodeCamp





正直ネットや本では限界があります。直接(ネットで)誰か分かる人に聞いた方が早く解決して、上達も早いと思います。

尚、スクールがダメだと言う人がいますが、やる気があれば問題ありません。与えられるのを待っていてはいけないですね
欲しいものは取りに行くのです。


Google Pixel 3 XLグローバル版
SIMフリー 並行輸入品
6.3インチの大画面
背景をぼかすポートレートモード撮影


Anker PowerCore II Slim 10000
Power IQ 2.0搭載
iPhone & Android対応

シェアする

  • このエントリーをはてなブックマークに追加

フォローする