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

Question

由于我们是Android电视开发的新手，愿意设计如下图所示的画面。

在对 Leanback 库进行一些研究之后，了解到我们应该使用 BrowseFragment 来达到预期的结果。

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

我们需要使用我们的定制还是我们可以使用任何 Leanback 库Fragment/Class/Activity？See screenshot here

Answer 1

我建议将 BrowseFragment 作为子片段包装到包含您想要的任何信息（TextView、ImageView 或其他）的片段中。很难更改 BrowseFrament 的 UI 行为，因为大多数 codes/resources 是私有的或受保护的。

我假设您有一个 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。

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

Customize BrowseFragment to show text and image preview above Row list

android

android-tv

leanback