Member-only story

[Android][Kotlin][Custom View]客製UI心得分享(3):實作篇 -橫向左右滾動recycler view

Eleg.Aces.KC
9 min readNov 21, 2020

--

Hello,大家好,這裡是Elegant Access的 KC,歡迎大家繼續回來看如何客製化的實作篇,今天的內容會提到怎樣實作一個左右滑動的recycler view,並且提到如何調整,讓它滑動起來有pager的滑動感以及讓item間有間距的調整,好吧,廢話不多說,接著看下去吧!

今天的目標是學會怎麼樣實現一個能左右滑動,並且item間會有間隔,且他在滑動時可以移到指定的位置,不會跑掉,不會報錯,不會crash的方法,因為常用recycler view的人都知道他滑動的區域,是可以直接滑動的,你沒告訴他的話,他不會知道你滑到哪裡是一個item,他會依照你手指的力道,去移動相對印的滑動量,所以,今天想要讓他有一個類似view pager 可以左右滑動,好像item之間,就是有一個邊界,當你滑到一定滑動量,系統就會知道你滑了一個item,好讓在你切換item的時候,做出相對應的動作,以提升使用者體驗。

首先第一步,很簡單,要先定義一個recycler view用的adapter,那這邊我習慣,先做其中的item的xml,所以如下:

接著,開始定義你的adapter,並讓adapter load進你剛剛創建的item:

在這邊,因為我習慣使用自定義的BaseListAdapter,在這個類裡面我習慣會用泛型來寫,去代替之後可能會丟進adapter的model,然後會在我的adapter裡面創建一個屬於這個adatper的viewholder,一樣也用了泛型,去取代未來可能會重複寫到類似code的地方,所以會看起來像下面這樣:

--

--

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