From 53563005bd26c3758463be64e5c0909ad8e66163 Mon Sep 17 00:00:00 2001
From: xuxinchao <xuxinchao@zhidaoauto.com>
Date: Thu, 6 Apr 2023 18:57:52 +0800
Subject: [PATCH] =?UTF-8?q?[dev=5Fopt=5F2.15.0]=E5=B0=8F=E5=B7=B4=E4=B9=98?=
 =?UTF-8?q?=E5=AE=A2=E7=AB=AF=E5=A2=9E=E5=8A=A0=E6=B0=94=E6=B3=A1=E6=80=81?=
 =?UTF-8?q?=E6=B6=88=E6=81=AF=E7=9B=92=E5=AD=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../main/res/layout/bus_p_base_fragment.xml   |   9 ++
 .../ui/msgbox/BusPassengerMsgBoxBubbleView.kt |  81 +++++++++++
 .../BusPassengerMsgBoxBubbleAdapter.kt        | 136 ++++++++++++++++++
 .../icon_bus_passenger_logo.png               | Bin 0 -> 9543 bytes
 .../main/res/layout/item_bus_box_notice.xml   |  52 +++++++
 .../res/layout/item_bus_box_operation.xml     |  52 +++++++
 .../src/main/res/layout/item_bus_box_v2x.xml  |  52 +++++++
 .../layout_bus_passenegr_msg_box_bubble.xml   |   8 ++
 8 files changed, 390 insertions(+)
 create mode 100644 core/function-impl/mogo-core-function-hmi/src/main/java/com/mogo/eagle/core/function/hmi/ui/msgbox/BusPassengerMsgBoxBubbleView.kt
 create mode 100644 core/function-impl/mogo-core-function-hmi/src/main/java/com/mogo/eagle/core/function/hmi/ui/msgbox/adapter/BusPassengerMsgBoxBubbleAdapter.kt
 create mode 100644 core/function-impl/mogo-core-function-hmi/src/main/res/drawable-xhdpi/icon_bus_passenger_logo.png
 create mode 100644 core/function-impl/mogo-core-function-hmi/src/main/res/layout/item_bus_box_notice.xml
 create mode 100644 core/function-impl/mogo-core-function-hmi/src/main/res/layout/item_bus_box_operation.xml
 create mode 100644 core/function-impl/mogo-core-function-hmi/src/main/res/layout/item_bus_box_v2x.xml
 create mode 100644 core/function-impl/mogo-core-function-hmi/src/main/res/layout/layout_bus_passenegr_msg_box_bubble.xml

diff --git a/OCH/mogo-och-bus-passenger/src/main/res/layout/bus_p_base_fragment.xml b/OCH/mogo-och-bus-passenger/src/main/res/layout/bus_p_base_fragment.xml
index 44bf9ec81d..f01a26e184 100644
--- a/OCH/mogo-och-bus-passenger/src/main/res/layout/bus_p_base_fragment.xml
+++ b/OCH/mogo-och-bus-passenger/src/main/res/layout/bus_p_base_fragment.xml
@@ -198,4 +198,13 @@
         app:layout_constraintRight_toRightOf="parent"
         app:layout_constraintTop_toTopOf="parent" />
 
+    <com.mogo.eagle.core.function.hmi.ui.msgbox.BusPassengerMsgBoxBubbleView
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        app:layout_constraintRight_toLeftOf="@+id/bus_p_route_panel"
+        app:layout_constraintTop_toTopOf="parent"
+        android:layout_marginRight="@dimen/dp_40"
+        android:layout_marginTop="@dimen/dp_100"
+        />
+
 </androidx.constraintlayout.widget.ConstraintLayout>
\ No newline at end of file
diff --git a/core/function-impl/mogo-core-function-hmi/src/main/java/com/mogo/eagle/core/function/hmi/ui/msgbox/BusPassengerMsgBoxBubbleView.kt b/core/function-impl/mogo-core-function-hmi/src/main/java/com/mogo/eagle/core/function/hmi/ui/msgbox/BusPassengerMsgBoxBubbleView.kt
new file mode 100644
index 0000000000..f88d023f2d
--- /dev/null
+++ b/core/function-impl/mogo-core-function-hmi/src/main/java/com/mogo/eagle/core/function/hmi/ui/msgbox/BusPassengerMsgBoxBubbleView.kt
@@ -0,0 +1,81 @@
+package com.mogo.eagle.core.function.hmi.ui.msgbox
+
+import android.app.Activity
+import android.content.Context
+import android.util.AttributeSet
+import android.view.LayoutInflater
+import androidx.constraintlayout.widget.ConstraintLayout
+import androidx.recyclerview.widget.LinearLayoutManager
+import com.mogo.eagle.core.data.msgbox.MsgBoxBean
+import com.mogo.eagle.core.data.msgbox.MsgBoxCountDownBean
+import com.mogo.eagle.core.data.msgbox.MsgBoxType
+import com.mogo.eagle.core.data.msgbox.MsgCategory
+import com.mogo.eagle.core.function.api.datacenter.msgbox.IMsgBoxListener
+import com.mogo.eagle.core.function.call.msgbox.CallerMsgBoxEventListenerManager
+import com.mogo.eagle.core.function.call.msgbox.CallerMsgBoxListenerManager
+import com.mogo.eagle.core.function.hmi.R
+import com.mogo.eagle.core.function.hmi.ui.msgbox.adapter.BusPassengerMsgBoxBubbleAdapter
+import com.mogo.eagle.core.function.msgbox.MsgBoxConfig
+import com.mogo.eagle.core.utilcode.util.UiThreadHandler
+import kotlinx.android.synthetic.main.layout_bus_passenegr_msg_box_bubble.view.*
+
+class BusPassengerMsgBoxBubbleView @JvmOverloads constructor(
+    context: Context,
+    attrs: AttributeSet? = null,
+    defStyleAttr: Int = 0
+) : ConstraintLayout(context, attrs, defStyleAttr), IMsgBoxListener {
+
+    private val TAG =  "BusPassengerMsgBoxBubbleView"
+    private val dataList :ArrayList<MsgBoxCountDownBean> = ArrayList()
+    private var busPassengerMsgBoxBubbleAdapter: BusPassengerMsgBoxBubbleAdapter?= null
+    private var isShowData = true
+
+    init {
+        LayoutInflater.from(context).inflate(R.layout.layout_bus_passenegr_msg_box_bubble, this, true)
+        initView()
+    }
+
+    private fun initView(){
+        val linearLayoutManager = LinearLayoutManager(context)
+        linearLayoutManager.orientation = LinearLayoutManager.VERTICAL
+        busPassengerMsgBoxBubbleAdapter = BusPassengerMsgBoxBubbleAdapter(context as Activity)
+        rvBusBoxBubbleList.adapter =busPassengerMsgBoxBubbleAdapter
+        rvBusBoxBubbleList.layoutManager = linearLayoutManager
+    }
+
+    /**
+     * 是否展示接收消息，消息盒子打开状态下不再展示气泡消息
+     * @param show true 展示；false 不展示
+     */
+    fun isShowData(show: Boolean){
+        isShowData = show
+    }
+
+    override fun onDataChanged(category: MsgCategory, msgBoxList: MsgBoxBean){
+        UiThreadHandler.post{
+            if(category == MsgCategory.NOTICE){
+                if(msgBoxList.type == MsgBoxType.NOTICE || msgBoxList.type == MsgBoxType.V2X
+                    || msgBoxList.type == MsgBoxType.OBU || msgBoxList.type == MsgBoxType.OPERATION){
+                    MsgBoxConfig.noticeList.add(msgBoxList)
+                    if(isShowData){
+                        CallerMsgBoxEventListenerManager.invokeUpdateTipListener(true)
+                        val msgBoxCountDownBean = MsgBoxCountDownBean(msgBoxList)
+                        dataList.add(msgBoxCountDownBean)
+                        busPassengerMsgBoxBubbleAdapter?.setData(dataList)
+                    }
+                }
+            }
+        }
+    }
+
+    override fun onAttachedToWindow() {
+        super.onAttachedToWindow()
+        CallerMsgBoxListenerManager.addListener(TAG,this)
+    }
+
+    override fun onDetachedFromWindow() {
+        super.onDetachedFromWindow()
+        CallerMsgBoxListenerManager.removeListener(TAG)
+    }
+
+}
\ No newline at end of file
diff --git a/core/function-impl/mogo-core-function-hmi/src/main/java/com/mogo/eagle/core/function/hmi/ui/msgbox/adapter/BusPassengerMsgBoxBubbleAdapter.kt b/core/function-impl/mogo-core-function-hmi/src/main/java/com/mogo/eagle/core/function/hmi/ui/msgbox/adapter/BusPassengerMsgBoxBubbleAdapter.kt
new file mode 100644
index 0000000000..a64c894066
--- /dev/null
+++ b/core/function-impl/mogo-core-function-hmi/src/main/java/com/mogo/eagle/core/function/hmi/ui/msgbox/adapter/BusPassengerMsgBoxBubbleAdapter.kt
@@ -0,0 +1,136 @@
+package com.mogo.eagle.core.function.hmi.ui.msgbox.adapter
+
+import android.app.Activity
+import android.os.CountDownTimer
+import android.view.LayoutInflater
+import android.view.View
+import android.view.ViewGroup
+import android.widget.ImageView
+import android.widget.TextView
+import androidx.recyclerview.widget.RecyclerView
+import com.mogo.eagle.core.data.enums.EventTypeEnumNew
+import com.mogo.eagle.core.data.msgbox.*
+import com.mogo.eagle.core.function.call.msgbox.CallerMsgBoxManager
+import com.mogo.eagle.core.function.hmi.R
+import com.mogo.eagle.core.utilcode.util.TimeUtils
+import com.mogo.eagle.core.utilcode.util.TimeUtils.getHourMinFormat
+
+class BusPassengerMsgBoxBubbleAdapter(private val activity: Activity): RecyclerView.Adapter<RecyclerView.ViewHolder>() {
+
+    private var data: ArrayList<MsgBoxCountDownBean> ?= null
+
+    private val notice: Int = 1
+    private val v2x: Int = 2
+    private val operation: Int = 3
+
+    fun setData(data: ArrayList<MsgBoxCountDownBean>){
+        this.data = data
+        if(data.size>3){
+            data.removeAt(0)
+        }
+        notifyDataSetChanged()
+    }
+
+    override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): RecyclerView.ViewHolder{
+        return when (viewType){
+            notice ->{
+                val view = LayoutInflater.from(parent.context).inflate(R.layout.item_bus_box_notice,parent,false)
+                BusBubbleNoticeHolder(view)
+            }
+            operation ->{
+                val view = LayoutInflater.from(parent.context).inflate(R.layout.item_bus_box_operation,parent,false)
+                BusBubbleOperationHolder(view)
+            }
+            else ->{
+                val view = LayoutInflater.from(parent.context).inflate(R.layout.item_bus_box_v2x,parent,false)
+                BusBubbleV2XHolder(view)
+            }
+        }
+    }
+
+    override fun onBindViewHolder(holder: RecyclerView.ViewHolder, position: Int){
+        when (holder){
+            is BusBubbleNoticeHolder -> {
+                data?.let{
+                    val noticeFrCloudMsg = it[position].msgBoxBean.bean as NoticeFrCloudMsg
+                    if(noticeFrCloudMsg.type == 0){
+                        val noticeNormalData = noticeFrCloudMsg.noticeNormalData
+                        holder.tvBusPNoticeTime.text = TimeUtils.millis2String(it[position].msgBoxBean.timestamp,getHourMinFormat())
+                        holder.tvBusPNoticeContent.text = noticeNormalData?.content
+                    }else{
+                        val noticeTrafficStylePushData = noticeFrCloudMsg.trafficPushData
+                        holder.tvBusPNoticeTime.text = TimeUtils.millis2String(it[position].msgBoxBean.timestamp,getHourMinFormat())
+                        holder.tvBusPNoticeContent.text = noticeTrafficStylePushData?.content
+                    }
+                }
+            }
+            is BusBubbleOperationHolder -> {
+                //运营消息
+                data?.let{
+                    val operationMsg = it[position].msgBoxBean.bean as OperationMsg
+                    holder.tvBusPOperationTime.text = TimeUtils.millis2String(it[position].msgBoxBean.timestamp,getHourMinFormat())
+                    holder.tvBusPOperationContent.text = operationMsg.content
+                }
+            }
+            is BusBubbleV2XHolder -> {
+                data?.let{
+                    val msgBoxBean = it[position]
+                    val v2XMsg = msgBoxBean.msgBoxBean.bean as V2XMsg
+                    holder.tvBusPV2XTime.text = TimeUtils.millis2String(it[position].msgBoxBean.timestamp,getHourMinFormat())
+                    holder.tvBusPV2XContent.text = v2XMsg.content
+                    holder.ivBusPV2XImage.setImageDrawable(activity.resources.getDrawable(
+                        EventTypeEnumNew.getUpdateIconRes(v2XMsg.type)))
+                }
+            }
+        }
+
+        val msgBoxBean: MsgBoxCountDownBean = data!![position]
+        msgBoxBean.countDownTimer =object: CountDownTimer(CallerMsgBoxManager.getDismissTime(),CallerMsgBoxManager.getDismissTime()){
+            override fun onTick(p0: Long) {
+
+            }
+
+            override fun onFinish() {
+                data?.remove(msgBoxBean)
+                notifyDataSetChanged()
+//                    notifyItemRemoved(index)
+//                    notifyItemRangeChanged(index,recordTypeEntity.size-index)
+            }
+
+        }
+        msgBoxBean.countDownTimer?.start()
+
+    }
+
+    override fun getItemCount() = data?.size ?: 0
+
+    override fun getItemViewType(position: Int): Int{
+        return if(data!![position].msgBoxBean.type == MsgBoxType.NOTICE){
+            notice
+        }else if(data!![position].msgBoxBean.type == MsgBoxType.OPERATION){
+            operation
+        } else{
+            v2x
+        }
+    }
+
+    //Notice
+    class BusBubbleNoticeHolder(itemView: View): RecyclerView.ViewHolder(itemView){
+        var tvBusPNoticeTime: TextView = itemView.findViewById(R.id.tvBusPNoticeTime)
+        var tvBusPNoticeContent: TextView = itemView.findViewById(R.id.tvBusPNoticeContent)
+    }
+
+    //OBU、V2X
+    class BusBubbleV2XHolder(itemView: View): RecyclerView.ViewHolder(itemView){
+        var ivBusPV2XImage: ImageView = itemView.findViewById(R.id.ivBusPV2XImage)
+        var tvBusPV2XTime: TextView = itemView.findViewById(R.id.tvBusPV2XTime)
+        var tvBusPV2XContent: TextView = itemView.findViewById(R.id.tvBusPV2XContent)
+    }
+
+    //运营消息
+    class BusBubbleOperationHolder(itemView: View): RecyclerView.ViewHolder(itemView){
+        var tvBusPOperationTime: TextView = itemView.findViewById(R.id.tvBusPOperationTime)
+        var tvBusPOperationContent: TextView = itemView.findViewById(R.id.tvBusPOperationContent)
+    }
+
+}
\ No newline at end of file
diff --git a/core/function-impl/mogo-core-function-hmi/src/main/res/drawable-xhdpi/icon_bus_passenger_logo.png b/core/function-impl/mogo-core-function-hmi/src/main/res/drawable-xhdpi/icon_bus_passenger_logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..f3b37355ccfa9d0518811241eeaf1619201d5d91
GIT binary patch
literal 9543
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%0D7Q{HS7
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

literal 0
HcmV?d00001

diff --git a/core/function-impl/mogo-core-function-hmi/src/main/res/layout/item_bus_box_notice.xml b/core/function-impl/mogo-core-function-hmi/src/main/res/layout/item_bus_box_notice.xml
new file mode 100644
index 0000000000..0646df15c7
--- /dev/null
+++ b/core/function-impl/mogo-core-function-hmi/src/main/res/layout/item_bus_box_notice.xml
@@ -0,0 +1,52 @@
+<?xml version="1.0" encoding="utf-8"?>
+<com.mogo.eagle.core.widget.RoundConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="@dimen/dp_637"
+    android:layout_height="@dimen/dp_160"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    android:background="#E3ECFE"
+    app:roundLayoutRadius="@dimen/dp_30"
+    android:layout_marginTop="@dimen/dp_12"
+    android:layout_marginBottom="@dimen/dp_12"
+    >
+
+    <ImageView
+        android:id="@+id/ivBusPNoticeImage"
+        android:layout_width="@dimen/dp_107"
+        android:layout_height="@dimen/dp_107"
+        app:layout_constraintTop_toTopOf="parent"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintLeft_toLeftOf="parent"
+        android:src="@drawable/icon_bus_passenger_logo"
+        android:layout_marginStart="@dimen/dp_26"
+        />
+
+    <TextView
+        android:id="@+id/tvBusPNoticeTime"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:textColor="#991A273F"
+        android:textSize="@dimen/dp_36"
+        app:layout_constraintTop_toTopOf="parent"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintRight_toRightOf="parent"
+        android:layout_marginEnd="@dimen/dp_26"
+        />
+
+    <TextView
+        android:id="@+id/tvBusPNoticeContent"
+        android:layout_width="0dp"
+        android:layout_height="wrap_content"
+        app:layout_constraintTop_toTopOf="parent"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintLeft_toRightOf="@id/ivBusPNoticeImage"
+        app:layout_constraintRight_toLeftOf="@id/tvBusPNoticeTime"
+        android:layout_marginStart="@dimen/dp_26"
+        android:layout_marginEnd="@dimen/dp_16"
+        android:textColor="#FF203555"
+        android:textSize="@dimen/dp_36"
+        android:gravity="start"
+        android:maxLines="3"
+        android:ellipsize="end"
+        />
+
+</com.mogo.eagle.core.widget.RoundConstraintLayout>
\ No newline at end of file
diff --git a/core/function-impl/mogo-core-function-hmi/src/main/res/layout/item_bus_box_operation.xml b/core/function-impl/mogo-core-function-hmi/src/main/res/layout/item_bus_box_operation.xml
new file mode 100644
index 0000000000..c73c5380ef
--- /dev/null
+++ b/core/function-impl/mogo-core-function-hmi/src/main/res/layout/item_bus_box_operation.xml
@@ -0,0 +1,52 @@
+<?xml version="1.0" encoding="utf-8"?>
+<com.mogo.eagle.core.widget.RoundConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="@dimen/dp_637"
+    android:layout_height="@dimen/dp_160"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    android:background="#E3ECFE"
+    app:roundLayoutRadius="@dimen/dp_30"
+    android:layout_marginTop="@dimen/dp_12"
+    android:layout_marginBottom="@dimen/dp_12"
+    >
+
+    <ImageView
+        android:id="@+id/ivBusPOperationImage"
+        android:layout_width="@dimen/dp_107"
+        android:layout_height="@dimen/dp_107"
+        app:layout_constraintTop_toTopOf="parent"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintLeft_toLeftOf="parent"
+        android:src="@drawable/icon_bus_passenger_logo"
+        android:layout_marginStart="@dimen/dp_26"
+        />
+
+    <TextView
+        android:id="@+id/tvBusPOperationTime"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:textColor="#991A273F"
+        android:textSize="@dimen/dp_36"
+        app:layout_constraintTop_toTopOf="parent"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintRight_toRightOf="parent"
+        android:layout_marginEnd="@dimen/dp_26"
+        />
+
+    <TextView
+        android:id="@+id/tvBusPOperationContent"
+        android:layout_width="0dp"
+        android:layout_height="wrap_content"
+        app:layout_constraintTop_toTopOf="parent"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintLeft_toRightOf="@id/ivBusPOperationImage"
+        app:layout_constraintRight_toLeftOf="@id/tvBusPOperationTime"
+        android:layout_marginStart="@dimen/dp_26"
+        android:layout_marginEnd="@dimen/dp_16"
+        android:textColor="#FF203555"
+        android:textSize="@dimen/dp_36"
+        android:gravity="start"
+        android:maxLines="3"
+        android:ellipsize="end"
+        />
+
+</com.mogo.eagle.core.widget.RoundConstraintLayout>
\ No newline at end of file
diff --git a/core/function-impl/mogo-core-function-hmi/src/main/res/layout/item_bus_box_v2x.xml b/core/function-impl/mogo-core-function-hmi/src/main/res/layout/item_bus_box_v2x.xml
new file mode 100644
index 0000000000..1c4c09f901
--- /dev/null
+++ b/core/function-impl/mogo-core-function-hmi/src/main/res/layout/item_bus_box_v2x.xml
@@ -0,0 +1,52 @@
+<?xml version="1.0" encoding="utf-8"?>
+<com.mogo.eagle.core.widget.RoundConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="@dimen/dp_637"
+    android:layout_height="@dimen/dp_160"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    android:background="#E3ECFE"
+    app:roundLayoutRadius="@dimen/dp_30"
+    android:layout_marginTop="@dimen/dp_12"
+    android:layout_marginBottom="@dimen/dp_12"
+    >
+
+    <ImageView
+        android:id="@+id/ivBusPV2XImage"
+        android:layout_width="@dimen/dp_107"
+        android:layout_height="@dimen/dp_107"
+        app:layout_constraintTop_toTopOf="parent"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintLeft_toLeftOf="parent"
+        android:layout_marginStart="@dimen/dp_26"
+        />
+
+    <TextView
+        android:id="@+id/tvBusPV2XTime"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:textColor="#991A273F"
+        android:textSize="@dimen/dp_36"
+        app:layout_constraintTop_toTopOf="parent"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintRight_toRightOf="parent"
+        android:layout_marginEnd="@dimen/dp_26"
+        />
+
+    <TextView
+        android:id="@+id/tvBusPV2XContent"
+        android:layout_width="0dp"
+        android:layout_height="wrap_content"
+        app:layout_constraintTop_toTopOf="parent"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintLeft_toRightOf="@id/ivBusPV2XImage"
+        app:layout_constraintRight_toLeftOf="@id/tvBusPV2XTime"
+        android:layout_marginStart="@dimen/dp_26"
+        android:layout_marginEnd="@dimen/dp_16"
+        android:textColor="#FF203555"
+        android:textSize="@dimen/dp_36"
+        android:gravity="start"
+        android:maxLines="1"
+        android:ellipsize="end"
+        />
+
+
+</com.mogo.eagle.core.widget.RoundConstraintLayout>
\ No newline at end of file
diff --git a/core/function-impl/mogo-core-function-hmi/src/main/res/layout/layout_bus_passenegr_msg_box_bubble.xml b/core/function-impl/mogo-core-function-hmi/src/main/res/layout/layout_bus_passenegr_msg_box_bubble.xml
new file mode 100644
index 0000000000..72ab34e2f5
--- /dev/null
+++ b/core/function-impl/mogo-core-function-hmi/src/main/res/layout/layout_bus_passenegr_msg_box_bubble.xml
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<androidx.recyclerview.widget.RecyclerView xmlns:android="http://schemas.android.com/apk/res/android"
+    android:id="@+id/rvBusBoxBubbleList"
+    android:layout_width="@dimen/dp_637"
+    android:layout_height="wrap_content"
+    >
+
+</androidx.recyclerview.widget.RecyclerView>
\ No newline at end of file