Lock in $30 Savings on PRO—Offer Ends Soon! ⏳
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Bottom navigation
Search
Takuji Nishibayashi
October 26, 2016
Technology
0
180
Bottom navigation
Takuji Nishibayashi
October 26, 2016
Tweet
Share
More Decks by Takuji Nishibayashi
See All by Takuji Nishibayashi
compose-hot-reload を試そうとした話
takuji31
0
110
CameraX使ってみた
takuji31
0
260
kotlinx.datetime 使ってみた
takuji31
0
920
HiltのCustom Componentについて
takuji31
0
320
java.timeをAndroidで使う
takuji31
0
160
KSPを使ってコード生成
takuji31
0
410
Kotlin Symbol Processing API (KSP) を使って Kotlin ア プリケーションの開発を効率化する
takuji31
1
3k
kotlinx.serialization
takuji31
0
650
kanmoba-returns-02.pdf
takuji31
0
260
Other Decks in Technology
See All in Technology
MLflowダイエット大作戦
lycorptech_jp
PRO
1
140
RAG/Agent開発のアップデートまとめ
taka0709
0
190
初めてのDatabricks AI/BI Genie
taka_aki
0
200
Lambdaの常識はどう変わる?!re:Invent 2025 before after
iwatatomoya
1
620
MLflowで始めるプロンプト管理、評価、最適化
databricksjapan
1
250
Snowflakeでデータ基盤を もう一度作り直すなら / rebuilding-data-platform-with-snowflake
pei0804
6
1.6k
コンテキスト情報を活用し個社最適化されたAI Agentを実現する4つのポイント
kworkdev
PRO
1
1.5k
Lookerで実現するセキュアな外部データ提供
zozotech
PRO
0
150
Haskell を武器にして挑む競技プログラミング ─ 操作的思考から意味モデル思考へ
naoya
6
1.6k
1人1サービス開発しているチームでのClaudeCodeの使い方
noayaoshiro
1
290
生成AI活用の型ハンズオン〜顧客課題起点で設計する7つのステップ
yushin_n
0
230
AWSを使う上で最低限知っておきたいセキュリティ研修を社内で実施した話 ~みんなでやるセキュリティ~
maimyyym
2
1.7k
Featured
See All Featured
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
21
1.3k
Done Done
chrislema
186
16k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
508
140k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
48
9.8k
How Fast Is Fast Enough? [PerfNow 2025]
tammyeverts
3
390
Building Flexible Design Systems
yeseniaperezcruz
330
39k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
132
19k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
12
1.3k
Balancing Empowerment & Direction
lara
5
800
A better future with KSS
kneath
240
18k
Become a Pro
speakerdeck
PRO
31
5.7k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
54k
Transcript
Bottom navigation @takuji31
@takuji31 (Takuji Nishibayashi) Application Engineer at Hatena
Loves ! (AVG 170 ~ 175)
Loves Kotlin
Kansai.kt #2 Γ·͢
11݄26() 14:30ʙ ͯͳژΦϑΟε
࠷ۙPerlͱ Markdownॻ͍ͯ·͢
AGENDA • Bottom navigation • BottomNavigationViewΛͬͯΈΔ
Bottom navigation
Material Designίϯϙ ʔωϯτͷҰͭ
Bottom navigation bars make it easy to explore and switch
between top- level views in a single tap. — https://material.google.com/components/bottom- navigation.html
Botton navigation • 3ʙ5ͭͷτοϓϨϕϧͷViewΓସ͑ΛγϯάϧλοϓͰߦ ͏ͨΊͷComponent • 3ʙ5ݸҎ֎ͷ࣌ɺτοϓϨϕϧҎ֎ͷ࣌ʹ͏͖Ͱͳ ͍ • Bottom͕ͩɺେ͖ͳը໘ͷ࣌ࠨʹදࣔ͢Δ
None
iOSͷTabBarΈ͍ͨͳ ͭ
͋ΔಥવΨΠυϥΠϯ ʹग़ݱ
ͪΖΜ࣮ͳ͍
!
2016/10/19
Android 7.1 Developer Preview
Support Library 25.0.0
None
αϥͬͱՃ͞Ε͍ͯͨ
Bottom Navigation View ΛͬͯΈΔ
build.gradle dependencies { compile 'com.android.support:design:25.0.0' }
layout.xml <RelativeLayout> <android.support.design.widget.BottomNavigationView app:menu="@menu/bottom_navigation" android:layout_width="match_parent" android:layout_height="wrap_content" /> </RelativeLayout>
menu.xml <menu xmlns:android="http://schemas.android.com/apk/res/android"> <item android:id="@+id/menu_home" android:icon="@drawable/ic_home_black_24dp" android:title="Home"/> <item android:id="@+id/menu_notifications" android:icon="@drawable/ic_notifications_black_24dp"
android:title="Notifications"/> <item android:id="@+id/menu_profile" android:icon="@drawable/ic_person_black_24dp" android:title="Profile"/> </menu>
Activity override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) setContentView(R.layout.activity_bottom_navigation_view) bottomNavigationView.setOnNavigationItemSelectedListener {
textView.text = "This is " + it.title.toString() true } }
None
ͬͯΈͯ • menuͷxmlॻ͚ͩ͘ͰͦΕͬΆ͍ͷ͕Ͱ͖͕͋Δ • ΞΠίϯToolbarͳΜ͔ͱಉ͡Α͏ʹtinting͞ΕΔ • ΠϕϯτOnNavigationItemSelectedListenerΛઃఆͯͦ͠ ͜ͰͳΜ͔Δ
ͬͯΈͯ • 5݅·Ͱ͔͠ஔ͚ͳ͍ɺͦΕҎ্ஔ͍ͨΒྫ֎ • 3݅ͱͦΕҎ্Ͱϝχϡʔࣗମͷݟ͕ͨҧ͏ • 3݅ͷ࣌ςΩετ͖Ͱִؒදࣔ • 4݅Ҏ্ͷ࣌ඇΞΫςΟϒͳͷςΩετඇදࣔɺબ͞Εͨͷ͕͕ ͬͯදࣔ
• Γସ͑࣌ʹΞχϝʔγϣϯ͢ΔΜ͚ͩͲɺͳΜ͔ҧ͏ • API25·ͩPreviewͳͷͰ͏ͱຊମͷιʔείʔυ͕ݟ͑ͳ͍! • ͓ͯͨΜͱ͕ͪ͏ʂ
takuji31/ KanmobaAndroid
enjoy navigation life !