KC Blog

Learning Android Kotlin Custom UI Techniques - Switching Views and Dropdown Animation Tutorial - 01

2 min read
AndroidDev#Android

Actual Effect

The easiest way to understand is to watch the video first. The effect is as shown in the video:

Cover

In this demo, you will see:
  1. Dropdown bottom sheet
  2. Recycler view left and right swipe
  3. Switching items on click in Recycler view
  4. Centering Recycler view on initialization
  5. Setting item margins in Recycler view
  6. WebView redirect to application

I also inherited some classes (only listing the main ones used):

  1. LinearLayoutManager
  2. BottomSheetBehavior
  3. ItemDecoration
  4. OnScrollListener …etc., other classes are not listed here.

In this article, I will first introduce some features of this demo, such as: The effect of the central imageView fading in and out as you scroll.

Cover Cover

The second step is to customize a left and right sliding recycler view, including:

  1. Customizing the recycler view including detailed adjustments
  2. Setting spacing
  3. Animations during scrolling (font color change, gradient, view change, etc.)
Cover Cover

Finally, here are some common parameter adjustments,

color code settings,

or other view block settings, etc.

If you're interested, keep reading!

Please refer to:

Cover

Learn Android Kotlin Custom UI Techniques - Switching Views and Dropdown Animation Tutorial - 02