[Android] inflate を使ってみる

BaseAdapterやちょっと複雑なレイアウトしようとすると登場する inflater とは何者なのか？
　

Android Studio
2021.2.1

Inflater

　
「inflate」はランダムハウス英和大辞典によれば社会人必須レベルとのことですが、どんな意味でしょう。

inflate: 拡張する,膨張させる
［ラテン語inflātus（in-中に＋flāre吹く＋-tus過去分詞語尾＝吹き込む）. △DEFLATE］
（ref. goo辞書）
語源からすると中に吹き込む、これが一番意味合いとして合っているように思います。
　

目次
1. Inflater使い方
2. サンプルコード
3. サンプル動画

Inflaterの使い方

　
レイアウトXMLファイルからViewを作るには直接インスタンス化するのではなく、getLayoutInflater（）またはgetSystemService（Class）を使うのです。
　
getLayoutnflater() について使い方を見てみます。
　
例えば activity_main.xml の中に LinearLayout を作ります。中は何もViewが入っていないのとサイズもView次第なので何も表示されません。この状態では他のViewのButtonとTextViewのみの表示となります。
　
activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 
	... >
	
    <Button
		... />
			

    <LinearLayout
        android:id="@+id/insert_layout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical" />

    <TextView
		... />

</LinearLayout>

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout

... >

<Button

... />

<LinearLayout

android:id="@+id/insert_layout"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:orientation="vertical" />

<TextView

... />

</LinearLayout>

　
この id が insert_layout の箇所に別のレイアウトXMLファイル、inflate_layout.xml を
inflate (int resource, ViewGroup root) を使ってinflateします。
　
inflate_layout.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    ... >

    <TextView
        ... />

    <ImageView
        ..."/>

</LinearLayout>

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout

... >

<TextView

... />

<ImageView

..."/>

</LinearLayout>

　
View inflate (int resource, ViewGroup root)

resource	ID for an XML layout resource to load (e.g., R.layout.main_page)
root	Optional view to be the parent of the generated hierarchy. This value may be null.

このように使います。
　

LinearLayout linearLayout = findViewById(R.id.insert_layout);

// inflate
getLayoutInflater().inflate(R.layout.inflate_layout, linearLayout);

// 削除
linearLayout.removeAllViews();

LinearLayout linearLayout = findViewById(R.id.insert_layout);

// inflate

getLayoutInflater().inflate(R.layout.inflate_layout, linearLayout);

// 削除

linearLayout.removeAllViews();

サンプルコード

　
これをまとめると
　
MainActivity.java

//package com.example.testinflate;

import androidx.appcompat.app.AppCompatActivity;
import android.os.Bundle;
import android.widget.Button;
import android.widget.LinearLayout;
import android.widget.TextView;

public class MainActivity extends AppCompatActivity {

    private LinearLayout linearLayout;
    private boolean flag = false;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        linearLayout = findViewById(R.id.insert_layout);

        TextView textView = findViewById(R.id.text);
        textView.setText(R.string.contents);

        Button button = findViewById(R.id.button);
        button.setOnClickListener(v -> {
            if (!flag) {
                getLayoutInflater().inflate(R.layout.inflate_layout, linearLayout);
                flag = true;
            }
            else {
                linearLayout.removeAllViews();
                flag = false;
            }
        });
    }
}

//package com.example.testinflate;

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;

import android.widget.Button;

import android.widget.LinearLayout;

import android.widget.TextView;

public class MainActivity extends AppCompatActivity {

private LinearLayout linearLayout;

private boolean flag = false;

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

linearLayout = findViewById(R.id.insert_layout);

TextView textView = findViewById(R.id.text);

textView.setText(R.string.contents);

Button button = findViewById(R.id.button);

button.setOnClickListener(v -> {

if (!flag) {

getLayoutInflater().inflate(R.layout.inflate_layout, linearLayout);

flag = true;

}

else {

linearLayout.removeAllViews();

flag = false;

}

});

}

　
元になるレイアウトです。
activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:padding="16dp"
    android:orientation="vertical"
    android:background="#000"
    tools:context=".MainActivity">

    <Button
        android:id="@+id/button"
        android:layout_width="150dp"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"
        android:layout_margin="20dp"
        android:text="@string/button" />

    <LinearLayout
        android:id="@+id/insert_layout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical" />

    <TextView
        android:id="@+id/text"
        android:textColor="#ff0"
        android:layout_margin="30dp"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />

</LinearLayout>

<?xml version="1.0" encoding="utf-8"?>

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

xmlns:tools="http://schemas.android.com/tools"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:padding="16dp"

android:orientation="vertical"

android:background="#000"

tools:context=".MainActivity">

<Button

android:id="@+id/button"

android:layout_width="150dp"

android:layout_height="wrap_content"

android:layout_gravity="center_horizontal"

android:layout_margin="20dp"

android:text="@string/button" />

<LinearLayout

android:id="@+id/insert_layout"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:orientation="vertical" />

<TextView

android:id="@+id/text"

android:textColor="#ff0"

android:layout_margin="30dp"

android:layout_width="match_parent"

android:layout_height="wrap_content" />

</LinearLayout>

　
inflate_layout.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <TextView
        android:text="@string/text"
        android:gravity="center"
        android:textColor="#ff0"
        android:textSize="30sp"
        android:layout_margin="10dp"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"/>

    <ImageView
        android:src="@drawable/img"
        android:scaleType="centerCrop"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:contentDescription="@string/description"/>

</LinearLayout>

<?xml version="1.0" encoding="utf-8"?>

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

android:orientation="vertical"

android:layout_width="match_parent"

android:layout_height="match_parent">

<TextView

android:text="@string/text"

android:gravity="center"

android:textColor="#ff0"

android:textSize="30sp"

android:layout_margin="10dp"

android:layout_width="match_parent"

android:layout_height="wrap_content"/>

<ImageView

android:src="@drawable/img"

android:scaleType="centerCrop"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:contentDescription="@string/description"/>

</LinearLayout>

　
strings.xml

<resources>
    <string name="app_name">Your　App　Name</string>
    <string name="button">Button</string>
    <string name="description">Yuka</string>
    <string name="text">Birthday Events!</string>
    <string name="contents">
            "日付：\n"
            "20XX年05月22日\n"
            "会場：\n"
            "東京都新宿区山吹町 Bスタジオ\n\n"
            "第1部：10時00分～11時00分\n"
            "（手作りケーキ？お菓子を食べよう！）\n"
            "第2部：11時15分～12時15分\n"
            "（ゆかちぃとゲーム！＜頭脳編＞）\n"
            "握手会\n"
            "12時30分～13時00分\n"
            "（握手会：その１）\n"
            "第3部："
            "14時00分～15時00分\n"
            "（ゆかちぃとゲーム！＜アクティブ編＞）\n"
            "第4部："
            "15時15分～16時15分"</string>
</resources>

<string name="button">Button</string>

<string name="text">Birthday Events!</string>

"日付：\n"

"20XX年05月22日\n"

"会場：\n"

"東京都新宿区山吹町 Bスタジオ\n\n"

"第1部：10時00分～11時00分\n"

"（手作りケーキ？お菓子を食べよう！）\n"

"第2部：11時15分～12時15分\n"

"（ゆかちぃとゲーム！＜頭脳編＞）\n"

"握手会\n"

"12時30分～13時00分\n"

"（握手会：その１）\n"

"第3部："

"14時00分～15時00分\n"

"（ゆかちぃとゲーム！＜アクティブ編＞）\n"

"第4部："

"15時15分～16時15分"</string>

</resources>

サンプル動画

ViewGroup viewGroup = findViewById(R.id.root);

Context context = getApplicationContext();
LayoutInflater inflater = LayoutInflater.from(context);
// LayoutInflater inflater = (LayoutInflater)context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);

// inflate
inflater.inflate(R.layout.inflate_layout, viewGroup);

// 削除
viewGroup.removeAllViews();

ViewGroup viewGroup = findViewById(R.id.root);

Context context = getApplicationContext();

LayoutInflater inflater = LayoutInflater.from(context);

// LayoutInflater inflater = (LayoutInflater)context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);

// inflate

inflater.inflate(R.layout.inflate_layout, viewGroup);

// 削除

viewGroup.removeAllViews();

-->
　
　
References:
LayoutInflater | Android Developers
getLayoutInflater