TikTokリストのスライドでは、PagerSnapHelperを使用します。PagerSnapHelperは、Androidによって提供されるAPIです。アイテムをスライドするたびに、その機能はViewPageの機能と同様であり、RecycleViewに直接接続できます。
class RecycleActivity : AppCompatActivity() {
companion object {
fun launch(context: Context) {
context.startActivity<RecycleActivity>()
}
}
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContentView(R.layout.activity_recycle)
recycle_view.layoutManager = LinearLayoutManager(this)
PagerSnapHelper().attachToRecyclerView(recycle_view)
recycle_view.adapter = MyAdapter()
}
class MyAdapter : RecyclerView.Adapter<MyViewHole>() {
override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): MyViewHole {
val view =
LayoutInflater.from(parent.context).inflate(R.layout.item_layout, parent, false)
return MyViewHole(view)
}
override fun getItemCount() = 30
override fun onBindViewHolder(holder: MyViewHole, position: Int) {
holder.bind(position)
}
}
class MyViewHole(itemView: View) : RecyclerView.ViewHolder(itemView) {
fun bind(position: Int) {
itemView.findViewById<TextView>(R.id.tv).text = "$position"
}
}
}
対応するレイアウトファイルxml。アイテムの幅と高さが全画面であることに注意してください。
<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
xmlns:app="http://schemas.android.com/apk/res-auto">
<android.support.v7.widget.AppCompatTextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/tv"
android:textSize="40sp"
android:background="@color/color_00a3f3_50"
android:padding="20dp"
android:textColor="@color/color_0d0d0d"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintBottom_toBottomOf="parent">
</android.support.v7.widget.AppCompatTextView>
<View
android:layout_width="0dp"
android:layout_height="10dp"
android:background="@color/color_00a3f3"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintBottom_toBottomOf="parent">
</View>
</android.support.constraint.ConstraintLayout>
gifを見て
上記のコードに問題はありません。質問がある場合はメッセージを残してください