Member-only story

[Android][Kotlin][Custom View]客製UI心得分享(1):左右切換view與動畫的下拉欄

Eleg.Aces.KC
4 min readNov 13, 2020

--

Hello,大家好,這裡是Elegant Access的 KC

平時是一位Android Developer ,擅長的語言是Kotlin ,Java ,喜歡的開發風格是使用封裝 ,抽象與泛型…等觀念去開發,因為我認為,在實現app的過程中,應該保持coding版面的乾淨,一方面可以增加code reuse的可能,也能降低一些冗余程式碼的產生,未來當你寫出更多code要來維護時,你也能一目瞭然的知道你是怎麼寫的,所以對我來說善用各種觀念與不同design parttern或架構去完成一個project是我對自己基本的要求,當然,寫code肯定有比你更強的人在寫,所以除了用過去學習過的方法去寫code, 我也會不停增加自己的經驗,像是最近就在惡補 receiver type & extension 的用法,在未來也希望能分享給各位,接著就進入正文吧:

左右切換view與動畫的bottom sheet

首先最容易讓人理解的方式,就是直接先上影片,效果如影片:


在這個demo裡面你會看到的有:
● 下拉bottom sheet● Recycler view 左右滑動● Recycler view 中每個Item點擊時切換● bottom sheet上下滑動時ImageView的淡出淡入● Recycler view初始化時置中● Recycler view 中Item margin設置● WebView 跳轉到應用程式

在這個Project 中,我繼承了下面的一些類(只列出主要用到的類)有

● LinearLayoutManager

● BottomSheetBehavior

● ItemDecoration

● OnScrollListener

…等等,當然還有其他的類就不一一列出來了。

在這裡的話,本篇我會先介紹這個demo project的一些特色,如下:

像是能夠隨著滑動,做出相對應的變化,如imageView淡入,淡出等等。

--

--

Eleg.Aces.KC
Eleg.Aces.KC

Written by Eleg.Aces.KC

Welcome ! Here is Elegant Access ,in here ,I will show you some android develop skill or some tutorial ,please follow me that you can get latest story.

No responses yet

Write a response