BottomNavigationViewをカスタムしてFiNCアプリ独自のUIを実現

テクノロジーカテゴリーの変更を依頼記事元:

medium.com

26users がブックマークコメント

記事へのコメント1件

注目コメント
新着コメント

S64 バッジの数値によって文字サイズとか変えてるのいいな〜、ウチにも入れるか FrameLayoutから拡張してる (ほぼ自前実装) のにsupportパッケージ内に置いてるのは何故だろう。package-privateなヤツ参照してるとしたら怖いのだが

2018/08/31 リンク

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

リンクを埋め込む

以下のコードをコピーしてサイトに埋め込むことができます

<iframe marginwidth="0" marginheight="0" src="https://b.hatena.ne.jp/entry.parts?url=https%3A%2F%2Fmedium.com%2Ffinc-engineering%2Fbottomnavigationview%25E3%2582%2592%25E3%2582%25AB%25E3%2582%25B9%25E3%2582%25BF%25E3%2583%25A0%25E3%2581%2597%25E3%2581%25A6finc%25E3%2582%25A2%25E3%2583%2597%25E3%2583%25AA%25E7%258B%25AC%25E8%2587%25AA%25E3%2581%25AEui%25E3%2582%2592%25E5%25AE%259F%25E7%258F%25BE-2f1decf09079" scrolling="no" frameborder="0" height="230" width="500"><div class="hatena-bookmark-detail-info"><a href="https://medium.com/finc-engineering/bottomnavigationview%E3%82%92%E3%82%AB%E3%82%B9%E3%82%BF%E3%83%A0%E3%81%97%E3%81%A6finc%E3%82%A2%E3%83%97%E3%83%AA%E7%8B%AC%E8%87%AA%E3%81%AEui%E3%82%92%E5%AE%9F%E7%8F%BE-2f1decf09079">BottomNavigationViewをカスタムしてFiNCアプリ独自のUIを実現</a><a href="https://b.hatena.ne.jp/entry/s/medium.com/finc-engineering/bottomnavigationview%E3%82%92%E3%82%AB%E3%82%B9%E3%82%BF%E3%83%A0%E3%81%97%E3%81%A6finc%E3%82%A2%E3%83%97%E3%83%AA%E7%8B%AC%E8%87%AA%E3%81%AEui%E3%82%92%E5%AE%9F%E7%8F%BE-2f1decf09079">はてなブックマーク - BottomNavigationViewをカスタムしてFiNCアプリ独自のUIを実現</a></div></iframe>

プレビュー

規約違反を報告

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

BottomNavigationViewをカスタムしてFiNCアプリ独自のUIを実現

こんにちは、技術開発本部のバイソン改め南里です。FiNCというヘルスケアの会社でアプリ開発(iOS/Androi... こんにちは、技術開発本部のバイソン改め南里です。FiNCというヘルスケアの会社でアプリ開発(iOS/Android)に携わっています。本エントリでは、FiNCのAndroidアプリ上で利用するBottomNavigationViewのカスタムライブラリを作った際の取り組みに関して話します。 FiNCで利用するカスタムUIの課題FiNCでは、ホーム画面にBottomNavigationViewを利用しています。 BottomNavigationView自体は、Frameworkでも提供されているコンポーネントですが、FiNCでは以下の要件があります。(BottomNavigationViewの基本を知りたい方はこちら。) BottomNavigationViewには未読を示すバッジがつくユーザータイプ(法人、一般ユーザー向けなど)によって異なるBottomNavigationIt emを表示