Computer >> 컴퓨터 >  >> 프로그램 작성 >> Android

Kotlin을 사용하여 Android에서 RecyclerView로 끝없는 목록을 구현하는 방법은 무엇입니까?

<시간/>

이 예제는 Kotlin을 사용하여 Android에서 RecyclerView로 무한 목록을 구현하는 방법을 보여줍니다.

1단계 − Android Studio에서 새 프로젝트를 생성하고 파일 ⇒ 새 프로젝트로 이동하여 필요한 모든 세부 정보를 입력하여 새 프로젝트를 생성합니다.

2단계 − res/layout/activity_main.xml에 다음 코드를 추가합니다.

<?xml version="1.0" encoding="utf-8"?>
<androidx.cardview.widget.CardView xmlns:android="https://schemas.android.com/apk/res/android"
   xmlns:app="https://schemas.android.com/apk/res-auto"
   android:layout_width="match_parent"
   android:layout_height="wrap_content"
   app:cardElevation="2dp"
   app:cardUseCompatPadding="true">
   <TextView
      android:id="@+id/textViewItem"
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      android:padding="16dp"
      android:textColor="@android:color/holo_blue_bright"
      android:textStyle="bold" />
</androidx.cardview.widget.CardView>

3단계 − src/MainActivity.kt에 다음 코드 추가

import android.os.Bundle
import android.os.Handler
import androidx.appcompat.app.AppCompatActivity
import androidx.recyclerview.widget.LinearLayoutManager
import androidx.recyclerview.widget.RecyclerView
class MainActivity : AppCompatActivity() {
   lateinit var recyclerView: RecyclerView
   lateinit var recyclerViewAdapter: RecyclerViewAdapter
   var rowsArrayList: ArrayList<String> = ArrayList()
   var isLoading = false
   override fun onCreate(savedInstanceState: Bundle?) {
      super.onCreate(savedInstanceState)
      setContentView(R.layout.activity_main)
      title = "KotlinApp"
      recyclerView = findViewById(R.id.recyclerView)
      populateData()
      initAdapter()
      initScrollListener()
   }
   private fun initScrollListener() {
      recyclerView.addOnScrollListener(object : RecyclerView.OnScrollListener() {
         override fun onScrolled(recyclerView: RecyclerView, dx: Int, dy: Int) {
            super.onScrolled(recyclerView, dx, dy)
            val linearLayoutManager = recyclerView.layoutManager as LinearLayoutManager?
            if (!isLoading) {
               if (linearLayoutManager != null && linearLayoutManager.findLastCompletelyVisibleItemPosition() ==
               rowsArrayList.size − 1) {
                  //bottom of list!
                  loadMore()
                  isLoading = true
               }
            }
         }
      })
   }
   private fun initAdapter() {
      recyclerViewAdapter = RecyclerViewAdapter(rowsArrayList)
      recyclerView.layoutManager = LinearLayoutManager(applicationContext)
      recyclerView.adapter = recyclerViewAdapter
   }
   private fun populateData() {
      for (i in 0..9) {
         rowsArrayList.add("Number $i")
      }
   }
   private fun loadMore() {
      rowsArrayList.add(null.toString())
      recyclerViewAdapter.notifyItemInserted(rowsArrayList.size − 1)
      val handler = Handler()
      handler.postDelayed(Runnable {
         rowsArrayList.removeAt(rowsArrayList.size − 1)
         val scrollPosition = rowsArrayList.size
         recyclerViewAdapter.notifyItemRemoved(scrollPosition)
         var currentSize = scrollPosition
         val nextLimit = currentSize + 10
         while (currentSize − 1 < nextLimit) {
            rowsArrayList.add("Number $currentSize")
            currentSize++
         }
         recyclerViewAdapter.notifyDataSetChanged()
         isLoading = false
      }, 2000)
   }
}

4단계 − 새 클래스 RecyclerViewAdapter.kt를 만들고 다음 코드를 추가합니다. −

import android.view.LayoutInflater
import android.view.View
import android.view.ViewGroup
import android.widget.ProgressBar
import android.widget.TextView
import androidx.annotation.NonNull
import androidx.recyclerview.widget.RecyclerView
import androidx.recyclerview.widget.RecyclerView.ViewHolder
class RecyclerViewAdapter internal constructor(private val itemList: List<String>) :
RecyclerView.Adapter<ViewHolder>() {
   private val viewItemType = 0
   @NonNull
   override fun onCreateViewHolder(
   @NonNull parent: ViewGroup,
   viewType: Int
   ): ViewHolder {
      return if (viewType == viewItemType) {
         val view =
         LayoutInflater.from(parent.context).inflate(R.layout.item_row, parent, false)
         ItemViewHolder(view)
      } else {
         val view = LayoutInflater.from(parent.context)
         .inflate(R.layout.item_loading, parent, false)
         LoadingViewHolder(view)
      }
   }
   override fun onBindViewHolder(@NonNull viewHolder: ViewHolder, position: Int) {
      if (viewHolder is ItemViewHolder) {
         populateItemRows(viewHolder, position)
      } else if (viewHolder is LoadingViewHolder) {
         showLoadingView(viewHolder, position)
      }
   }
   override fun getItemViewType(position: Int): Int {
      return viewItemType
   }
   private inner class ItemViewHolder internal constructor(@NonNull itemView: View) :
   ViewHolder(itemView) {
      internal var tvItem: TextView = itemView.findViewById(R.id.textViewItem)
   }
   private class LoadingViewHolder internal constructor(itemView: View) :
   ViewHolder(itemView) {
      var progressBar: ProgressBar = itemView.findViewById(R.id.progressBar)
   }
   override fun getItemCount(): Int {
      return itemList.size
   }
   private fun showLoadingView(viewHolder: LoadingViewHolder, position: Int) {}
   private fun populateItemRows(viewHolder: ItemViewHolder, position: Int) {
      val item = itemList[position]
      viewHolder.tvItem.text = item
   }
}

5단계 − item_row.xml 레이아웃 리소스 파일을 만들고 다음을 추가합니다. −

<?xml version="1.0" encoding="utf-8"?>
<androidx.cardview.widget.CardView xmlns:android="https://schemas.android.com/apk/res/android"
   xmlns:app="https://schemas.android.com/apk/res-auto"
   android:layout_width="match_parent"
   android:layout_height="wrap_content"
   app:cardElevation="2dp"
   app:cardUseCompatPadding="true">
   <TextView
      android:id="@+id/textViewItem"
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      android:padding="16dp"
      android:textColor="@android:color/holo_blue_bright"
      android:textStyle="bold" />
</androidx.cardview.widget.CardView>

6단계 − item_loading.xml 레이아웃 리소스 파일을 만들고 다음을 추가합니다. −

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="https://schemas.android.com/apk/res/android"
   android:layout_width="match_parent"
   android:layout_height="match_parent"
   android:orientation="vertical">
   <ProgressBar
      android:id="@+id/progressBar"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:layout_gravity="center_horizontal"
      android:indeterminate="true"
      android:paddingLeft="8dp"
      android:paddingRight="8dp" />
</LinearLayout>

7단계 − androidManifest.xml에 다음 코드 추가

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="https://schemas.android.com/apk/res/android" package="com.example.q11">
   <application
      android:allowBackup="true"
      android:icon="@mipmap/ic_launcher"
      android:label="@string/app_name"
      android:roundIcon="@mipmap/ic_launcher_round"
      android:supportsRtl="true"
      android:theme="@style/AppTheme">
      <activity android:name=".MainActivity">
         <intent-filter>
            <action android:name="android.intent.action.MAIN" />
            <category android:name="android.intent.category.LAUNCHER" />
         </intent-filter>
      </activity>
   </application>
</manifest>

응용 프로그램을 실행해 보겠습니다. 실제 Android 모바일 장치를 컴퓨터에 연결했다고 가정합니다. Android 스튜디오에서 앱을 실행하려면 프로젝트의 활동 파일 중 하나를 열고 실행 아이콘을 클릭하세요. 툴바에서 Kotlin을 사용하여 Android에서 RecyclerView로 끝없는 목록을 구현하는 방법은 무엇입니까? 모바일 장치를 옵션으로 선택한 다음 기본 화면을 표시할 모바일 장치를 확인하십시오.

Kotlin을 사용하여 Android에서 RecyclerView로 끝없는 목록을 구현하는 방법은 무엇입니까?

Kotlin을 사용하여 Android에서 RecyclerView로 끝없는 목록을 구현하는 방법은 무엇입니까?