このセクションの記事一覧はこちら

タブバー(アクティブメニュー)をアレンジする方法

タブバーのカスタマイズは、特に設定を行わなくても、iPhoneのデフォルトのスタイルが設定されているので問題ない見た目になりますが、色をアレンジすることでより良いデザインに仕上がります。

デザインする際は、選択中のアイコンの設定をはじめにしてみましょう。
ナビゲーションバーと同系色の色を設定すると、良い結果が出るでしょう。背景色なども、合わせて設定し、タブバーのデザインを仕上げてください。

タブバー.png

  1. 背景:背景色を設定します。
  2. アイコン:アイコンの色を設定します。
  3. 選択中のアイコン:選択されている時のアイコンの色を設定します。

 

さらに、アイコンアニメーション設定をONにすると、タブバーのアイコンに次のようなアニメーションをつけることができます。

tabbar.gif

こちらのアイコンアニメーション設定は、アプリのバージョンが以下を満たしている必要がございます。

  必要なアプリのバージョン
iOS用アプリ 10.28.0以降
Android用アプリ 10.28.0以降

設定を行う前に、必ず公開済みのアプリが上記バージョン以上であるかをご確認ください。

参考:『アプリのバージョンを確認する方法

対応しているバージョン未満の場合、管理画面の「アプリ登録」より『再申請』をいただくと、弊社にてバージョンアップの対応をさせていただきます。

参考:『アプリを再申請する

不明点はございますか? お気軽にお問い合わせください >

不明点はございますか? お気軽にお問い合わせください >