ViewPager 之类的东西在 Android TV 的浏览器片段中

Posted 2023-04-15

【中文标题】ViewPager 之类的东西在 Android TV 的浏览器片段中

【英文标题】：ViewPager like of thing in BrowseFragment in AndroidTV

【发布时间】：2017-01-30 17:09:46

【问题描述】：

我是 android TV 的新手。请看下面的附件图片。

在这张图片的顶部有一个圆盘，所有红色标记的区域都是图像。

我想在 Android TV 中制作这个屏幕。我为此使用了 BrowseFragment。我有两个 Presenter 一个用于第一行，另一个用于另一行。

我用过的代码：

HomeFragment.java

    private  CustomListRowPresenter mListRowPresenter;
    private void loadRows() 
        List<Movie> list = MovieList.setupMovies();
        mListRowPresenter = new CustomListRowPresenter(getActivity(),this);
        mRowsAdapter = new ArrayObjectAdapter(mListRowPresenter);
        CardPresenter cardPresenter = new CardPresenter(getActivity());

        mNumberOfRows = NUM_ROWS;
        HeaderItem gridHeader = new HeaderItem(0, "");
        GridItemPresenter mGridPresenter = new GridItemPresenter();
        ArrayObjectAdapter gridRowAdapter = new ArrayObjectAdapter(mGridPresenter);
        gridRowAdapter.add(getResources().getString(R.string.grid_view));
        gridRowAdapter.add(getString(R.string.error_fragment));
        gridRowAdapter.add(getResources().getString(R.string.personal_settings));
        mRowsAdapter.add(new ListRow(gridHeader, gridRowAdapter));

        int i;
        for (i = 1; i < NUM_ROWS; i++) 
            if (i != 0) 
                Collections.shuffle(list);
            
            ArrayObjectAdapter listRowAdapter = new ArrayObjectAdapter(cardPresenter);
            for (int j = 1; j < NUM_COLS; j++) 
                listRowAdapter.add(list.get(j % 5));
            
            HeaderItem header = new HeaderItem(i, MovieList.MOVIE_CATEGORY[i]);
            mRowsAdapter.add(new ListRow(header, listRowAdapter));
        



        setAdapter(mRowsAdapter);

    

CardPresenter.java

public class CardPresenter extends Presenter 
    private static final String TAG = "CardPresenter";

    private static int CARD_WIDTH = 360;
    private static int CARD_HEIGHT = 160;
    private static int sSelectedBackgroundColor;
    private static int sDefaultBackgroundColor;
    private Drawable mDefaultCardImage;
    private Activity mActivity;

    public CardPresenter(Activity activity)
        mActivity = activity;
    

    public CardPresenter()
     
    @Override
    public ViewHolder onCreateViewHolder(ViewGroup parent) 
        Log.d(TAG, "onCreateViewHolder");

        sDefaultBackgroundColor = parent.getResources().getColor(R.color.default_background);
        sSelectedBackgroundColor = parent.getResources().getColor(R.color.selected_background);
        mDefaultCardImage = parent.getResources().getDrawable(R.drawable.movie);
/*
        ImageCardView cardView = new ImageCardView(parent.getContext()) 
            @Override
            public void setSelected(boolean selected) 
                updateCardBackgroundColor(this, selected);
                super.setSelected(selected);
            
        ;

        cardView.setFocusable(true);
        cardView.setFocusableInTouchMode(true);
        cardView
                .setBackgroundResource(R.drawable.gridview_cell_border);
        updateCardBackgroundColor(cardView, false);*/

        View view = mActivity.getLayoutInflater().inflate(R.layout.gridview_cell_rows, parent,
                false);
        LinearLayout linearLayout = (LinearLayout)view.findViewById(R.id.container_grid_view_item);
        linearLayout.setBackgroundResource(R.drawable.gridview_cell_border);

        view.setFocusable(true);

        ViewHolder viewHolder = new ViewHolder(view);
        return viewHolder;

     

    private static void updateCardBackgroundColor(ImageCardView view, boolean selected) 
        int color = selected ? sSelectedBackgroundColor : sDefaultBackgroundColor;
        // Both background colors should be set because the view's background is temporarily visible
        // during animations.
        view.setBackgroundColor(color);
        view.findViewById(R.id.info_field).setBackgroundColor(color);
    

    @Override
    public void onBindViewHolder(Presenter.ViewHolder viewHolder, Object item) 
        Movie movie = (Movie) item;
        View cardView = (View) viewHolder.view;
        ImageView imageView = (ImageView)cardView.findViewById(R.id.imageView);
        LinearLayout linearLayout = (LinearLayout)cardView.findViewById(R.id.container_grid_view_item);
        linearLayout.setBackgroundResource(R.drawable.gridview_cell_border);
        Log.d(TAG, "onBindViewHolder");
        if (movie.getCardImageUrl() != null) 
           /* cardView.setTitleText(movie.getTitle());
            cardView.setContentText(movie.getStudio());
            cardView.setMainImageDimensions(CARD_WIDTH, CARD_HEIGHT);*/
            Glide.with(viewHolder.view.getContext())
                    .load(movie.getCardImageUrl())
                    .centerCrop()
                    .error(mDefaultCardImage)
                    .into(imageView);
        


    

    @Override
    public void onUnbindViewHolder(Presenter.ViewHolder viewHolder) 
        Log.d(TAG, "onUnbindViewHolder");
        View cardView = (View) viewHolder.view;
        // Remove references to images so that the garbage collector can free up memory

    

所以对于第一行，我使用了 CardPresenter，而对于其他行，我使用了 GridPresenter。

我的要求是这种 viewpager 类型的东西应该每 5 秒自动旋转一次。

所以请帮助我如何设计这个片段。

【问题讨论】：

github.com/sayyam/carouselview 会帮助你

感谢@AnshulTyagi。我可以在 android TV 中使用这个库吗？

是的，我想会的。

@AnshulTyagi 因为在 Android TV 中我们使用的是 BrowseFragment，并且要求在滚动过程中上述的圆盘托盘应滚动到顶部。

@AnshulTyagi 我们不能在 Android TV 中使用这个库。它适用于移动应用程序。

【参考方案1】：

如Creating a Catalog Browser 中所述，如果您希望自定义片段之间的标题视图，请使用Presenter 并实现抽象方法来创建、绑定和取消绑定视图持有者。在显示目录浏览器的BrowseFragment实现中，使用setHeaderPresenterSelector()方法设置行标题的presenter或使用setOnItemViewSelectedListener()方法设置项目选择监听器，如下例所示。

setHeaderPresenterSelector(new PresenterSelector() 
    @Override
    public Presenter getPresenter(Object o) 
        return new IconHeaderItemPresenter();
    
);

然后，使用Timer 设置每个页面演示者的持续时间，如GitHub post 所示。

对于示例代码实现，tutorial 也可能有所帮助。

【讨论】：

感谢您的回答.. 现在我使用的是 BrowseFragment，而第一行我使用的是不同的 Presenter。现在在这个演示者中，我正在使用 ViewPager。同时，我在滚动方面的效果与在 BrowseFragment 中的效果不同。请建议这是正确的方法还是我需要一些不同的尝试。

你能给我一个想法如何实现上面的东西吗？

@nitintyagi，你能想出在 Android 电视上实现轮播的解决方案吗？任何指针都会有很大帮助。

@user1273299 我能够像我的问题中附加的 imgae 一样放大第一行图像。但我无法为 Carousel 提供自动滚动等功能。如果您需要任何帮助，请在 Skype nitin.ibt 上联系我