{"draftJsState":{"blocks":[{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":54,"offset":123,"style":"BOLD"}],"text":"Сегодняшнюю статью я посвящу кэшированию в андроид. Для того, чтобы понять, что тут происходит, вам нужно знать, что такое MVVM, Room, Retrofit, DI(Hilt), Coroutines и Lifecycle. ","type":"unstyled","key":"4am87"},{"data":{},"depth":0,"entityRanges":[{"key":0,"length":47,"offset":76}],"inlineStyleRanges":[{"length":2,"offset":0,"style":"BOLD"},{"length":2,"offset":124,"style":"BOLD"}],"text":"-> Предоставлю сразу ссылку на проект, с которым сегодня мы будем работать: https://github.com/evgenkr47/ExampleRoomCaching <-","type":"unstyled","key":"15p6n"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":3,"offset":0,"style":"BOLD"},{"length":18,"offset":34,"style":"BOLD"}],"text":"P.S: в приложении не используется Clean Architecture, так как это займет намного больше времени, о чистой архитектуре мы поговорим с вами в отдельной статье.","type":"unstyled","key":"325ii"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":42,"offset":0,"style":"BOLD"}],"text":"Какие задачи решает локальное кэширование:","type":"unstyled","key":"ei9us"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":3,"offset":86,"style":"BOLD"},{"length":4,"offset":167,"style":"BOLD"}],"text":"Мы с вами получаем какие-то данные из интернета, например список продуктов, используя API. Эти данные будут загружаться в локальную базу данных при помощи базы данных Room. Данная практика даёт нам прекрасные возможности, а именно:","type":"unstyled","key":"d242j"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":2,"offset":0,"style":"BOLD"},{"length":4,"offset":46,"style":"BOLD"}],"text":"1. Мы не будем каждый раз обращаться к нашему API за загрузкой данных, а будем моментально отображать наши данные из кэша. Во первых, на загрузку данных нужно определенное время, и пользователю будет не очень приятно каждый раз ожидать, когда же данные загрузятся(даже если загрузка занимает пару секунд, согласитесь, все равно не очень приятно). Во вторых, у пользователя могут быть проблемы с интернетом, например, плохое соединение, что в свою очередь сделает загрузку еще более долгой. ","type":"unstyled","key":"3f0u6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":2,"offset":0,"style":"BOLD"}],"text":"2. Важный момент - это работа приложения без интернета, если мы будем просто получать какие-то данные из интернета не кэшируя их локально, после чего отключим интернет и попытаемся перезапустить приложение, то приложение не запустится и упадет с ошибкой. ","type":"unstyled","key":"e06lv"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Надеюсь вы согласны, что отсутствие кэширования может вызвать раздражение у пользователя и последующее удаление вашего приложения с телефона. ","type":"unstyled","key":"1kdqu"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":41,"offset":0,"style":"BOLD"}],"text":"Как выглядит схема алгоритма кэширования:","type":"unstyled","key":"fm3sn"},{"data":{"image":{"id":"635a132917ec62657e4ae1ad"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"fdqu5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Теперь перейдём к конкретному примеру, у нас есть простое приложение, которое выгружает в recyclerview список продуктов(пицца):","type":"unstyled","key":"cimta"},{"data":{"image":{"id":"635a171b0ec30157d4333946"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"fla7a"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":3,"offset":46,"style":"BOLD"},{"length":9,"offset":91,"style":"BOLD"},{"length":13,"offset":133,"style":"BOLD"},{"length":17,"offset":148,"style":"BOLD"},{"length":11,"offset":215,"style":"BOLD"},{"length":16,"offset":308,"style":"BOLD"},{"length":15,"offset":327,"style":"BOLD"},{"length":8,"offset":355,"style":"BOLD"},{"length":13,"offset":447,"style":"BOLD"},{"length":15,"offset":463,"style":"BOLD"}],"text":"Первое с чего мы начнем это с создание макета xml. Там все максимально просто вверху у нас TextView - \"Pizza\", к которому прикреплен RecyclerView c id \"recyclerView\", помимо этого на макете присутствует по середине ProgressBar(который будет отображаться при загрузке данных и скрываться после их загрузки) с id \"progressBar\" и visibility gone и еще одним TextView(который будет отображаться при ошибке получения данных из интернета) по середине с id \"tv_error\" и visibility gone.","type":"unstyled","key":"801rq"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":10,"offset":28,"style":"BOLD"},{"length":20,"offset":45,"style":"BOLD"},{"length":14,"offset":66,"style":"BOLD"},{"length":7,"offset":87,"style":"BOLD"},{"length":6,"offset":197,"style":"BOLD"},{"length":11,"offset":223,"style":"BOLD"},{"length":13,"offset":267,"style":"BOLD"},{"length":19,"offset":292,"style":"BOLD"},{"length":13,"offset":320,"style":"BOLD"},{"length":9,"offset":361,"style":"BOLD"}],"text":"Второе, нам нужно создать в res-layout новый layout resource file pizza_item.xml. Этот layout нужен нам для того, чтобы показывать, как будут выглядеть элементы в данном списке. Как мы видим, этот layout содержит картинку(id item_img) с изображением пиццы, название(id item_title), описание(id item_description) и цену(id item_price). Думаю, сверстать эти два layout'а вам не составит труда. (с версткой и прочими вещами вы можете ознакомиться, перейдя по ссылке в начале статьи)","type":"unstyled","key":"3pthh"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":5,"offset":59,"style":"BOLD"},{"length":2,"offset":113,"style":"BOLD"},{"length":4,"offset":232,"style":"BOLD"},{"length":5,"offset":284,"style":"BOLD"},{"length":5,"offset":311,"style":"BOLD"},{"length":6,"offset":342,"style":"BOLD"},{"length":6,"offset":367,"style":"BOLD"},{"length":16,"offset":414,"style":"BOLD"},{"length":2,"offset":456,"style":"BOLD"},{"length":5,"offset":460,"style":"BOLD"},{"length":11,"offset":467,"style":"BOLD"},{"length":5,"offset":480,"style":"BOLD"},{"length":3,"offset":487,"style":"BOLD"},{"length":5,"offset":576,"style":"BOLD"},{"length":8,"offset":585,"style":"BOLD"},{"length":8,"offset":645,"style":"BOLD"},{"length":22,"offset":725,"style":"BOLD"},{"length":16,"offset":791,"style":"BOLD"},{"length":8,"offset":817,"style":"BOLD"},{"length":6,"offset":925,"style":"BOLD"},{"length":9,"offset":967,"style":"BOLD"},{"length":11,"offset":978,"style":"BOLD"}],"text":"Теперь нам нужно в нашем проекте создать такие папки как: utils(здесь будут находиться вспомогательные классы), ui(все, что связанно пользовательским интерфейсом, то есть то, что видит наш пользователь), di(инъекция зависимостей), data(тут мы будем работать с данными). Внутри папки data создаём еще три папки local(локальные данные room) и remote(данные из сети) и entity(здесь хранятся наши модели, а конкретно data class Pizza, который содержит в себе id, title, descriprion, price, img, те данные, которые мы будем получать из сети и кэшировать в локальную базу данных). P.S.: из json api, который я использую для получения данных приходит Response, который содержит в себе переменную, которая хранит в себе список пицц val pizza: List, и если мы будем из сети делать запрос на data class Pizza, а не на Response, то данные не будут выгружены и Android студия выдаст нам ошибку, поэтому мы в дальнейшем мы будем mapper, который будет преобразовывать наш Response в List для корректной работы приложения. Об этом всём я расскажу далее. ","type":"unstyled","key":"br5p0"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":18,"offset":44,"style":"BOLD"},{"length":21,"offset":67,"style":"BOLD"},{"length":7,"offset":149,"style":"BOLD"}],"text":"Теперь вам нужно описать наши зависимости в build.gradle(:app) и в build.gradle(project) - все зависимости вы можете посмотреть перейдя по ссылке на github в начале статьи. ","type":"unstyled","key":"7lu7e"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":21,"offset":25,"style":"BOLD"},{"length":26,"offset":49,"style":"BOLD"},{"length":4,"offset":84,"style":"BOLD"}],"text":"Начнём с вами с создания sealed class Resource и файла NetworkBoundResource в папке util, это шаблоны, которые помогут нам обрабатывать состояния и в зависимости от состояния, мы будем либо загружать данные из интернета, либо из кэша, либо выдавать ошибку пользователю, ну и так далее. Это стандартные шаблоны, которые вы можете применять в любом другом вашем приложении. ","type":"unstyled","key":"6gq62"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":11,"offset":0,"style":"BOLD"}],"text":"Папка util:","type":"unstyled","key":"d03p1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":23,"offset":0,"style":"BOLD"}],"text":"sealed class Resource: ","type":"unstyled","key":"2nful"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"sealed class Resource (\n val data : T ? = null,\n val error : Throwable ?= null\n){\n class Success(data: T) : Resource(data)\n class Loading(data: T? = null) : Resource(data)\n class Error(throwable: Throwable, data: T? = null) : Resource(data, throwable)\n}","type":"unstyled","key":"6ta3j"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":26,"offset":0,"style":"BOLD"}],"text":"файл NetworkBoundResource:","type":"unstyled","key":"5oe0h"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":5,"offset":288,"style":"ITALIC"},{"length":4,"offset":474,"style":"ITALIC"},{"length":4,"offset":564,"style":"ITALIC"},{"length":4,"offset":641,"style":"ITALIC"}],"text":"inline fun networkBoundResource(\n crossinline query: () -> Flow,\n crossinline fetch: suspend () -> RequestType,\n crossinline saveFetchResult: suspend (RequestType) -> Unit,\n crossinline shouldFetch: (ResultType) -> Boolean = { true }\n) = flow {\n val data = query().first()\n val flow = if (shouldFetch(data)) {\n emit(Resource.Loading(data))\n try {\n saveFetchResult(fetch())\n query().map { Resource.Success(it) }\n } catch (throwable: Throwable) {\n query().map { Resource.Error(throwable, it) }\n }\n } else {\n query().map { Resource.Success(it) }\n }\n emitAll(flow)\n}","type":"unstyled","key":"8ng8p"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":22,"offset":0,"style":"BOLD"}],"text":"Перейдем к папке data:","type":"unstyled","key":"2p2gi"},{"data":{},"depth":0,"entityRanges":[{"key":1,"length":42,"offset":135}],"inlineStyleRanges":[{"length":135,"offset":0,"style":"BOLD"},{"length":24,"offset":193,"style":"BOLD"},{"length":14,"offset":249,"style":"BOLD"},{"length":7,"offset":271,"style":"BOLD"},{"length":5,"offset":311,"style":"BOLD"},{"length":5,"offset":318,"style":"BOLD"},{"length":6,"offset":325,"style":"BOLD"},{"length":5,"offset":333,"style":"BOLD"},{"length":6,"offset":389,"style":"BOLD"},{"length":13,"offset":397,"style":"BOLD"},{"length":14,"offset":465,"style":"BOLD"},{"length":22,"offset":525,"style":"BOLD"}],"text":"Кликаем правой кнопкой по папке entity и выбираем New -> Kotlin data class File from Json(туда мы вставляем наш json запрос, а именно: https://api.npoint.io/8aaa4c36d9afdd150144 , называем наш data class PizzaResponse, обратите внимание, что помимо PizzaResponse в папке entity будет создано еще 4 data class'а Pizza, Combo, Desert, Drink, мы в данном приложении работаем только с классом Pizza и PizzaResponse, поэтому вы можете удалить ненужные классы и в классе PizzaResponce удалить все из конструктора и оставить только val pizza: List.","type":"unstyled","key":"7j181"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":89,"offset":0,"style":"BOLD"}],"text":"В папке remote, где мы работаем с получением данных из сети, создаем interface PizzaApi: ","type":"unstyled","key":"1sqf8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":4,"offset":235,"style":"BOLD"},{"length":6,"offset":304,"style":"BOLD"},{"length":4,"offset":318,"style":"BOLD"}],"text":"interface PizzaService {\n @GET(API_KEY)\n suspend fun getPizzaList(): Response\n\n companion object{\n const val API_KEY = \"8aaa4c36d9afdd150144\"\n const val BASE_URL = \"https://api.npoint.io/\"\n }\n} P.S: константы на будущее лучше прописывать также в отдельном классе Const в папке util","type":"unstyled","key":"6hvhc"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":101,"offset":0,"style":"BOLD"}],"text":"Теперь, в папке entity нам нужно проставить в дата классе Pizza аннотаций для нашей базы данных Room:","type":"unstyled","key":"3qs1s"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":2,"offset":226,"style":"BOLD"}],"text":"@Entity(tableName = \"pizza_table\")\ndata class Pizza (\n @PrimaryKey(autoGenerate = true)\n val id: Int,\n @ColumnInfo\n val description: String,\n val image: String,\n val price: String,\n val title: String\n ) ","type":"unstyled","key":"8r67l"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":124,"offset":0,"style":"BOLD"}],"text":"Далее в папке local создаём интерфейс PizzaDao, в котором прописываем методы для извлечения данных из локальной базы данных:","type":"unstyled","key":"e4j39"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":7,"offset":152,"style":"ITALIC"}],"text":"@Dao\ninterface PizzaDao {\n @Query(\"SELECT * FROM pizza_table\")\n fun getAllPizza(): Flow>\n\n @Insert(onConflict = OnConflictStrategy.REPLACE)\n suspend fun insertPizzas(pizza: List)\n\n @Query(\"DELETE FROM pizza_table\")\n suspend fun deleteAllPizzas()\n}","type":"unstyled","key":"5s741"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":94,"offset":0,"style":"BOLD"}],"text":"Переходим к созданию нашей базы данных. В папке local создаём абстрактный класс PizzaDataBase:","type":"unstyled","key":"96t90"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"@Database(entities = [Pizza::class], version = 1, exportSchema = true)\nabstract class PizzaDataBase: RoomDatabase() {\n abstract fun getPizzaDao(): PizzaDao\n}","type":"unstyled","key":"6nr0h"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":136,"offset":0,"style":"BOLD"}],"text":"Теперь нам нужно сделать инъекцию зависимостей и запровайдить наш Retrofit, Service и PizzaDataBase. Всё это мы будем делать в папке di:","type":"unstyled","key":"8k4p2"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":194,"offset":0,"style":"BOLD"}],"text":"Для начала создадим класс App, который будет наследоваться от класса Application() и пометим его аннотацией @HiltAndroidApp, это нужно для того, чтобы наш Hilt в приложении выполнял свою работу:","type":"unstyled","key":"6c8vg"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"@HiltAndroidApp\nclass App: Application()","type":"unstyled","key":"3q8s4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":117,"offset":0,"style":"BOLD"}],"text":"Далее нам нужно зарегистрировать этот класс в Манифесте, для этого в теге укажем android:name=\".di.App\"","type":"unstyled","key":"akea0"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":114,"offset":0,"style":"BOLD"}],"text":"Не выходя из Манифеста также укажем разрешение на интернет и доступ к состоянию интернета над тегом :","type":"unstyled","key":"jvla"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"\n","type":"unstyled","key":"9520d"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":96,"offset":0,"style":"BOLD"}],"text":"Далее в папке di создаём object AppModule, где мы будем провайдить наш service, retrofit и room:","type":"unstyled","key":"43ukq"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":4,"offset":407,"style":"ITALIC"}],"text":"@Module\n@InstallIn(SingletonComponent::class)\nobject AppModule {\n\n @Provides\n @Singleton\n fun provideRetrofit(): Retrofit = Retrofit.Builder()\n .baseUrl(PizzaService.BASE_URL)\n .addConverterFactory(GsonConverterFactory.create())\n .build()\n\n @Provides\n @Singleton\n fun providePizzaService(retrofit: Retrofit): PizzaService =\n retrofit.create(PizzaService::class.java)","type":"unstyled","key":"fkvnu"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":4,"offset":182,"style":"ITALIC"}],"text":" @Provides\n @Singleton\n fun provideDataBase(@ApplicationContext context: Context): PizzaDataBase \n =\n Room.databaseBuilder(context, PizzaDataBase::class.java, \n \"pizza_database\")\n .build()","type":"unstyled","key":"9ari7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"}","type":"unstyled","key":"1vjrt"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":126,"offset":0,"style":"BOLD"}],"text":"Отлично! Приступим к созданию class'a Repository, где мы будем реализовывать всю логику работы с данными и нашего кэширования:","type":"unstyled","key":"alrcb"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"class Repository @Inject constructor(\n private val api: PizzaService,\n private val db: PizzaDataBase\n){","type":"unstyled","key":"fuita"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" //Вы можете запровайдить в AppModul'е PizzaDao и передать его в \n //конструктор","type":"unstyled","key":"b4tda"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":20,"offset":68,"style":"ITALIC"}],"text":"\n private val pizzaDao = db.getPizzaDao()\n\n fun getPizzas() = networkBoundResource(\n query = {\n pizzaDao.getAllPizza()\n },\n fetch = {\n delay(2000)\n api.getPizzaList()\n },\n saveFetchResult = {\n db.withTransaction {\n pizzaDao.deleteAllPizzas()\n pizzaDao.insertPizzas(mapResponseToList(it))\n }\n }\n )","type":"unstyled","key":"5j8c7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"}","type":"unstyled","key":"754dv"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":437,"offset":0,"style":"BOLD"}],"text":" Помните я говорил про mapper, так вот в saveFetchResult pizzaDao.insertPizzas принимает в конструктор List , а нам прилетаем Response, и если мы укажем в конструкторе it, то это приведет к ошибке, для этого нам нужно преобразовать Response в List. Для этого создадим приватную функцию внутри нашего репозитория и вызовем её в конструкторе pizzaDao.insertPizzas и передадим в эту функцию it :","type":"unstyled","key":"9a1rf"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"private fun mapResponseToList(entity: Response): List {\n return entity.body()!!.pizza\n}","type":"unstyled","key":"eql97"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":3,"offset":0,"style":"BOLD"},{"length":4,"offset":35,"style":"BOLD"},{"length":9,"offset":52,"style":"BOLD"},{"length":11,"offset":81,"style":"BOLD"},{"length":11,"offset":109,"style":"BOLD"},{"length":23,"offset":130,"style":"BOLD"},{"length":15,"offset":217,"style":"BOLD"}],"text":"PS: Если в вашем случае из другого api не прилетает Response класс подобный, и в ApiService наследовались от List, а не от Response, то никакой mapper вам бы не нужен был, просто бы передавали в insertPizzas it.","type":"unstyled","key":"as9ae"},{"data":{},"depth":0,"entityRanges":[{"key":2,"length":68,"offset":209}],"inlineStyleRanges":[{"length":209,"offset":0,"style":"BOLD"},{"length":1,"offset":278,"style":"BOLD"}],"text":"Осталось только поработать с папкой ui, в которой нам нужно создать класс MainAdapter, который реализует работу RecyclerView и класс MainViewModel(Наша ViewModel, более подробно об этом можете почитать здесь: https://developer.android.com/topic/libraries/architecture/viewmodel )","type":"unstyled","key":"2bot9"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":116,"offset":0,"style":"BOLD"}],"text":"Начнём с MainViewModel, так как он будет максимально простой, ведь всю логику мы написали в нашем классе Repository:","type":"unstyled","key":"3h29f"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":10,"offset":134,"style":"ITALIC"}],"text":"@HiltViewModel\nclass MainViewModel @Inject constructor(repository: Repository): ViewModel() {\n val pizzas = repository.getPizzas().asLiveData()\n}","type":"unstyled","key":"e8nvf"},{"data":{},"depth":0,"entityRanges":[{"key":3,"length":90,"offset":125}],"inlineStyleRanges":[{"length":90,"offset":0,"style":"BOLD"},{"length":1,"offset":217,"style":"BOLD"}],"text":"Перейдём к созданию класса MainAdaper, в котором я буду использовать DiffUtil.ItemCallback(о этом классе можно почитать тут: https://developer.android.com/reference/androidx/recyclerview/widget/DiffUtil.ItemCallback ):","type":"unstyled","key":"8dnfc"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":7,"offset":634,"style":"ITALIC"},{"length":10,"offset":673,"style":"ITALIC"},{"length":6,"offset":816,"style":"ITALIC"},{"length":5,"offset":847,"style":"ITALIC"},{"length":11,"offset":854,"style":"ITALIC"},{"length":5,"offset":911,"style":"ITALIC"},{"length":11,"offset":918,"style":"ITALIC"},{"length":5,"offset":975,"style":"ITALIC"},{"length":11,"offset":982,"style":"ITALIC"},{"length":11,"offset":1061,"style":"ITALIC"}],"text":"class MainAdapter: ListAdapter(MainDiffUtil()) {\n inner class MainViewHolder(view: View): RecyclerView.ViewHolder(view)\n\n class MainDiffUtil: DiffUtil.ItemCallback(){\n override fun areItemsTheSame(oldItem: Pizza, newItem: Pizza): Boolean {\n return oldItem.id == newItem.id\n }\n override fun areContentsTheSame(oldItem: Pizza, newItem: Pizza): Boolean {\n return oldItem == newItem\n }\n }\n\n override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): MainViewHolder {\n return MainViewHolder(LayoutInflater.from(parent.context).inflate(\n R.layout.pizza_item, parent, false)\n )\n }\n\n override fun onBindViewHolder(holder: MainViewHolder, position: Int) {\n holder.itemView.apply {\n item_title.text = currentList[position].title\n item_description.text = currentList[position].description\n item_price.text = currentList[position].price\n Glide.with(this)\n .load(currentList[position].image)\n .into(item_img)\n }\n }\n\n}","type":"unstyled","key":"6sb5l"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":69,"offset":0,"style":"BOLD"}],"text":"Здесь я использовал библиотеку Glide для загрузки изображения из сети ","type":"unstyled","key":"52ub4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":214,"offset":0,"style":"BOLD"}],"text":"Нам с вами осталось лишь реализовать нашу MainActivity, где нам нужно установить наш адаптер для recyclerview и нашу viewmodel, внутри viewmodel'и я использовал binding для доступа к элементам макета нашего экрана:","type":"unstyled","key":"ed5gt"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":10,"offset":208,"style":"ITALIC"},{"length":14,"offset":427,"style":"ITALIC"},{"length":4,"offset":474,"style":"ITALIC"},{"length":6,"offset":622,"style":"ITALIC"},{"length":8,"offset":642,"style":"ITALIC"},{"length":14,"offset":677,"style":"ITALIC"},{"length":10,"offset":904,"style":"ITALIC"},{"length":13,"offset":953,"style":"ITALIC"},{"length":10,"offset":990,"style":"ITALIC"},{"length":13,"offset":1037,"style":"ITALIC"},{"length":5,"offset":1074,"style":"ITALIC"},{"length":25,"offset":1091,"style":"ITALIC"}],"text":"@AndroidEntryPoint\nclass MainActivity : AppCompatActivity() {\n private lateinit var _binding: ActivityMainBinding\n private val binding: ActivityMainBinding get() = _binding\n private val viewModel by viewModels()\n lateinit var pizzaAdapter: MainAdapter\n\n override fun onCreate(savedInstanceState: Bundle?) {\n super.onCreate(savedInstanceState)\n _binding = ActivityMainBinding.inflate(layoutInflater)\n setContentView(binding.root)\n initAdapter()\n initViewModel()\n }\n\n private fun initAdapter(){\n pizzaAdapter = MainAdapter()\n recyclerView.apply {\n adapter = pizzaAdapter\n layoutManager = LinearLayoutManager(this@MainActivity)\n }\n }\n\n private fun initViewModel(){\n viewModel.pizzas.observe(this@MainActivity){\n pizzaAdapter.submitList(it.data)\n progressBar.isVisible = it is Resource.Loading<*> && it.data.isNullOrEmpty()\n tv_error.isVisible = it is Resource.Error<*> && it.data.isNullOrEmpty()\n tv_error.text = it.error?.localizedMessage\n }\n }\n}","type":"unstyled","key":"8fnl7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Как видите кэширование это не только важно, но и очень даже не сложно. Вы можете скачать это приложение из моего репозитория на github и поиграться с ним.","type":"unstyled","key":"1kl1s"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":0,"style":"BOLD"}],"text":"Итого:","type":"unstyled","key":"5u6nq"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":390,"offset":0,"style":"ITALIC"}],"text":"Мы получаем данный из сети и помещаем сразу же их в локальный кэш, после чего уже приложение не будет брать эти данные из сети, а будет брать их из своей локальной базы данных. Если кэша нет, и нет интернета, то пользователь получит сообщение об ошибке внутри приложения. Теперь наше приложение запускается и работает без интернета, так как берет все данный из своего локального хранилища. ","type":"unstyled","key":"3o6t7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":60,"offset":0,"style":"BOLD"}],"text":"Всем спасибо за прочтение, надеюсь было интересно и полезно!","type":"unstyled","key":"8pia7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":7,"offset":0,"style":"BOLD"}],"text":"Ссылки:","type":"unstyled","key":"7evh1"},{"data":{},"depth":0,"entityRanges":[{"key":4,"length":47,"offset":8}],"inlineStyleRanges":[{"length":8,"offset":0,"style":"BOLD"}],"text":"GitHub: https://github.com/evgenkr47/ExampleRoomCaching","type":"unstyled","key":"eo6ni"},{"data":{},"depth":0,"entityRanges":[{"key":5,"length":43,"offset":10}],"inlineStyleRanges":[{"length":10,"offset":0,"style":"BOLD"}],"text":"Json API: https://api.npoint.io/8aaa4c36d9afdd150144 ","type":"unstyled","key":"e37mv"},{"data":{},"depth":0,"entityRanges":[{"key":6,"length":68,"offset":6}],"inlineStyleRanges":[{"length":6,"offset":0,"style":"BOLD"}],"text":"MVVM: https://developer.android.com/topic/libraries/architecture/viewmodel","type":"unstyled","key":"2235v"},{"data":{},"depth":0,"entityRanges":[{"key":7,"length":91,"offset":23}],"inlineStyleRanges":[{"length":23,"offset":0,"style":"BOLD"}],"text":"DiffUtil.ItemCallback: https://developer.android.com/reference/androidx/recyclerview/widget/DiffUtil.ItemCallback ","type":"unstyled","key":"9ooja"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"2p2oe"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"31plh"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"9j3qk"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"cvh2b"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"marker","key":"bt3OsunlsmrnqxneBqeh"}],"entityMap":{"0":{"data":{"url":"https://github.com/evgenkr47/ExampleRoomCaching"},"mutability":"MUTABLE","type":"LINK"},"1":{"data":{"url":"https://api.npoint.io/8aaa4c36d9afdd150144"},"mutability":"MUTABLE","type":"LINK"},"2":{"data":{"url":"https://developer.android.com/topic/libraries/architecture/viewmodel"},"mutability":"MUTABLE","type":"LINK"},"3":{"data":{"url":"https://developer.android.com/reference/androidx/recyclerview/widget/DiffUtil.ItemCallback"},"mutability":"MUTABLE","type":"LINK"},"4":{"data":{"url":"https://github.com/evgenkr47/ExampleRoomCaching"},"mutability":"MUTABLE","type":"LINK"},"5":{"data":{"url":"https://api.npoint.io/8aaa4c36d9afdd150144"},"mutability":"MUTABLE","type":"LINK"},"6":{"data":{"url":"https://developer.android.com/topic/libraries/architecture/viewmodel"},"mutability":"MUTABLE","type":"LINK"},"7":{"data":{"url":"https://developer.android.com/reference/androidx/recyclerview/widget/DiffUtil.ItemCallback"},"mutability":"MUTABLE","type":"LINK"}}},"mentions":[]}