expanding action buttonは円形に広がるメニューを実装できるのが特徴です。メニューリストを表示させたい時だけボタンをクリックすればいいので、画面領域の狭いスマホなどのモバイルには最適なナビゲーションメニューといえます。
expanding action button
以下のページからexpanding action buttonの実際のデモ動作やコードの記述例をチェックできます。
デモではスマホのようなスクリーンが表示されていて、その中の右下にある「+」ボタンをクリックするとメニューが円形に広がって表示されます。メニュー項目はテキストではなくアイコンになっているので、直感的に選択できると思います。
アニメーションも滑らかで操作性もシンプルなのが使いやすいですね。
メニューが展開されると「+」ボタンの部分が「×」に変わります。再度ここをクリックするとメニューが閉じられて元の状態に戻ります。
スマホなどといった画面のスペースをできる限り有効活用したい人には最適なメニューになりそうですね。
というわけで、円形に広がるシンプルな操作性を備えたメニューを実装できる「expanding action button」の紹介でした。
