Member-only story
[Android][Kotlin][Custom View]客製UI心得分享(1):左右切換view與動畫的下拉欄
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淡入,淡出等等。