おすすめ書籍はじめにこんにちはカイザーです。Buttonを表示するために、便利なライブラリを紹介します。Button(FAB)とはGoogle発祥の「Material」に定義されている、デザインコンポーネントの一種です。Androidアプリでよく見かけますが、WebサイトやGoogleが開発したiOSアプリでも見かけます。Buttonの定義はこちらで確認することができます。https://material.io/components/buttons-floating-action-button/この”FAB”を、普通のボタンで実装しても良いのですが、アニメーションやフィードバックなどのUIにこだわる場合に、便利なライブラリを紹介したいと思います。Components先ほど紹介した「Material」からリリースされている公式ライブラリです。UIやアニメーションの再現度が高く、様々なUIをサポートしています。FrameworkがUIコンポーネントごとに分割されているため、必要なもののみimportして使用することができます。全てのコンポーネントはこちらから確認することができ、コンポーネントごとに導入方法(Cocoapods)が記載されています。https://github.com/material-components/material-components-ios/tree/develop/components導入方法Cocoapodsのみサポートしています。installすると、インストールされます。公式からはコード上で配置する方法が紹介されていますが、今回はStoryboardで配置してみます。MDCFloatingButtonに設定します。次に、Attributeの設定ですが、以下の項目がFABのUIに紐づいています。これでFABが表示されます。addTargetで、タップ時等の処理を実装できます。Floatyこちらは、FABのみに特化したライブラリです。dial」に対応していることが特徴です。dialは、FABに複数の機能を持たせる時に最適な機能です。導入方法CocoapodsもしくはCarthageで導入できます。"kciter/Floaty"FABの配置FloatyはStoryboardでの配置をサポートしていますが、この記事作成時点ではうまく動作しないため、コードで追加します。Floaty()view.addSubview(floaty)これで、右下にFABが表示されます。FABをタップした時の処理Floatyの場合は、Delegateで受け取る必要があります。emptyFloatySelected()が呼び出されるため、こちらを実装します。新規ボタンが押された時の処理}view.addSubview(floaty)これで、FABをタップすると「送信ボタン」と「新規ボタン」が表示されるようになります。emptyFloatySelectedは呼ばれなくなります。さいごにいかがでしたか。iOSでFABを実装する際は、ぜひ検討してみてください。コメントをキャンセルメールアドレスが公開されることはありません。コメント名前メールアドレスサイト上に表示された文字を入力してください。こんにちは、nukkyです。こんにちは、nukkyです。私たちは無料アプリもリリースしています、ぜひご覧ください。下記のアイコンから無料でダウンロードできます。