AndroidでFloatingActionButtonを使用する

この記事は2020年07月30日に投稿しました。

目次

1. はじめに
2. AndroidでFloatingActionButtonを使用する
3. おわりに

リンク

1. はじめに

こんにちは、iOSのエディタアプリPWEditorの開発者の二俣です。
今回は業務で使用しているAndroidでFloatingActionButtonを使用する方法についてです。

目次へ

2. AndroidでFloatingActionButtonを使用する

AndroidでFloatingActionButtonを使用するには、以下のような実装になります。

実装例

app/build.gradle

以下を追加します。
バージョン番号は実装時に確認してください。

dependencies {
    implementation 'com.google.android.material:material:1.3.0-alpha02'
}

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <!-- FloatingActionButtonを配置します。 -->
    <com.google.android.material.floatingactionbutton.FloatingActionButton
        android:id="@+id/fab"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margin="16dp"
        android:src="@drawable/ic_baseline_add_24"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent" />

</androidx.constraintlayout.widget.ConstraintLayout>

MainActivity.kt

package info.paveway.samplefloatingactionbutton

import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import android.view.View
import android.widget.Toast
import com.google.android.material.floatingactionbutton.FloatingActionButton

class MainActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)

        // FloatingActionButtonにリスナーを設定します。
        val listener = FabOnClickListener()
        val fab = findViewById<FloatingActionButton>(R.id.fab)
        fab.setOnClickListener(listener)
    }

    // FloatingActionButtonがクリックされた時に呼び出されるリスナー
    private inner class FabOnClickListener : View.OnClickListener {
        override fun onClick(view: View?) {
            Toast.makeText(applicationContext, "FabOnCLick", Toast.LENGTH_SHORT).show()
        }
    }
}

実行結果

API Reference

FloatingActionButtonクラス

目次へ

3. おわりに

FloatingActionButtonは今時なUIコントロールです。
画面上にボタンが表示されるため、用途に応じて使用する感じです。

リンク

紹介している一部の記事のコードはGitlabで公開しています。
興味のある方は覗いてみてください。

目次へ

---

私が勤務しているニューラルでは、主に組み込み系ソフトの開発を行っております。
弊社製品のハイブリッドOS [Bi-OS][Bi-OS]は高い技術力を評価されており、特に制御系や通信系を得意としています。
私自身はiOSモバイルアプリやウィンドウズアプリを得意としております。
ソフトウェア開発に関して相談などございましたら、お気軽にご連絡ください。

また一緒に働きたい技術者の方も随時募集中です。
興味がありましたらご連絡ください。

EMAIL : info-nr@newral.co.jp / m-futamata@newral.co.jp
TEL : 042-523-3663
FAX : 042-540-1688

目次へ