Bottom navigation

Transcript

1. Bottom navigation @takuji31
2. @takuji31 (Takuji Nishibayashi) Application Engineer at Hatena
3. Loves ! (AVG 170 ~ 175)
4. Loves Kotlin
5. Kansai.kt #2 ΍Γ·͢
6. 11݄26೔(౔) 14:30ʙ ͸ͯͳژ౎ΦϑΟε
7. ࠷ۙ͸Perlͱ Markdownॻ͍ͯ·͢
8. AGENDA • Bottom navigation • BottomNavigationViewΛ࢖ͬͯΈΔ
9. Bottom navigation
10. Material Designίϯϙ ʔωϯτͷҰͭ
11. 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
12. Botton navigation • 3ʙ5ͭͷτοϓϨϕϧͷView੾Γସ͑ΛγϯάϧλοϓͰߦ ͏ͨΊͷComponent • 3ʙ5ݸҎ֎ͷ࣌ɺτοϓϨϕϧҎ֎ͷ࣌ʹ͸࢖͏΂͖Ͱ͸ͳ ͍ • Bottom͕ͩɺେ͖ͳը໘ͷ࣌͸ࠨʹදࣔ͢Δ
14. iOSͷTabBarΈ͍ͨͳ΍ ͭ
15. ͋Δ೔ಥવΨΠυϥΠϯ ʹग़ݱ
16. ΋ͪΖΜ࣮૷͸ͳ͍
17. !
18. 2016/10/19
19. Android 7.1 Developer Preview
20. Support Library 25.0.0
22. αϥͬͱ௥Ճ͞Ε͍ͯͨ
23. Bottom Navigation View Λ࢖ͬͯΈΔ
24. build.gradle dependencies { compile 'com.android.support:design:25.0.0' }
25. layout.xml <RelativeLayout> <android.support.design.widget.BottomNavigationView app:menu="@menu/bottom_navigation" android:layout_width="match_parent" android:layout_height="wrap_content" /> </RelativeLayout>
26. 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>
27. 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 } }
29. ࢖ͬͯΈͯ • menuͷxmlॻ͚ͩ͘ͰͦΕͬΆ͍ͷ͕Ͱ͖͕͋Δ • ΞΠίϯ͸ToolbarͳΜ͔ͱಉ͡Α͏ʹtinting͞ΕΔ • Πϕϯτ͸OnNavigationItemSelectedListenerΛઃఆͯͦ͠ ͜ͰͳΜ͔΍Δ
30. ࢖ͬͯΈͯ • 5݅·Ͱ͔͠ஔ͚ͳ͍ɺͦΕҎ্ஔ͍ͨΒྫ֎ • 3݅ͱͦΕҎ্Ͱϝχϡʔࣗମͷݟͨ໨͕ҧ͏ • 3݅ͷ࣌͸ςΩετ෇͖Ͱ౳ִؒදࣔ • 4݅Ҏ্ͷ࣌͸ඇΞΫςΟϒͳ΋ͷ͸ςΩετඇදࣔɺબ୒͞Εͨ΋ͷ͕޿͕ ͬͯදࣔ • ੾Γସ͑࣌ʹΞχϝʔγϣϯ͢ΔΜ͚ͩͲɺͳΜ͔ҧ͏ • API25·ͩPreviewͳͷͰ࢖͏ͱຊମͷιʔείʔυ͕ݟ͑ͳ͍! • ͓΋ͯͨΜͱ͕ͪ͏ʂ
31. takuji31/ KanmobaAndroid
32. enjoy navigation life !