Ví dụ này trình bày cách Làm việc với RecyclerView trong Ứng dụng Android bằng Kotlin.
Bước 1 - Tạo một dự án mới trong Android Studio, vào Tệp? Dự án mới và điền tất cả các chi tiết bắt buộc để tạo một dự án mới.
Bước 2 - Thêm mã sau vào res / layout / activity_main.xml.
Ví dụ
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="https://schemas.android.com/apk/res/android" android:id="@+id/rlMain" android:layout_width="match_parent" android:layout_height="match_parent" android:layout_margin="16dp" android:orientation="vertical"> <androidx.recyclerview.widget.RecyclerView android:id="@+id/recyclerView" android:layout_width="match_parent" android:layout_height="match_parent" /> </LinearLayout>
Bước 3 - Thêm mã sau vào src / MainActivity.kt
import android.os.Bundle import androidx.appcompat.app.AppCompatActivity import androidx.recyclerview.widget.DefaultItemAnimator import androidx.recyclerview.widget.LinearLayoutManager import androidx.recyclerview.widget.RecyclerView class MainActivity : AppCompatActivity() { private val movieList = ArrayList<MovieModel>() private lateinit var moviesAdapter: MoviesAdapter override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) setContentView(R.layout.activity_main) title = "KotlinApp" val recyclerView: RecyclerView = findViewById(R.id.recyclerView) moviesAdapter = MoviesAdapter(movieList) val layoutManager = LinearLayoutManager(applicationContext) recyclerView.layoutManager = layoutManager recyclerView.itemAnimator = DefaultItemAnimator() recyclerView.adapter = moviesAdapter prepareMovieData() } private fun prepareMovieData() { var movie = MovieModel("Mad Max: Fury Road", "Action & Adventure", "2015") movieList.add(movie) movie = MovieModel("Inside Out", "Animation, Kids & Family", "2015") movieList.add(movie) movie = MovieModel("Star Wars: Episode VII - The Force Awakens", "Action", "2015") movieList.add(movie) movie = MovieModel("Shaun the Sheep", "Animation", "2015") movieList.add(movie) movie = MovieModel("The Martian", "Science Fiction & Fantasy", "2015") movieList.add(movie) movie = MovieModel("Mission: Impossible Rogue Nation", "Action", "2015") movieList.add(movie) movie = MovieModel("Up", "Animation", "2009") movieList.add(movie) movie = MovieModel("Star Trek", "Science Fiction", "2009") movieList.add(movie) movie = MovieModel("The LEGO MovieModel", "Animation", "2014") movieList.add(movie) movie = MovieModel("Iron Man", "Action & Adventure", "2008") movieList.add(movie) movie = MovieModel("Aliens", "Science Fiction", "1986") movieList.add(movie) movie = MovieModel("Chicken Run", "Animation", "2000") movieList.add(movie) movie = MovieModel("Back to the Future", "Science Fiction", "1985") movieList.add(movie) movie = MovieModel("Raiders of the Lost Ark", "Action & Adventure", "1981") movieList.add(movie) movie = MovieModel("Goldfinger", "Action & Adventure", "1965") movieList.add(movie) movie = MovieModel("Guardians of the Galaxy", "Science Fiction & Fantasy", "2014") movieList.add(movie) moviesAdapter.notifyDataSetChanged() } }
Bước 4 - Tạo một lớp mới MovieModel.kt và thêm mã sau -
class MovieModel(title: String?, genre: String?, year: String?) { private var title: String private var genre: String private var year: String init { this.title = title!! this.genre = genre!! this.year = year!! } fun getTitle(): String? { return title } fun setTitle(name: String?) { title = name!! } fun getYear(): String? { return year } fun setYear(year: String?) { this.year = year!! } fun getGenre(): String? { return genre } fun setGenre(genre: String?) { this.genre = genre!! } }
Bước 5 - Tạo một lớp mới MoviesAdapter.kt và thêm mã sau -
import android.view.LayoutInflater import android.view.View import android.view.ViewGroup import android.widget.TextView import androidx.annotation.NonNull import androidx.recyclerview.widget.RecyclerView internal class MoviesAdapter(private var moviesList: List<MovieModel>) : RecyclerView.Adapter<MoviesAdapter.MyViewHolder>() { internal inner class MyViewHolder(view: View) : RecyclerView.ViewHolder(view) { var title: TextView = view.findViewById(R.id.title) var year: TextView = view.findViewById(R.id.year) var genre: TextView = view.findViewById(R.id.genre) } @NonNull override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): MyViewHolder { val itemView = LayoutInflater.from(parent.context) .inflate(R.layout.movie_list, parent, false) return MyViewHolder(itemView) } override fun onBindViewHolder(holder: MyViewHolder, position: Int) { val movie = moviesList[position] holder.title.text = movie.getTitle() holder.genre.text = movie.getGenre() holder.year.text = movie.getYear() } override fun getItemCount(): Int { return moviesList.size } }
Bước 6 - Tạo tệp tài nguyên bố cục item_row.xml và thêm phần sau -
<?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="100dp" android:layout_margin="8dp" app:cardBackgroundColor="@android:color/holo_red_dark"> <RelativeLayout android:layout_width="match_parent" android:layout_height="match_parent" android:padding="8dp"> <TextView android:id="@+id/title" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_alignParentStart="true" android:layout_toStartOf="@+id/year" android:textColor="@android:color/white" android:textSize="16sp" android:textStyle="bold" /> <TextView android:id="@+id/year" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentEnd="true" android:textColor="@android:color/white" /> <TextView android:id="@+id/genre" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_alignParentBottom="true" android:textColor="@android:color/white" /> </RelativeLayout> </androidx.cardview.widget.CardView>
Bước 7 - Thêm mã sau vào 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>
Hãy thử chạy ứng dụng của bạn. Tôi giả sử bạn đã kết nối thiết bị Di động Android thực tế với máy tính của mình. Để chạy ứng dụng từ android studio, hãy mở một trong các tệp hoạt động của dự án của bạn và nhấp vào biểu tượng Run từ thanh công cụ. Chọn thiết bị di động của bạn làm tùy chọn, sau đó kiểm tra thiết bị di động sẽ hiển thị màn hình mặc định của bạn