将焦点从 ViewPager/TabLayout 中的选项卡上移开答案

【问题标题】：Take focus away from tabs in ViewPager/TabLayout将焦点从 ViewPager/TabLayout 中的选项卡上移开
【发布时间】：2018-06-22 07:49:59
【问题描述】：

我在 Android TV 上使用 ViewPager/TabLayout，我有 2 个问题。

1) 目前，如果我按下 DPAD_UP，焦点将转到选项卡，但在按下 DPAD_CENTER 之前，页面实际上并不会更改为与焦点选项卡对应的那个。因此，聚焦（显示为选项卡文本周围的灰色框）和选中（显示为下划线）之间存在差异。我想知道是否可以选择任何重点？

2) 我的 ViewPager 中有 3 个选项卡，其中 tab1 中的片段需要获得焦点才能正确显示。当我从 tab3 切换到 tab1 时，焦点不会放在片段上，而是留在选项卡上。这会导致我的片段无法正确显示。我想知道是否有办法将焦点从标签上移开？挖了ViewPager和TabLayout的源码，知道焦点是用TabLayout的TabView，但是不管怎么尝试，都无法带走TabView的焦点状态（即标签文本周围的灰色框不走直到我使用 DPAD_DOWN “向下”到片段）。

试过了 ((ViewGroup) tabLayout.getChildAt(0)).getChildAt(desiredPosition).clearFocus() 并没有帮助。我不想用viewPager.setOffscreenPageLimit(2);

// This is my viewpager activity class
@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_view_pager);

    ViewPager viewPager = (ViewPager) findViewById(R.id.viewPager);
    adapterViewPager = new MyPagerAdapter(getFragmentManager());
    viewPager.setAdapter(adapterViewPager);

    // Give the TabLayout the ViewPager
    TabLayout tabLayout = (TabLayout) findViewById(R.id.sliding_tabs);
    tabLayout.setupWithViewPager(viewPager);

    tabLayout.addOnTabSelectedListener(new TabLayout.OnTabSelectedListener() {
        @Override
        public void onTabSelected(TabLayout.Tab tab) {
            // Tried to clear focus of tab here, didn't help
        }

        @Override
        public void onTabUnselected(TabLayout.Tab tab) {

        }

        @Override
        public void onTabReselected(TabLayout.Tab tab) {

        }
    });
}


public static class MyPagerAdapter extends FragmentPagerAdapter {
    private static int NUM_ITEMS = 3;

    public MyPagerAdapter(FragmentManager fragmentManager) {
        super(fragmentManager);
    }

    // Returns total number of pages.
    @Override
    public int getCount() {
        return NUM_ITEMS;
    }

    // Returns the fragment to display for a particular page.
    @Override
    public Fragment getItem(int position) {
        switch (position) {
            case 0:
                return new OneFragment; // This is the fragment that needs focus
            case 1:
                return new TwoFragment();
            case 2:
                return new ThreeFragment();
            default:
                return null;
        }
    }

    // Returns the page title for the top indicator
    @Override
    public CharSequence getPageTitle(int position) {
        if (position == 0) {
            return "Fragment 1";
        } else if (position == 1) {
            return "Fragment 2";
        } else {
            return "Fragment 3";
        }
    }

}


<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 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.support.design.widget.TabLayout
        android:id="@+id/sliding_tabs"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:tabMode="fixed"
        android:theme="@style/AppThemeTab" />

    <android.support.v4.view.ViewPager
        android:id="@+id/viewPager"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
    </android.support.v4.view.ViewPager>

</RelativeLayout>

感谢您的帮助，谢谢！

【问题讨论】：

你试过在片段内的一个视图中请求焦点吗？
我宁愿不在 Fragment 中 requestFocus，因为我无法控制那个 Fragment，虽然我知道如果我在 Fragment 中 requestFocus，问题 2 就解决了。
第一个问题，不能用dispatch key event吗？
问题是我什至不能在具有焦点的视图上使用焦点更改侦听器。由于焦点在选择之前，我将不得不在焦点改变时调度关键事件。然后，就出现了无法检测到焦点的问题。

标签： android android-fragments android-viewpager android-tablayout fragmentpageradapter

【解决方案1】：

一个班轮解决方案:)。要抑制对 Tablayout 子视图的关注，请使用下面的代码片段，假设选项卡是可滚动的 - 即选项卡选择由 digipad 滚动：

tabLayout.setTabMode(TabLayout.MODE_SCROLLABLE);        
tabLayout.setDescendantFocusability(ViewGroup.FOCUS_BLOCK_DESCENDANTS);

【讨论】：