Нативная разработка мобильных приложений

complex_book_row.xml
в папке 
res/layout
.
При использовании таких сложных элементов списка в 
ViewHolder
наш метод 
onCreateViewHolder
будет выглядеть так:
Java
@Override
public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
LayoutInflater inflater = LayoutInflater.from(parent.getContext());
View itemView = inflater.inflate(R.layout.complex_book_row, parent, false);
return new ViewHolder(itemView);
}
Kotlin
override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): ViewHolder {
val inflater = LayoutInflater.from(parent.context)
val itemView = inflater.inflate(R.layout.complex_book_row, parent, false)
return ViewHolder(itemView)
}
Теперь должно быть понятнее, как все работает. Если нет, попробуйте пред
-
ставить, как 
RecyclerView
повторно использует элементы...
При первом размещении 
RecyclerView
использует метод 
onCreateViewHolder
, 
а также некоторые внутренние функции, чтобы создать достаточное число 
элементов для заполнения видимой области. Когда пользователь прокручива
-
ет страницу и первый элемент выходит за границы видимой части представ
-
ления, все дерево этого элемента 
перерабатывается
(recycled) и подготавлива
-
ется для повторного использования – оно отсоединяется от окна и добавляется 

---

284

Вывод списка с данными
в пул свободных элементов для последующего использования. Когда невиди
-
мый элемент списка оказывается в видимой области представления, из-за про
-
крутки или изменения размера 
RecyclerView
, вызывается метод 
onBindViewHolder
объекта 
RecyclerView.Adpater
, который получает позицию (она часто использу
-
ется в качестве индекса для обращения к источнику данных) и заполняет не
-
давно скрытое, но теперь вновь используемое дерево представлений. В нашем 
сложном примере метод 
onBindViewHolder
мог бы выглядеть так:
Java
@Override
public void onBindViewHolder(ViewHolder holder, int position) {
Book book = Book.SAMPLE_DATA[position];
// допустим, что можно использовать ISBN книги для загрузки с сервера 
// миниатюры с изображением обложки. Сохраним изображение в переменной bitmap
Bitmap bitmap = // ...
holder.mThumbnail.setImageBitmap(bitmap);
holder.mTitleView.setText(book.getTitle());
holder.mAuthorsView.setText(TextUtils.join(", ", book.getAuthors());
}
Kotlin
override fun onBindViewHolder(holder: ViewHolder, position: Int) {
val book = Book.SAMPLE_DATA[position]
// допустим, что можно использовать ISBN книги для загрузки с сервера 
// миниатюры с изображением обложки. Сохраним изображение в переменной bitmap
val bitmap = // ...
holder.thumbnailView.imageBitmap = bitmap
holder.titleView.text = book.title
holder.authorsView.text = TextUtils.join(", ", book.authors)
}
Теперь нетрудно понять, как работает простой пример, сравнив его с более 
полной версией.
Нам осталось только связать все воедино, а также сообщить представлению 
ReyclerView
, как позиционировать дочерние элементы. Как уже говорилось 
выше, существуют диспетчеры компоновки для вертикальных списков, гори
-
зонтальных списков и представлений в виде сетки, а также есть возможность 
определить свой подкласс 
LayoutManager
с настраиваемым поведением.
Выбрав и создав экземпляр 
LayoutManager
, свяжите его с 
RecyclerView
:
Java
recyclerView.setLayoutManager(new LinearLayoutManager(this));
Kotlin
browse_content_recyclerview.layoutManager = LinearLayoutManager(this)
и подключите экземпляр 
Adapter
к 
RecyclerView
с помощью 
setAdapter
:
Java
recyclerView.setAdapter(new BrowseBooksAdapter());

---

Заполнение представления списка 

285
Kotlin
browse_content_recyclerview.adapter = BrowseBooksAdapter()
Вот первая черновая версия 
Ac ti vi ty
для просмотра каталога:
Java
public class BrowseContentAc ti vi ty extends Ac ti vi ty {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_browse);
RecyclerView recyclerView = findViewById(R.id.browse_content_recyclerview);
recyclerView.setLayoutManager(new LinearLayoutManager(this));
recyclerView.setAdapter(new BrowseBooksAdapter());
}
}
Kotlin
class BrowseContentAc ti vi ty : Ac ti vi ty() {
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContentView(R.layout.activity_browse)
browse_content_recyclerview.adapter = BrowserBooksAdapter()
browse_content_recyclerview.layoutManager = LinearLayoutManager(this)
}
}
Если сейчас запустить приложение и нажать кнопку, запускающую 
Brow se­
BooksAc 
ti vi ty
, должен появиться вертикальный список с определенными нами 
книгами. Если размер шрифта достаточно велик или экран достаточно мал (вы 
можете поэкспериментировать с отступами или полями в 
TextView
), вы увиди
-
те, что этот список прокручивается так, будто весь набор данных доступен по
-
стоянно, – это волшебство 
RecyclerView
.
Мы получили работающий список книг в Android. Давайте теперь создадим 
такой же список в iOS!
iOS
Как рассказывалось выше, для отображения каталога книг в iOS мы будем ис
-
пользовать 
UITableView
. Собираясь реализовать свою логику, первое, что мы 
должны сделать, – заменить 
UIViewController
своим собственным контроллером 
представления в редакторе раскадровки. Создайте в Xcode новый объект Cocoa 
Touch Class с именем 
CatalogViewController
, наследующий 
UIViewController
(