Освоение сложных списков с помощью Android RecyclerView

 public class Data { public String title; public String description; public int imageId; Data(String title, String description, int imageId) { this .title = title; this .description = description; this .imageId = imageId; } } 

Адаптер RecyclerView

RecyclerView.Adapter аналогичен адаптерам, используемым в ListView но с ViewHolder необходимым для повышения производительности. ListView имеет адаптеры для различных источников, такие как ArrayAdapter для массивов и CursorAdapter для результатов базы данных. RecyclerView.Adapter требует пользовательской реализации для передачи данных в адаптер.

Адаптер имеет три метода.

• onCreateViewHolder() раздувает макет строки и инициализирует onCreateViewHolder() . После инициализации держателя представления он управляет методами findViewById() , находя представления один раз и перерабатывая их, чтобы избежать повторных вызовов.
• onBindViewHolder() использует держатель представления, onCreateViewHolder() методе onCreateViewHolder() для заполнения текущей строки RecyclerView данными.

Создайте новый файл с именем Recycler_View_Adapter.java со следующим классом:

 public class Recycler_View_Adapter extends RecyclerView . Adapter < View_Holder > { List<Data> list = Collections.emptyList(); Context context; public Recycler_View_Adapter (List<Data> list, Context context) { this .list = list; this .context = context; } @Override public View_Holder onCreateViewHolder (ViewGroup parent, int viewType) { //Inflate the layout, initialize the View Holder View v = LayoutInflater.from(parent.getContext()).inflate(R.layout.row_layout, parent, false ); View_Holder holder = new View_Holder(v); return holder; } @Override public void onBindViewHolder (View_Holder holder, int position) { //Use the provided View Holder on the onCreateViewHolder method to populate the current row on the RecyclerView holder.title.setText(list.get(position).title); holder.description.setText(list.get(position).description); holder.imageView.setImageResource(list.get(position).imageId); //animate(holder); } @Override public int getItemCount () { //returns the number of elements the RecyclerView will display return list.size(); } @Override public void onAttachedToRecyclerView (RecyclerView recyclerView) { super .onAttachedToRecyclerView(recyclerView); } // Insert a new item to the RecyclerView on a predefined position public void insert ( int position, Data data) { list.add(position, data); notifyItemInserted(position); } // Remove a RecyclerView item containing a specified Data object public void remove (Data data) { int position = list.indexOf(data); list.remove(position); notifyItemRemoved(position); } } 

Создание ViewHolder

RecyclerView использует ViewHolder для хранения ссылок на соответствующие представления для одной записи в RecyclerView . Это решение позволяет избежать всех вызовов метода findViewById() в адаптере, чтобы найти представления, которые будут заполнены данными.

Создайте файл с именем View_Holder.java со следующим классом:

 public class View_Holder extends RecyclerView . ViewHolder { CardView cv; TextView title; TextView description; ImageView imageView; View_Holder(View itemView) { super (itemView); cv = (CardView) itemView.findViewById(R.id.cardView); title = (TextView) itemView.findViewById(R.id.title); description = (TextView) itemView.findViewById(R.id.description); imageView = (ImageView) itemView.findViewById(R.id.imageView); } } 

LayoutManager

Менеджер макетов присоединяет, измеряет и размещает все дочерние представления RecyclerView в режиме реального времени. По мере того как пользователь прокручивает представление, менеджер компоновки определяет, когда будут добавлены новые дочерние представления и когда старые дочерние представления будут отсоединены и удалены.

Эти реализации по умолчанию доступны:

• LinearLayoutManager — отображает элементы в вертикальной или горизонтальной прокрутке списка.
• GridLayoutManager — отображает элементы в сетке.
• StaggeredGridLayoutManager — отображает элементы в шахматном порядке.

Вы можете создать собственный LayoutManager , расширив RecyclerView.LayoutManager или одну из приведенных выше реализаций и переопределив необходимые методы.

Теперь, когда RecyclerView завершен, следующий шаг — заполнить его некоторыми данными. В onCreate() класса MainActivity создайте экземпляр Recycler_View_Adapter и предоставьте этому адаптеру список данных и контекст. Метод getApplication() предоставит контекст приложения.

 List<Data> data = fill_with_data(); RecyclerView recyclerView = (RecyclerView) findViewById(R.id.recyclerview); Recycler_View_Adapter adapter = new Recycler_View_Adapter(data, getApplication()); recyclerView.setAdapter(adapter); recyclerView.setLayoutManager( new LinearLayoutManager( this )); 

Нам также понадобятся примеры данных, для этого примера я создал функцию по умолчанию, в реальном приложении это может происходить из источника данных.

 public List<Data> fill_with_data () { List<Data> data = new ArrayList<>(); data.add( new Data( "Batman vs Superman" , "Following the destruction of Metropolis, Batman embarks on a personal vendetta against Superman " , R.drawable.ic_action_movie)); data.add( new Data( "X-Men: Apocalypse" , "X-Men: Apocalypse is an upcoming American superhero film based on the X-Men characters that appear in Marvel Comics " , R.drawable.ic_action_movie)); data.add( new Data( "Captain America: Civil War" , "A feud between Captain America and Iron Man leaves the Avengers in turmoil. " , R.drawable.ic_action_movie)); data.add( new Data( "Kung Fu Panda 3" , "After reuniting with his long-lost father, Po must train a village of pandas" , R.drawable.ic_action_movie)); data.add( new Data( "Warcraft" , "Fleeing their dying home to colonize another, fearsome orc warriors invade the peaceful realm of Azeroth. " , R.drawable.ic_action_movie)); data.add( new Data( "Alice in Wonderland" , "Alice in Wonderland: Through the Looking Glass " , R.drawable.ic_action_movie)); return data; } 

Вы можете найти файлы значков для кнопки ic_action_movie , упомянутой выше, здесь .

Это завершает все шаги по настройке RecyclerView.

Анимация повторяется с ItemAnimator

Пока что я объяснил все, что нужно для создания собственного RecyclerView и объяснил, что делает каждая часть структуры RecyclerView . Теперь давайте сделаем вещи более интересными с помощью анимации предметов.

 RecyclerView.ItemAnimator itemAnimator = new DefaultItemAnimator(); itemAnimator.setAddDuration( 1000 ); itemAnimator.setRemoveDuration( 1000 ); recyclerView.setItemAnimator(itemAnimator); 

 <?xml version="1.0" encoding="utf-8"?> < set xmlns:android = "http://schemas.android.com/apk/res/android" android:interpolator = "@android:anim/anticipate_overshoot_interpolator" > < translate android:fromYDelta = "-50%p" android:toYDelta = "0" android:duration = "2000" /> </ set > 

 <?xml version="1.0" encoding="utf-8"?> < set xmlns:android = "http://schemas.android.com/apk/res/android" android:interpolator = "@android:anim/bounce_interpolator" > < translate android:duration = "1500" android:fromYDelta = "-150%p" android:toYDelta = "0" /> </ set > 

 public void animate (RecyclerView.ViewHolder viewHolder) { final Animation animAnticipateOvershoot = AnimationUtils.loadAnimation(context, R.anim.bounce_interpolator); viewHolder.itemView.setAnimation(animAnticipateOvershoot); } 

 recyclerView.setLayoutManager( new StaggeredGridLayoutManager( 2 ,StaggeredGridLayoutManager.VERTICAL)); 

 ListView listView = ...; listView.setOnItemClickListener( new AdapterView.OnItemClickListener() { @Override public void onItemClick (AdapterView<?> parent, View view, int position, long id) { } }); 

 public interface RecyclerViewItemClickListener { public void onClick (View view, int position); public void onLongClick (View view, int position); } 

 public class CustomRVItemTouchListener implements RecyclerView . OnItemTouchListener { //GestureDetector to intercept touch events GestureDetector gestureDetector; private RecyclerViewItemClickListener clickListener; public CustomRVItemTouchListener (Context context, final RecyclerView recyclerView, final RecyclerViewItemClickListener clickListener) { this .clickListener = clickListener; gestureDetector = new GestureDetector(context, new GestureDetector.SimpleOnGestureListener() { @Override public boolean onSingleTapUp (MotionEvent e) { return true ; } @Override public void onLongPress (MotionEvent e) { //find the long pressed view View child = recyclerView.findChildViewUnder(e.getX(), e.getY()); if (child != null && clickListener != null ) { clickListener.onLongClick(child, recyclerView.getChildLayoutPosition(child)); } } }); } @Override public boolean onInterceptTouchEvent (RecyclerView recyclerView, MotionEvent e) { View child = recyclerView.findChildViewUnder(e.getX(), e.getY()); if (child != null && clickListener != null && gestureDetector.onTouchEvent(e)) { clickListener.onClick(child, recyclerView.getChildLayoutPosition(child)); } return false ; } @Override public void onTouchEvent (RecyclerView rv, MotionEvent e) { } @Override public void onRequestDisallowInterceptTouchEvent ( boolean disallowIntercept) { } } 

 recyclerView.addOnItemTouchListener( new CustomRVItemTouchListener( this , recyclerView, new RecyclerViewItemClickListener() { @Override public void onClick (View view, int position) { } @Override public void onLongClick (View view, int position) { } }));