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

タブバー(アクティブメニュー)のデザイン設定をする

タブバー(アクティブメニュー)のアイコンに次のような動きをつけることや、アイコン下のテキスト表示の有無や太字設定を変更することができます。

tabbar.gif

 

必要なアプリバージョン

本機能をご利用いただくには、アプリが以下のバージョンとなっている必要がございます。

項目名 iOS用アプリの対応バージョン Android用アプリの対応バージョン
アイコンアニメーション 10.28.0以降
太字 10.67.0以降
テキスト表示 10.67.0以降

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

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

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

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

 

設定方法

  1. 管理画面の「デザイン」より「共通スタイル」をクリックします。
    タブバーのアイコンにアニメーションをつける1.png
  2. 「アイコンアニメーション」「太字」「テキスト表示」の項目を任意の設定にします。
    参考:『共通スタイル - デザイン設定
    タブバーのアイコンにアニメーションをつける2.png
  3. Preview Yappliで挙動を確認し、問題がなければ再構築をします。
    参考:『再構築とは

 

更新履歴

    • 2025年3月7日 テキスト表示や太字設定について追記

 

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

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