How to Remove onTouch Focus of TabLayout

Question

when i click on my tab layout tabs, its shows me little gray color.

how can i set transparency on touch.

Here is my xml code

   <ViewPager
    android:id="@+id/viewpager"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_weight="1"
    />
   <android.support.design.widget.TabLayout
    android:id="@+id/tabs"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_weight="0"
    android:layout_marginBottom="-3dp"
    android:layout_alignParentBottom="true"
    app:tabMode="fixed"
    app:tabGravity="fill"
    android:layout_marginLeft="50dp"
    android:layout_marginRight="50dp"
    android:background="@null"
    android:overScrollMode="never" />

.java file

    tabLayout.setFocusableInTouchMode(false); //Not Working
    tabLayout.setFocusable(false); //Not Working

Try setting the background color.. you should not be able to see the focus going to it.. — Chintan Soni, Dec 14 '15 at 12:49
try this http://stackoverflow.com/questions/14722654/tabwidget-current-tab-bottom-line-color — koutuk, Dec 14 '15 at 12:51
You must make another layout/view and request focus on that when you touch your tab. — Sharp Edge, Dec 14 '15 at 12:56
i try set tab layout color android:background="@color/White" or "@null" but focus still show.. @Chintan — Viveka Patel, Dec 15 '15 at 06:13
i trying set on View pager or main LinearLayout but focus can't remove from the tab layout. @SharpEdge — Viveka Patel, Dec 15 '15 at 06:27

score 1 · Answer 1 · answered Sep 17 '19 at 12:13

1

app:tabRippleColor="@android:color/transparent"

answered Sep 17 '19 at 12:13

Ram

21
1

Explain your answer more or you have to put it in comments. – Intsab Haider Sep 17 '19 at 12:32

score 0 · Answer 2 · answered Dec 14 '15 at 12:51

How to Remove onTouch Focus of TabLayout

tabLayout.clearFocus();

Note: When a View clears focus the framework is trying to give focus to the first focusable View from the top. Hence, if this View is the first from the top that can take focus, then all callbacks related to clearing focus will be invoked after which the framework will give focus to this view.

Source : Android Documentation

score 0 · Answer 3 · edited Jul 21 '16 at 08:38

0

Try this:

app:tabBackground="@android:color/transparent"

edited Jul 21 '16 at 08:38

xenteros

15,586
12
56
91

answered Jul 21 '16 at 07:49

douya

9
1

score 0 · Answer 4 · answered Jan 08 '19 at 04:20

I guess this is not a good practice for accessibility, but you can find here an approach that worked for me.

Solution: Setting the TabLayout to not focusable isn't enough, you have to recursively call the Childs and disable the focus for each one. I wrote this method to set the focus recursively.

private void setFocusable(View view, boolean focus) {
    view.setFocusable(focus);
    if(view instanceof ViewGroup) {
        ViewGroup viewGroup = (ViewGroup) view;
        for(int i = 0; i<viewGroup.getChildCount(); i++) {
            setFocusable(viewGroup.getChildAt(i), focus);
        }
    }
}

Example of use:

@Nullable
@Override
public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
    View layout = inflater.inflate(getLayoutId(), container, false);

    viewPager = layout.findViewById(R.id.viewPager);

    pagerAdapter = getPagerAdapter();
    viewPager.setAdapter(pagerAdapter);
    viewPager.requestFocus();

    tabLayout = layout.findViewById(R.id.tabLayout);
    tabLayout.setupWithViewPager(viewPager, true);

    // disabling focus on TabLayout
    setFocusable(tabLayout, false);

    return layout;
}

score 0 · Answer 5 · answered Aug 01 '19 at 08:16

0

One liner solution :) . To suppress focus on Tablayout children views use the code fragment below :

tabLayout.setDescendantFocusability(ViewGroup.FOCUS_BLOCK_DESCENDANTS);

answered Aug 01 '19 at 08:16

Igor Zinin

331
3
5

How to Remove onTouch Focus of TabLayout

5 Answers5

tabLayout.clearFocus();