{"draftJsState":{"blocks":[{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Для реализации списка согласно в классическом Android-представлении (View-system), нам понадобится настроить RecyclerView с использованием GridLayoutManager, так как элементы будут расположены в две колонки.","type":"unstyled","key":"95hdp"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Ниже представлен подробный разбор того, как создать эту подсистему «от и до».","type":"unstyled","key":"4e03c"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Этап 1: Создание модели данных","type":"unstyled","key":"2vc09"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Сначала определим, из чего состоит каждый элемент нашего списка.","type":"unstyled","key":"4b29q"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"data class ServiceItem(","type":"unstyled","key":"7u02o"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" val id: Int,","type":"unstyled","key":"6nntf"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" val iconRes: Int, // Ресурс иконки","type":"unstyled","key":"7ctp6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" val title: String, //заголовок","type":"unstyled","key":"1puc6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" val description: String // Серый текст","type":"unstyled","key":"dllf4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":")","type":"unstyled","key":"1gjta"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Этап 2: Разметка элемента (item_service.xml)","type":"unstyled","key":"374bj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Для создания карточки с закругленными углами и фоном, лучше всего использовать MaterialCardView.","type":"unstyled","key":"9t53v"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"ehgg7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" ","type":"unstyled","key":"c6uj5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" ","type":"unstyled","key":"fq4m8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" ","type":"unstyled","key":"sivu"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" ","type":"unstyled","key":"7e63a"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" ","type":"unstyled","key":"eo5er"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" ","type":"unstyled","key":"c31qf"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"79spf"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Этап 3: Создание Адаптера","type":"unstyled","key":"8ltj4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Адаптер связывает данные с разметкой и обрабатывает нажатия.","type":"unstyled","key":"9gpbg"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"class ServiceAdapter(","type":"unstyled","key":"5328k"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" private val items: List,","type":"unstyled","key":"bllif"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" private val onClick: (ServiceItem) -> Unit","type":"unstyled","key":"sf2p"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":") : RecyclerView.Adapter() {","type":"unstyled","key":"dohf2"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" class ServiceViewHolder(view: View) : RecyclerView.ViewHolder(view) {","type":"unstyled","key":"doopl"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" val icon: ImageView = view.findViewById(R.id.itemIcon)","type":"unstyled","key":"1u02r"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" val title: TextView = view.findViewById(R.id.itemTitle)","type":"unstyled","key":"2o2fu"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" val desc: TextView = view.findViewById(R.id.itemDescription)","type":"unstyled","key":"1hu0i"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" }","type":"unstyled","key":"4a44a"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"79fm8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): ServiceViewHolder {","type":"unstyled","key":"9gr73"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" val view = LayoutInflater.from(parent.context).inflate(R.layout.item_service, parent, false)","type":"unstyled","key":"7pb4c"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" return ServiceViewHolder(view)","type":"unstyled","key":"9dsjg"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" }","type":"unstyled","key":"97i2e"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"4d4fa"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" override fun onBindViewHolder(holder: ServiceViewHolder, position: Int) {","type":"unstyled","key":"63fv1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" val item = items[position]","type":"unstyled","key":"fk2vd"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" holder.title.text = item.title","type":"unstyled","key":"e9229"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" holder.desc.text = item.description","type":"unstyled","key":"a8udm"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" holder.icon.setImageResource(item.iconRes)","type":"unstyled","key":"50lt4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"d1ebm"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" // Обработка короткого нажатия","type":"unstyled","key":"36ve"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" holder.itemView.setOnClickListener { onClick(item) }","type":"unstyled","key":"eh8fs"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" }","type":"unstyled","key":"bi2ol"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"bo7m9"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" override fun getItemCount() = items.size","type":"unstyled","key":"f6lsd"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"}","type":"unstyled","key":"31c6q"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"ad3ce"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"```","type":"unstyled","key":"bcqkl"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Этап 4: Настройка в Activity","type":"unstyled","key":"8j0s6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Здесь мы инициализируем список, устанавливаем сетку (2 колонки) и настраиваем всплывающее сообщение (Toast).","type":"unstyled","key":"9slde"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"class MainActivity : AppCompatActivity() {","type":"unstyled","key":"e2v3u"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" override fun onCreate(savedInstanceState: Bundle?) {","type":"unstyled","key":"d272m"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" super.onCreate(savedInstanceState)","type":"unstyled","key":"7l5ca"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" setContentView(R.layout.activity_main)","type":"unstyled","key":"8io02"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"8o41"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" val recyclerView = findViewById(R.id.recyclerView)","type":"unstyled","key":"6bmqh"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" val data = listOf(","type":"unstyled","key":"8ddrv"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" ServiceItem(1, R.drawable.ic_care, \"Customer Care\", \"Our customer care service line is available...\"),","type":"unstyled","key":"71p14"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" ServiceItem(2, R.drawable.ic_package, \"Send a package\", \"Request for a driver to pick up...\"),","type":"unstyled","key":"2rfff"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" ServiceItem(3, R.drawable.ic_wallet, \"Fund your wallet\", \"To fund your wallet is as easy as ABC...\"),","type":"unstyled","key":"agqu5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" ServiceItem(4, R.drawable.ic_chats, \"Chats\", \"Search for available rider within your area\")","type":"unstyled","key":"5se8b"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" )","type":"unstyled","key":"bfokc"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"18bhm"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" val adapter = ServiceAdapter(data) { item ->","type":"unstyled","key":"uqri"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" // Вывод заголовка во всплывающем сообщении","type":"unstyled","key":"eqs4m"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" Toast.makeText(this, item.title, Toast.LENGTH_SHORT).show()","type":"unstyled","key":"chrbb"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" }","type":"unstyled","key":"fcjet"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"e2bfc"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" recyclerView.layoutManager = GridLayoutManager(this, 2)","type":"unstyled","key":"eesh7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" recyclerView.adapter = adapter","type":"unstyled","key":"f91qh"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" }","type":"unstyled","key":"7l92m"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"}","type":"unstyled","key":"fogv6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"marker","key":"BxWWtyzXOW5ZQIWQaKmO"}],"entityMap":{}},"mentions":[]}