自定义 BrowseFragment 以在行列表上方显示文本和图像预览

Question

由于我们是 Android TV 开发的新手，我们愿意设计如下屏幕截图所示的屏幕。

在对 Leanback 库进行了某种研究之后，才知道我们应该使用 BrowseFragment 来达到预期的效果。

现在的问题是如何设计顶部的预览部分，结合文本和程序海报，因为 BrowseFragment 从屏幕左上角显示行。

我们是否需要使用我们的自定义，或者我们可以使用任何 Leanback 库 Fragment/Class/Activity？See screenshot here

Answer 1

我建议将 BrowseFragment 作为子片段包装到您的片段中，其中包含您想要的任何信息（TextView、ImageView 或其他）。 BrowseFrament 的 UI 行为很难改变，因为大部分代码/资源都是私有的或受保护的。

我假设您有一个 RootFragment，其中包含两个子片段，即 HeaderFragment 和 ContentFragment。

根片段

<androidx.constraintlayout.widget.ConstraintLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingTop="0dp"
    android:paddingBottom="0dp"
    android:paddingLeft="0dp"
    android:paddingRight="0dp">
  <fragment
        android:id="@+id/headersView"
        android:name="yourpackagename.HeadersFragment"
        android:layout_width="120dp"
        android:layout_height="0dp"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintBottom_toBottomOf="parent"/>
<fragment
        android:id="@+id/contentFragment"
        android:name="yourpackagename.ContentFragment"
        android:layout_width="0dp"
        android:layout_height="0dp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toEndOf="@+id/headersView"
        app:layout_constraintTop_toTopOf="parent"/>
</androidx.constraintlayout.widget.ConstraintLayout>

HeaderFragment的布局

<?xml version="1.0" encoding="utf-8"?>
<androidx.leanback.widget.VerticalGridView
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:lb="http://schemas.android.com/tools"
    android:id="@+id/headersView"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toTopOf="parent"
    lb:numberOfRow="1" />

对于 ContentFragment，您只需扩展 androidx.leanback.app.RowsSupportFragment() 即可加载数据。因此，您可以相应地更改您喜欢的任何 UI。