Tencent Cloud

Recent Pages

Android

最后更新时间：2024-08-22 11:16:33

组件介绍
TUILiveKit 已经支持了房间列表 UI 组件(TUILiveListFragment) ，房间列表组件可以帮您展示当前应用下所有的在线直播和语音聊天室的直播间，当您接入房间列表 UI 组件后，只需要点击列表中的某个直播间，就可以实时观看当前主播的直播内容。进入直播间后您还可以通过弹幕、礼物、连麦等功能和主播进行实时互动。
房间列表组件
观看直播
和主播连麦
﻿
﻿
﻿
﻿
﻿
﻿
﻿
﻿
﻿
准备条件
在使用 TUILiveKit 提供的房间列表功能之前，您需要完成 TUILiveKit 组件接入的相关配置及登录，详情可参见 快速接入。
接入房间列表
注意：
请务必确保已经按照 快速接入 完成登录操作。只有TUILogin.login登录成功后才能正常进入直播预览画面。
1. 新建 app_activity_main.xml 文件（默认路径：app/src/main/res/layout/app_activity_main.xml）。
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <FrameLayout
        android:id="@+id/fl_live_list"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />
</RelativeLayout>
2. 新建 MainActivity.java，并在AndroidManifest.xml里注册，通过加载 TUILiveKit 的 TUILiveListFragment 页面，就可以展示房间列表。
Java
public class MainActivity extends AppCompatActivity {
    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.app_activity_main);
﻿
        FragmentManager fragmentManager = getSupportFragmentManager();
        FragmentTransaction fragmentTransaction = fragmentManager.beginTransaction();
        TUILiveListFragment listFragment = new TUILiveListFragment();
        fragmentTransaction.add(R.id.fl_live_list, listFragment);
        fragmentTransaction.commit();
    }
}
在 app 项目的 AndroidManifest.xml里注册 MainActivity（请使用您的MainActivity实际包名）：
<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools">
    <application>
        ...
        <!-- 示例：注册 MainActivity，请使用您的实际包名 -->
        <activity 
            android:name="com.trtc.uikit.livekit.example.view.main.MainActivity" 
            android:theme="@style/Theme.AppCompat.DayNight.NoActionBar"/>
        ...
    </application>
</manifest>
注意：
由于MainActivity继承自AppCompatActivity，所以要给MainActivity 设置一个Theme.AppCompat主题。您可以修改成自己的Theme.AppCompat主题。
如果遇到 Theme.AppCompat 相关问题，请参见 Activity 主题问题。