互动礼物

public void onSendGift(GiftListPanelView giftListView, Gift gift, int giftCount) {
   //...此处为预处理，如校验当前用户的余额等操作
   GiftUser receiver = new GiftUser();
   //...此处设置礼物接受者信息
   giftListView.sendGift(gift, giftCount, receiver);
}

lazy var giftListView = GiftListView(roomId: roomId, delegate: self)
// ...此处将giftListView添加到您的父视图上并调整布局

func onSendGift(gift model: TUIGift, giftCount: Int) {
    //...此处为预处理，如校验当前用户的余额等操作
    let receiver = TUIGiftUser()
    //...此处设置礼物接受者信息
    giftListView.sendGift(model: giftModel, giftCount: giftCount, receiver: receiver, completion: completion)
}

import { ref } from "vue";
import { useGiftList, type Gift } from "src/TUILive/components/Gift/useGiftList.ts";

const { handleSendGift } = useGiftList();
const selectedGift = ref<Gift>({} as Gift);

// 该方法绑定为 GiftList 面板上发送按钮的点击事件
const handleSendSelectedGift = async (gift: Gift) => {
  if (selectedGift.value !== gift) return;
  try {
    // 调用 handleSendGift 发送礼物
    await handleSendGift(gift);
    selectedGift.value = {} as Gift;
  } catch (error) {
    selectedGift.value = {} as Gift;
    throw error;
  }
}

GiftPlayView giftPlayView = new GiftPlayView(mContext, roomId);

let giftPlayView = GiftPlayView(groupId: roomId)
// ...此处将giftPlayView添加到您的父视图上并调整布局

<template>
    // 将 GiftPlayerCardList 组件放置后可根据您具体的业务场景调整布局
    <GiftPlayerCardList/>
</template>

<script setup lang="ts">
import GiftPlayerCardList from 'src/TUILive/components/Gift/GiftPlayerCardList.vue';
</script>

public interface TUIGiftPlayViewListener {
    void onReceiveGift(Gift gift, int giftCount, GiftUser sender, GiftUser receiver);
    //...
}

func giftPlayView(_ giftPlayView: GiftPlayView, onReceiveGift gift: TUIGift, giftCount: Int, sender: TUIGiftUser, receiver: TUIGiftUser)
    // 自定义处理
} 

// 文件位置：src/TUILive/components/Chat/MessageList/useMessageListHook.ts

const onReceiveMessage = (options: { data: any }) => {
  if (!options || !options.data) {
    return;
  }
  const currentConversationId = `GROUP${roomId.value}`;
  options.data.forEach((message: any) => {
    // ..
    if (isGiftMsg(message.payload?.data)) {
      // 进入此判断则为礼物消息，可根据您具体的业务做自定义调整
    }
    // ..
  });
};

mGiftCloudServer.queryGiftInfoList((error, result) -> post(() -> {
    if (error == Error.NO_ERROR) {
        mGiftListView.setGiftList(result);
    } else {
        ToastUtil.toastLongMessage("query gift list error, code = " + error);
    }
}));

// 文件位置：iOS/TUILiveKit/Sources/Component/Gift/Store/TUIGiftStore.swift

class TUIGiftStore {
    static let shared = TUIGiftStore()
    
    private init() {
        giftCloudServer.queryGiftInfoList { [weak self] error, giftList in
            guard let self = self else { return }
            if error == .noError {
                self.giftList = giftList
            }
        }
    }
    var giftList: [TUIGift] = []
    let giftCloudServer: IGiftCloudServer = GiftCloudServer()
}


//  文件位置：iOS/TUILiveKit/Sources/LiveStream/Main/Manager/LSRouterControlCenter.swift
private func getRouteDefaultView(route: LSRoute) -> UIView?
 {  
    switch route {
    case .giftView:
      let giftPanel = GiftListPanel(roomId: manager.roomState.roomId, dataSource: manager)
      giftPanel.setGiftList(TUIGiftStore.shared.giftList)
      view = giftPanel
    }
}

// 文件位置：src/TUILive/components/Gift/useGiftList.ts

// 礼物备份数据
const giftListDataBackup = {
    "giftList": [
        {
          "giftId": "1",
          "imageUrl": "礼物图片url地址",
          "animationUrl": "礼物特效地址", // 要求是一个 svga 动画
          "price": 99,
          "giftName": "比心",
          "giftName_en": "Heart gesture",
          "type": 0
        },
        // ...
    ]
}

// 在 getGiftList 方法中替换礼物数据的 url
const getGiftList = async (): Promise<Gift[]> => {
  const giftDataUrl = '您的礼物数据 url 地址';
  const { giftList } = await safelyFetchGiftData(giftDataUrl);
  // 浏览器请求资源时容易出现跨域问题导致拿不到接口数据，此时可使用礼物备份数据
  return giftList || giftListDataBackup;
}