Audience Core View (Android)

 import android.os.Bundle
 import android.view.Gravity
 import android.widget.FrameLayout
 import android.widget.ImageView
 import androidx.appcompat.app.AppCompatActivity
 import com.trtc.uikit.livekit.features.audienceview.AudienceLiveView
 import com.trtc.uikit.livekit.features.audienceview.AudienceView
 import com.trtc.uikit.livekit.features.audienceview.AudienceViewDefine
 import com.trtc.uikit.livekit.features.audienceview.AudienceViewDefine.AudienceBottomItem
 import io.trtc.tuikit.atomicx.common.util.ScreenUtil.dip2px
 import io.trtc.tuikit.atomicxcore.api.live.LiveInfo

 class AudienceActivity : AppCompatActivity(), AudienceViewDefine.AudienceViewListener {
     private var currentLiveView: AudienceLiveView? = null

     override fun onCreate(savedInstanceState: Bundle?) {
         super.onCreate(savedInstanceState)

         // Initialize AudienceView container
         val audienceView = AudienceView(this)
         setContentView(audienceView)

         // Register listener and initialize
         audienceView.addListener(this)
         audienceView.init(this, "your_room_id")
     }

     // Show product list page
     private fun showProductListPanel() {
         println("Show product list page...")
     }

     // Simulate receiving a product push message
     fun onReceiveProductPushMessage() {
         // Must operate on the currently active view
         val liveView = currentLiveView ?: return

         val productCard = AudienceProductCardView(this)
         productCard.setOnClickListener { showProductListPanel() }

         val params = FrameLayout.LayoutParams(dip2px(150f), FrameLayout.LayoutParams.WRAP_CONTENT).apply {
             gravity = Gravity.BOTTOM or Gravity.END
             rightMargin = dip2px(12f)
             bottomMargin = dip2px(100f)
         }
         liveView.overlayView.addView(productCard, params)
     }

     // --- AudienceViewListener callback implementation ---

     override fun onCreateLiveView(liveView: AudienceLiveView, liveInfo: LiveInfo) {
         // Configure bottom action bar: Hide co-hosting feature and add custom "shopping cart" button
         val shopCartBtn = ImageView(this).apply {
             setOnClickListener { showProductListPanel() }
         }

         liveView.bottomItems = listOf(
             AudienceBottomItem.Gift,
             AudienceBottomItem.Like,
             AudienceBottomItem.Custom(shopCartBtn)
         )
     }

     override fun onLiveViewDidAppear(liveView: AudienceLiveView, liveInfo: LiveInfo) {
         currentLiveView = liveView
     }

     override fun onLiveViewDidDisappear(liveView: AudienceLiveView, liveInfo: LiveInfo) {
         if (currentLiveView === liveView) {
             currentLiveView = null
         }
     }

     override fun onLiveEnded(roomId: String, ownerName: String, ownerAvatarUrl: String) {}
     override fun onClickFloatWindow() {}
 }

 class AudienceProductCardView(context: android.content.Context) : android.view.View(context) {
     // Custom product card
 }

 override fun onCreateLiveView(liveView: AudienceLiveView, liveInfo: LiveInfo) {
     // Step 1: Initialize custom view that follows layout rules
     val customInfoView = MyInfoView(liveView.context)

     // Step 2: Replace the specific node with the custom view
     liveView.replace(AudienceViewDefine.AudienceNode.LIVE_INFO, customInfoView)
 }

 override fun onCreateLiveView(audienceView: AudienceLiveView, liveInfo: LiveInfo) {
     val btn = MyGiftButton(audienceView.context, audienceView)
     audienceView.bottomItems = listOf(AudienceBottomItem.Custom(btn))
 }

 class MyGiftButton(context: Context, private val liveView: AudienceLiveView) : androidx.appcompat.widget.AppCompatImageView(context) {
     init {
         setImageResource(R.drawable.custom_gift)
         setOnClickListener {
             // Show the default Gift Panel
             liveView.perform(AudienceViewDefine.AudienceAction.SHOW_GIFT_PANEL)
             // Or trigger custom logic
             // presentCustomPanel()
         }
     }
 }

 import android.content.Context
 import android.graphics.Color
 import android.widget.FrameLayout
 import io.trtc.tuikit.atomicx.widget.basicwidget.popover.AtomicPopover

 // Step 1: Build custom business view (e.g., audience list)
 class CustomAudienceListView(context: Context) : FrameLayout(context) {
     init {
         setBackgroundColor(Color.WHITE)
         setupUI()
         bindLiveData()
     }

     private fun setupUI() {
         // Add your custom UI controls here, such as displaying audience avatars, user levels, etc.
     }

     private fun bindLiveData() {
         // Use AtomicXCore's core interface to get current room status or user data
         // For example: LiveAudienceStore.create(liveID)...
         // After obtaining core data, refresh the custom UI built above
     }
 }

 // Example: Slide up a custom panel from the bottom, occupying 50% of the screen height
 fun presentBusinessPanel(context: Context) {
     // Step 2: Instantiate popup container, specify popup from bottom
     val popover = AtomicPopover(context, AtomicPopover.PanelGravity.BOTTOM)

     // Step 3: Configure and display custom view
     // Set panel height to 50% of screen height (can also use WrapContent for adaptive height)
     popover.setPanelHeight(AtomicPopover.PanelHeight.Ratio(0.5f))

     // Instantiate custom business view
     val audienceListView = CustomAudienceListView(context)

     // Set content and show
     popover.setContent(audienceListView)
     popover.show()
 }

 class LiveRoomActivity : AppCompatActivity() {
     // Get the current liveView in AudienceViewListener
     private var currentLiveView: AudienceLiveView? = null

     // Example: Floating red packet widget in the top-left corner, click to pop up business panel
     fun addRedPacketWidget() {
         val activeView = currentLiveView ?: return

         // Step 1 & 2: Create widget view and enable interaction
         val redPacketWidget = ImageView(this).apply {
             setImageResource(R.drawable.red_packet_icon)
             setOnClickListener { handleRedPacketClick() }
         }

         val params = FrameLayout.LayoutParams(dip2px(60f), dip2px(60f)).apply {
             gravity = Gravity.TOP or Gravity.START
             topMargin = dip2px(120f)
             leftMargin = dip2px(15f)
         }

         // Step 3: Add to overlay layer
         activeView.overlayView.addView(redPacketWidget, params)
     }

     private fun handleRedPacketClick() {
         // Call presentBusinessPanel(this) here to pop up your custom business view
         // presentBusinessPanel(this)
     }
 }