观众列表

组件概述
观众列表组件主要提供以下功能，展示直播间实时人数，展示直播间中在线观众列表。
观众列表组件
点击组件后，展示在线观众详情面板
集成后效果展示
﻿
﻿
﻿
﻿
﻿
组件接入
Android
iOS
1. 在您项目中的 src/main/java 目录下创建包名为 com.trtc.uikit.livekit 的目录，并将 github 上 livekit 目录下的 common 目录 和 component/audiencelist 目录 拷贝到你创建的 com.trtc.uikit.livekit 目录下。
2. 将 github上 main 目录下的 res-common 和 res-audience-list 目录 拷贝到您自己工程中的 src/main 目录下。
3. 在您的 build.gradle.kts 或者 build.gradle 文件的 android 节点中添加如下配置：
build.gradle.kts
build.gradle
sourceSets.getByName("main") {
    res.setSrcDirs(
        listOf(
            "src/main/res", "src/main/res-common", "src/main/res-audience-lis"
        )
    )
}
sourceSets {
    main {
        res.srcDirs = [
                'src/main/res',
                'src/main/res-common',
                'src/main/res-audience-lis',
        ]
    }
}
4. 使用 Android Studio 的全局字符串替换 功能，将 import com.trtc.uikit.livekit.R; 全局替换为 您项目自己的 R文件，示例如下：
﻿
使用 CocoaPods 导入组件，导入组件具体骤如下：
1. 您需要在GitHub上下载AudienceList和Common文件夹到本地。
﻿
2. 请在您的 Podfile 文件中添加 pod 'TUIAudienceList' 和pod 'TUILiveResources'依赖。
Swift
target 'xxxx' do
  ...
  ...
  pod 'TUILiveResources', :path => '../Component/Common/TUILiveResources.podspec'
  //路径是您的Podfile文件与TUILiveResources.podspec文件之间的相对路径
  pod 'TUIAudienceList', :path => '../Component/AudienceList/TUIAudienceList.podspec'
  //路径是您的Podfile文件与TUIAudienceList.podspec文件之间的相对路径
end
如果您没有Podfile 文件，首先终端cd 到xxxx.xcodeproj目录，然后通过以下命令创建：
pod init
3. 在终端中，首先cd到Podfile目录下，然后执行以下命令，安装组件。
pod install
4. 您在接入和使用过程中遇到的任何问题，欢迎给我们 反馈。
组件使用
说明：
由于在直播间内才会获取到在线观众信息。所以使用观众列表组件时，需要注意使用时机，在进直播间成功之后再使用该组件。
创建组件
Android
iOS
您有两种创建直播间信息组件的方式，具体如下：
1. 在代码中创建：
AudienceListView audienceListView = new AudienceListView(getContext());
2. 在 xml 中定义：
<com.trtc.uikit.livekit.component.audiencelist.AudienceListView
    android:id="@+id/audience_list_view"
    android:layout_width="135dp"
    android:layout_height="24dp"
    android:layout_gravity="end" />
import TUIAudienceList
﻿
let audienceListView = AudienceListView()
// ...此处将audienceListView添加到您的父视图上并调整布局
组件初始化
Android
iOS
您在进房成功之后，可以调用 AudienceListView 的 init 方法，让组件绑定数据和事件。
说明：
此操作需要在进房成功之后执行，进房成功的回调中会给你返回 TUIRoomDefine.RoomInfo 对象。
audienceListView.init(roomInfo); 
您在进房成功之后，可以调用 AudienceListView 的 initialize 方法，让组件绑定数据和事件。
说明：
此操作需要在进房成功之后执行，进房成功的回调中会给你返回 TUIRoomInfo 对象。
audienceListView.initialize(roomInfo: roomInfo) 
﻿
﻿
﻿
观众列表组件	点击组件后，展示在线观众详情面板	集成后效果展示