如何使BrowseFragment只有一行可见

Question

如何制作Android TV BrowseFragment界面，只有一行可见，如YouTube应用程序？

这是我的代码的基本结构：

BrowseFragment browseFragment = BrowseFragment.getInstance();

browseFragment.setHeadersState(BrowseFragment.HEADERS_ENABLED);
browseFragment.setTitle(getString(R.string.AplicationName));
browseFragment.setBadgeDrawable(ContextCompat.getDrawable(this, R.drawable.badge));

ArrayObjectAdapter rowsAdapter = new ArrayObjectAdapter(new ListRowPresenter());


for ( int i = 0; i < itemsCount; ++i ) {

    HeaderItem header = new HeaderItem(i, "Header" + items[i].title);
    ArrayObjectAdapter rowAdapter = new ArrayObjectAdapter(new CardPresenter());

    for ( int i = 0; i < subitemsCount; ++i ) {
        rowAdapter.add(subitems[i]);
    }

    rowsAdapter.add(new ListRow(header, rowAdapter));


}

browseFragment.setAdapter(rowsAdapter);

这会生成左侧的所有标题，但不是一个可见的项目行，而是获得一个包含所有行的网格，如示例应用程序：

Answer 1

您可以使用此处提供的自定义BrowseFragment组件：https://github.com/dextorer/BuildingForAndroidTV

您将能够复制YouTube电视应用提供的相同UI结构。

<强>更新

我已经编写了一个扩展Leanback的简单库，并提供了更简化（可靠）的自定义。这是：

Sofa

Answer 2

我做的是扩展ListRowPresenter类（例如：ListVideosRowPresenter），并添加以下代码：

@Override
protected void onSelectLevelChanged(RowPresenter.ViewHolder holder) {
    super.onSelectLevelChanged(holder);

    if (vh.isSelected()){
        vh.getGridView().setVisibility(View.VISIBLE);
    } else {
        vh.getGridView().setVisibility(View.GONE);
    }
}

然后，在MainFragment类上，当您创建适配器（HeadersAdapters和RowsAdapters）时，您必须使用扩展类：

mHeadersAdapter = new ArrayObjectAdapter(new ListVideosRowPresenter());

并且为了避免显示标题，（在rowsFragment上）我必须创建两个独立的适配器（一个用于HeadersFragment，另一个用于RowsFragment）：

        HeaderItem categoryHeader = new HeaderItem(i, MovieList.MOVIE_CATEGORY[i]);
        CustomListRow headersRow = new CustomListRow(categoryHeader, listRowAdapter);
        //I pass null as the header, so no header will be displayed on the RowsFragment
        CustomListRow listRow = new CustomListRow(null, listRowAdapter, MovieList.MOVIE_CATEGORY[i]);
        mRowsAdapter.add(listRow);
        mHeadersAdapter.add(headersRow);

最后在MainFragment上编写一个新的setAdapter方法（带有两个参数）：

public void setAdapter(ObjectAdapter adapterHeaders, ObjectAdapter adapterRows) {
    //this line sets the same adapter for both fragments (headers and rows)
    setAdapter(adapterRows);
    //this line sets the adapter for the HeadersFragment only
    getHeadersFragment().setAdapter(adapterHeaders);
}