【Android View】View、ImageViewなどの大きさを取得する方法。役立ちます！

Androidアプリエンジニアのゆーちゃまさんです＾＾

Webアプリ3年ほど、Androidアプリ開発10年ほどやっています。

Viewの大きさが０でちゃんと取れない。。取得のしかたが分からない

この記事を読むことで、Viewの大きさを取得する方法がわかります！

実際に開発していて、よく利用するので知っておくと役にたちます＾＾

オンラインレッスン始めました！

zoomでのオンラインレッスンをはじめました＾＾
マンツーマンで対応しますので、自由に質問していただけます。
javaの基礎から、転職に関する相談、Androidアプリ開発・そのた幅広く対応します。

> Androidアプリの開発・プログラミング基礎を丁寧に教えます！

マンツーマンでjava基礎、わからない部分を丁寧に解説！
Androidアプリ開発の方法・技術的な解説
ITエンジニア転職の相談
ITスクール選びで悩んでいる
実際に現場で習得しておきたいことを教えます＾＾

など内容は幅広くたいおういたします＾＾
お気軽に相談してください！

結論： ViewTreeObserver を使って取得する
Viewが作成されるまで大きさを取得できない
1. 実行結果ログ確認
viewTreeObserverを使用して幅・高さを取得してみる
1. viewTreeObserverの実行結果・ログ確認
まとめ

結論： ViewTreeObserver を使って取得する

大きさをレイアウトファイルで固定に設定していないViewの大きさを取得するには…

ViewTreeObserverを使えば、Viewの幅・高さを取得できます！

ゆーちゃま

実際に、コードを見ながら解説します！

Viewが作成されるまで大きさを取得できない

AndroidはViewが作成されてからでないと、幅や高さなどの大きさを取得することができません。

ゆーちゃま

まずは普通にViewの幅・高さを取得してみます

画面中央に背景がピンクのTextViewがあるだけの単純な画面です。

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <WebView
        android:id="@+id/webView"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:visibility="gone"/>
    <Button
        android:id="@+id/button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:layout_alignParentBottom="true"
        android:visibility="gone"/>
    <TextView
        android:id="@+id/testText"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="あいうえおああ"
        android:layout_centerInParent="true"
        android:background="@color/ozpink_accent"
        />
</RelativeLayout>

<?xmlversion="1.0"encoding="utf-8"?>

<RelativeLayout

xmlns:android="http://schemas.android.com/apk/res/android"

android:layout_width="match_parent"

android:layout_height="match_parent">

<WebView

android:id="@+id/webView"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:visibility="gone"/>

<Button

android:id="@+id/button"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_alignParentRight="true"

android:layout_alignParentBottom="true"

android:visibility="gone"/>

<TextView

android:id="@+id/testText"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="あいうえおああ"

android:layout_centerInParent="true"

android:background="@color/ozpink_accent"

</RelativeLayout>

ゆーちゃま

TextViewが真ん中にあるレイアウトxmlです＾＾

コードonCreate

    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_local_webview);
        
        // TextViewを取得
        final TextView textView = findViewById(R.id.testText);
        LogUtil.d(TAG, "textView.幅:" + textView.getWidth() + ", 高さ:" + textView.getHeight());

@Override

protectedvoidonCreate(@NullableBundlesavedInstanceState){

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_local_webview);

// TextViewを取得

finalTextViewtextView=findViewById(R.id.testText);

LogUtil.d(TAG,"textView.幅:"+textView.getWidth()+", 高さ:"+textView.getHeight());

ゆーちゃま

単純にonCreate()でtextViewを取得して、幅・高さをログに出力しています

実行結果ログ確認

log

ゆーちゃま

onCreate()実行時では、まだViewが作成されていないため幅・高さともに0になっています

viewTreeObserverを使用して幅・高さを取得してみる

では、実際にviewTreeObserverを使用してみましょう！

        // TextViewを取得
        final TextView textView = findViewById(R.id.testText);
        LogUtil.d(TAG, "textView.幅:" + textView.getWidth() + ", 高さ:" + textView.getHeight());

        // viewTreeObserverで大きさを取得
        textView.getViewTreeObserver().addOnGlobalLayoutListener(new ViewTreeObserver.OnGlobalLayoutListener() {
            @Override
            public void onGlobalLayout() {
                // Viewの大きさが決定すると、このonGlobalLayout()がコールされる
                LogUtil.d(TAG, "viewTreeObserver:textView.幅:" + textView.getWidth() + ", 高さ：" + textView.getHeight());
                // removeしないと何回もコールされてしまうので忘れずにremoveしましょう
                textView.getViewTreeObserver().removeOnGlobalLayoutListener(this);
            }
        });