kotlin season 1 - Part 17 BottomSheet 적용하기

2016년 유데미 Kotlin 강의를 공개합니다.

동영상 : https://www.youtube.com/watch?v=RWlyCi2wnwI

2회 분은 유데미에서 확인 가능합니다.
http://bit.ly/2UpaJUR

Transcript

1. Part 17 Kotlin BottomSheet ੸ਊೞӝ Taehwan ରࣁ؀ উ٘۽੉٘ ѐߊ ঱য ௏ౣܽ, द੘ೞӝ thdev.tech, 2016 1
2. ࢠ೒ ௏٘ח!!! • Sample Code GitHub ࠳۠஖ : 11-DetailPage • https://github.com/taehwandev/Kotlin-Udemy-Sample/tree/ 11-Add-Detail-Page ରࣁ؀ উ٘۽੉٘ ѐߊ ঱য ௏ౣܽ, द੘ೞӝ thdev.tech, 2016 2
3. য়ט ೡ ࠗ࠙ • Android BottomSheet • BottomSheet ੸ਊೞӝ ରࣁ؀ উ٘۽੉٘ ѐߊ ঱য ௏ౣܽ, द੘ೞӝ thdev.tech, 2016 3
4. Android BottomSheet • Android Support Library 23.2ࠗఠ ࢎਊ оמ • android.support.design.widget.CoordinatorLayout ղী ನೣ غযঠ ࢎਊ оמ ରࣁ؀ উ٘۽੉٘ ѐߊ ঱য ௏ౣܽ, द੘ೞӝ thdev.tech, 2016 4
5. Android BottomSheet - dependencies ୶о dependencies { compile 'com.android.support:appcompat-v7:24.2.1' compile 'com.android.support:design:24.2.1' } ରࣁ؀ উ٘۽੉٘ ѐߊ ঱য ௏ౣܽ, द੘ೞӝ thdev.tech, 2016 5
6. Android BottomSheet ରࣁ؀ উ٘۽੉٘ ѐߊ ঱য ௏ౣܽ, द੘ೞӝ thdev.tech, 2016 6
7. BottomSheetਸ ੸ਊೞӝ ਤೠ ઱ਃ ௏٘ <?xml version="1.0" encoding="utf-8"?> <android.support.design.widget.CoordinatorLayout android:layout_width="match_parent" android:layout_height="match_parent" android:fitsSystemWindows="true"> <!-- ࢤۚ --> <RelativeLayout app:behavior_hideable="true" app:behavior_peekHeight="200dp" app:layout_behavior="@string/bottom_sheet_behavior"> <!-- ࢤۚ --> </RelativeLayout> </android.support.design.widget.CoordinatorLayout> ରࣁ؀ উ٘۽੉٘ ѐߊ ঱য ௏ౣܽ, द੘ೞӝ thdev.tech, 2016 7
8. FloatingActionButton ਤ஖ ৤ӝӝ <android.support.design.widget.FloatingActionButton // ࢤۚ ... app:layout_anchor="@id/rl_bottom_sheet" app:layout_anchorGravity="right" app:srcCompat="@android:drawable/ic_dialog_email" /> ରࣁ؀ উ٘۽੉٘ ѐߊ ঱য ௏ౣܽ, द੘ೞӝ thdev.tech, 2016 8
9. ௏٘۽ ੸ਊೞӝ - bottomSheetBehavior val bottomSheetBehavior = BottomSheetBehavior.from<RelativeLayout>(rl_bottom_sheet) ରࣁ؀ উ٘۽੉٘ ѐߊ ঱য ௏ౣܽ, द੘ೞӝ thdev.tech, 2016 9
10. ௏٘۽ ੸ਊೞӝ - peekHeight // ֫੉ ࢸ੿ bottomSheetBehavior.peekHeight = TypedValue.applyDimension( TypedValue.COMPLEX_UNIT_DIP, 200f, resources.displayMetrics).toInt() ରࣁ؀ উ٘۽੉٘ ѐߊ ঱য ௏ౣܽ, द੘ೞӝ thdev.tech, 2016 10
11. ௏٘۽ ੸ਊೞӝ - bottomSheet Callback bottomSheetBehavior.setBottomSheetCallback(object : BottomSheetBehavior.BottomSheetCallback() { override fun onSlide(bottomSheet: View, slideOffset: Float) { // Slide ... // 1੉ݶ ৮੹ ಟ୛૓ ࢚క // 0੉ݶ peekHeightੋ ࢚క // -1੉ݶ ऀӣ ࢚క Log.i("TAG", "slideOffset $slideOffset") } override fun onStateChanged(bottomSheet: View, newState: Int) { Log.d("TAG", "newState $newState") } }) ରࣁ؀ উ٘۽੉٘ ѐߊ ঱য ௏ౣܽ, द੘ೞӝ thdev.tech, 2016 11
12. ௏٘۽ ੸ਊೞӝ - State ߸҃ // ૑੿ೠ ֫੉݅ఀ ࠁৈ઱ӝ bottomSheetBehavior.state = BottomSheetBehavior.STATE_COLLAPSED // ऀӝӝ bottomSheetBehavior.state = BottomSheetBehavior.STATE_HIDDEN // ഛ੢ bottomSheetBehavior.state = BottomSheetBehavior.STATE_EXPANDED ରࣁ؀ উ٘۽੉٘ ѐߊ ঱য ௏ౣܽ, द੘ೞӝ thdev.tech, 2016 12
13. ࢠ೒ীࢲ ࢓ಝࠁӝ ରࣁ؀ উ٘۽੉٘ ѐߊ ঱য ௏ౣܽ, द੘ೞӝ thdev.tech, 2016 13
14. ଵҊ ੗ܐ • BottomSheet ରࣁ؀ উ٘۽੉٘ ѐߊ ঱য ௏ౣܽ, द੘ೞӝ thdev.tech, 2016 14
15. ׮਺਷ • UI పझ౟ ௏٘ ੘ࢿ ରࣁ؀ উ٘۽੉٘ ѐߊ ঱য ௏ౣܽ, द੘ೞӝ thdev.tech, 2016 15