[Android & Kotlin] Buttonをコードだけで記述する

レイアウトを コードだけで記述 することが必要な場合があります。ダイナミックにUIを変更したいケースなどです。

Android Studio
2021.1.1

Button

　
レイアウトは他にもありますが、まずLinearLayoutのケースで基本的な設定を確認してみたいと思います。
　

目次
1. setContentView
2. LinearLayoutのケース
3. サンプコード

setContentView

　
setContentView はその名の通り、スクリーン画面にViewを設定するメソッドです。設定されるViewはいくつかあるLayout形式の一つでまとめられたViewグループになります。
　

setContentView のメソッドは引数の取り方でいくつかあります

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

Ref: setContentView
　
1. の例では activity_main.xml を設定しています
　

setContentView(R.layout.activity_main)

1	setContentView(R.layout.activity_main)

　
このactivity_main.xmlの設定は静的、staticなものでアプリ起動中に簡単に変更することはできません。レイアウトを動的、dynamicに変化させたい場合は上の 2. を使います。
　

val layout = LinearLayout(this)
...
setContentView(layout)

val layout = LinearLayout(this)

...

setContentView(layout)

LinearLayoutのケース

　
ButtonをタップするとTextViewの表示を変える簡単な例

https://akira-watson.com/android/kotlin/button-sample.html

これはレイアウトファイル xml で作成しました。
これをコードで書くとこのようになります。Buttonのインスタンス生成は、
　

val button = Button(this)

1	val button = Button(this)

　
レイアウトファイルに記述していた箇所をコードで書きますが、今回はデフォルトのConstrraintlayoutではなく昔からある LinieaLayout でやってみます。(記述が簡単なので)
　

val layout = LinearLayout(this)

// orientationは垂直方向
layout.orientation = VERTICAL

// Layoutの横・縦幅の指定
layout.layoutParams = LayoutParams(
    LayoutParams.MATCH_PARENT,
    LayoutParams.MATCH_PARENT)

// 中央寄せ
layout.gravity = Gravity.CENTER

setContentView(layout)

val layout = LinearLayout(this)

// orientationは垂直方向

layout.orientation = VERTICAL

// Layoutの横・縦幅の指定

layout.layoutParams = LayoutParams(

LayoutParams.MATCH_PARENT,

LayoutParams.MATCH_PARENT)

// 中央寄せ

layout.gravity = Gravity.CENTER

setContentView(layout)

　
レイアウトXMLファイルを使わないので、その他にButtonやTextViewのレイアウトも設定します。
　
クリックリスナーは変わりません

サンプルコード

　
まとめるとこのようになります。
MainActivity.kt

//package your.package.name

import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import android.widget.TextView
import android.widget.LinearLayout.*
import android.graphics.Color
import android.view.Gravity
import android.widget.Button
import android.widget.LinearLayout


class MainActivity : AppCompatActivity() {

    private var flag = false

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        // don't call any layout files
        //setContentView(R.layout.activity_main)

        // to get dp unit
        val dp = resources.displayMetrics.density
        val sp = resources.displayMetrics.scaledDensity

        // Instantiation of linearLayout
        val layout = LinearLayout(this)

        val mParent =  LayoutParams.MATCH_PARENT
        val wContent =  LayoutParams.WRAP_CONTENT

        layout.layoutParams = LayoutParams(mParent, mParent)

        layout.orientation = VERTICAL

        layout.gravity = Gravity.CENTER

        // set up background color
        layout.setBackgroundColor(Color.rgb(0xdf, 0xff, 0xef))

        setContentView(layout)

        // Instantiation of TextView
        val textView = TextView(this)
        textView.text = getString(R.string.hello)
        textView.textSize = 12 * sp

        textView.layoutParams = LayoutParams(wContent, wContent)

        layout.addView(textView)

        // Instantiation of Button
        val button = Button(this)
        button.text = getString(R.string.button)

        val buttonLayoutParams = LayoutParams(
                (250 * dp).toInt(), wContent)

        buttonLayoutParams.topMargin = (40 * dp).toInt()

        button.layoutParams = buttonLayoutParams

        layout.addView(button)

        button.setOnClickListener {
            // flag == true
            if (flag) {
                textView.text = getString(R.string.hello)
                flag = false
            }
            // flag == false
            else {
                textView.text = getString(R.string.world)
                flag = true
            }
        }
    }
}

//package your.package.name

import androidx.appcompat.app.AppCompatActivity

import android.os.Bundle

import android.widget.TextView

import android.widget.LinearLayout.*

import android.graphics.Color

import android.view.Gravity

import android.widget.Button

import android.widget.LinearLayout

class MainActivity : AppCompatActivity() {

private var flag = false

override fun onCreate(savedInstanceState: Bundle?) {

super.onCreate(savedInstanceState)

// don't call any layout files

//setContentView(R.layout.activity_main)

// to get dp unit

val dp = resources.displayMetrics.density

val sp = resources.displayMetrics.scaledDensity

// Instantiation of linearLayout

val layout = LinearLayout(this)

val mParent = LayoutParams.MATCH_PARENT

val wContent = LayoutParams.WRAP_CONTENT

layout.layoutParams = LayoutParams(mParent, mParent)

layout.orientation = VERTICAL

layout.gravity = Gravity.CENTER

// set up background color

layout.setBackgroundColor(Color.rgb(0xdf, 0xff, 0xef))

setContentView(layout)

// Instantiation of TextView

val textView = TextView(this)

textView.text = getString(R.string.hello)

textView.textSize = 12 * sp

textView.layoutParams = LayoutParams(wContent, wContent)

layout.addView(textView)

// Instantiation of Button

val button = Button(this)

button.text = getString(R.string.button)

val buttonLayoutParams = LayoutParams(

(250 * dp).toInt(), wContent)

buttonLayoutParams.topMargin = (40 * dp).toInt()

button.layoutParams = buttonLayoutParams

layout.addView(button)

button.setOnClickListener {

// flag == true

if (flag) {

textView.text = getString(R.string.hello)

flag = false

}

// flag == false

else {

textView.text = getString(R.string.world)

flag = true

}

　
リソースファイルは必要です。
res\values\strings.xml

<resources>
    <string name="button">Your App Name</string>
    <string name="hello">Hello</string>
    <string name="world">World</string>
    <string name="button">Button</string>
</resources>

<string name="hello">Hello</string>

<string name="world">World</string>

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

</resources>

　
LinearLayoutはこのようにできましたが、他のレイアウトも同様にできます。
　
　
関連ページ：
Javaの場合

https://akira-watson.com/android/button-hardcoding.html

レイアウトファイルを使った場合

https://akira-watson.com/android/kotlin/button-sample.html

　
References:
LinearLayout | Android Developers
Button | Android Developers
レイアウト | Android Developers