techiumスマートフォン用の表示で見るtechiumこのブログは何かに追われないと頑張れない人たちが週一更新をノルマに技術情報を発信するブログです。いただけますと気が向いたら調査するかもしれません。この広告は、90日以上更新していないブログに表示しています。LibraryのBottomNavigationの使い方について説明したが、今回はAHBottomNavigationというライブラリについて記載します。ナビゲーションアイテムに簡単にバッジを表示できる機能や、ナビゲーションタップによるFragment遷移を簡単にできるAHBottomNavigationViewPagerを備えています。ナビゲーションをタップした時の背景の切り替えや切り替え時のアニメーションなどもサポートしています。それでは、通常のBottomNavigationViewを置き換えるところから説明します。以前の記事は以下で確認ください。techiumセットアップアプリレベルのbuild.gradleに依存関係を追加します。'com.aurelhubert:ahbottomnavigation:2.1.0'}レイアウトにAHBottomNavigationViewを追加する単純にBottonNavigationViewを置き換えてください。AHBottomNavigationはXMLからmenuは設定できませんのでCode上から設定します。app:layout_constraintRight_toRightOf="parent"/>ナビゲーションアイテムを設定するActivity/Fragmentからmenuを設定します。AHBottomNavigationAdapterのコンストラクタにmenuのリソースを渡して生成します。AHBottomNavigationAdapter#setupWithBottomNavigationをコールすると準備完了です。}ナビゲーションのタップをハンドリングするナビゲーションがタップはOnTabSelectedListenerに通知されます。onTabSelectedメソッドをオーバーライドして、タップされたpositionとすでに選択状態だったかのパラメータを受け取ります。SupportLibraryのBottomNavigationViewでは、タップされたMenuItemを引数でもらえましたが、ここではポジションしか渡されないので、どのmenuIDがタップされたかはわかりません。AHBottomNavigationAdapter#getMenuItemメソッドを使ってタップされたMenuItemを取得してIDを確認します。};NavigationItemにバッジを表示するバッジを表示するには表示する文言とNavigationItemのポジションが必要です。IDがnavigation_notificationsのNavigationItemにバッジを表示したいのでAdapterからポジションを取得しています。バッジを削除するときは、空文字を設定します。AHBottomNavigation#setNotification~メソッドでバッジの背景や文字の色、アイコンとのマージンなど細かく設定できます。}以下のように表示されます。スペースの関係で10以上の時は、9+などに置き換えるなどの処理が必要そうですね。アプリに追加しましょう。Kotlinはてなブログをはじめよう!kobashin__Gさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。