bugfix> android > 投稿

Tablayoutはスリップし、ページのスクロール後に中央に移動します。ページ変更後にこのスリップを解決したい。ビューページャーを使用した動的タブレイアウト。タブインジケーターのサイズがタブごとに設定されている場合は正常に機能しますが、タイトルに関してタブインジケーターのラップを設定すると問題が発生します。サポートとヘルプに感謝します。 アプリチェックリンクで問題が発生するhttps://i.stack.imgur.com/jZYe6.gif

<android.support.design.widget.TabLayout
                xmlns:app="http://schemas.android.com/apk/res-auto"
                android:id="@+id/tab_layout"
                style="@style/MyCustomTabLayout"
                android:layout_width="wrap_content"
                android:layout_height="34.3dp"
                android:layout_below="@+id/iv_logo"
                android:layout_gravity="center_horizontal"
                android:layout_marginTop="5.5dp"
                app:tabBackground="@android:color/transparent"
                app:tabContentStart="0dp"
                app:tabIndicatorColor="@color/colorGreen"
                app:tabIndicatorHeight="1.4dp"
                app:tabSelectedTextColor="@color/colorGreen"
                app:tabTextColor="#e13d3833"
                app:tabMode="scrollable"
                app:tabGravity="center"/>
            <View
                android:id="@+id/top_line"
                android:layout_width="match_parent"
                android:layout_height="1dp"
                android:layout_below="@+id/tab_layout"
                android:background="@color/colorEditLine" />

            <android.support.v4.view.ViewPager
                android:id="@+id/viewpager"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                app:layout_behavior="@string/appbar_scrolling_view_behavior" />

 <style name="MyCustomTabLayout" parent="Widget.Design.TabLayout">
            <item name="tabTextAppearance">@style/MyCustomTabTextAppearance</item>
        </style>
        <style name="MyCustomTabTextAppearance" parent="TextAppearance.Design.Tab">
            <item name="android:textSize">11.5sp</item>
            <item name="textAllCaps">true</item>
        </style>



     private void setupTabs(final List<Categories> list) {
                tabLayout.addTab(tabLayout.newTab().setText(Constant.POPULAR));
                tabLayout.addTab(tabLayout.newTab().setText(Constant.SPECIAL));
         ViewPagerAdapter adapter = new ViewPagerAdapter(getFragmentManager(), getActivity());
                for (int i = 0; i < tabLayout.getTabCount(); i++) {
                    Bundle bundle = new Bundle();
                    bundle.putString("name", tabLayout.getTabAt(i).getText().toString());
                    if (i > 1) {
                        bundle.putSerializable("category", list.get(i - 2));
                    }
                    Fragment fragment = new Home();
                    fragment.setArguments(bundle);
                    adapter.addFrag(fragment, tabLayout.getTabAt(i).getText().toString());
                }
                viewpager.setOffscreenPageLimit(3);
                viewpager.setAdapter(adapter);
                tabLayout.setupWithViewPager(viewpager);
                wrapTabIndicatorToTitle(tabLayout, 30, 30);
                }

                class ViewPagerAdapter extends FragmentPagerAdapter {
                private final List<Fragment> mFragmentList = new ArrayList<>();
                private final List<String> mFragmentTitleList = new ArrayList<>();
                private Context context;
                private LayoutInflater layoutInflater;
                public ViewPagerAdapter(FragmentManager manager, Context context) {
                    super(manager);
                    this.context = context;
                }
                @Override
                public Fragment getItem(int position) {
                    return mFragmentList.get(position);
                }
                @Override
                public int getCount() {
                    return mFragmentList.size();
                }
                public void addFrag(Fragment fragment, String title) {
                    mFragmentList.add(fragment);
                    mFragmentTitleList.add(title);
                }
                @Override
                public CharSequence getPageTitle(int position) {
                    return mFragmentTitleList.get(position);
                }
            }

public void wrapTabIndicatorToTitle(TabLayout tabLayout, int externalMargin, int internalMargin) {
        View tabStrip = tabLayout.getChildAt(0);
        if (tabStrip instanceof ViewGroup) {
            ViewGroup tabStripGroup = (ViewGroup) tabStrip;
            int childCount = ((ViewGroup) tabStrip).getChildCount();
            for (int i = 0; i < childCount; i++) {
                View tabView = tabStripGroup.getChildAt(i);
                //set minimum width to 0 for instead for small texts, indicator is not wrapped as expected
                tabView.setMinimumWidth(0);
                // set padding to 0 for wrapping indicator as title
                tabView.setPadding(0, tabView.getPaddingTop(), 0, tabView.getPaddingBottom());
                // setting custom margin between tabs
                if (tabView.getLayoutParams() instanceof ViewGroup.MarginLayoutParams) {
                    ViewGroup.MarginLayoutParams layoutParams = (ViewGroup.MarginLayoutParams) tabView.getLayoutParams();
                    if (i == 0) {
                        // left
                        setMargin(layoutParams, externalMargin, internalMargin);
                    } else if (i == childCount - 1) {
                        // right
                        setMargin(layoutParams, internalMargin, externalMargin);
                    } else {
                        // internal
                        setMargin(layoutParams, internalMargin, internalMargin);
                    }
                }
            }
            tabLayout.requestLayout();
        }
    }

回答 1 件
  • 以下のタブのインジケータを変更するコードは、要件ごとに変更する必要がありますが、各タブに異なる(メソッドのパラメータと内部メソッドを変更する必要がある)または同じパディングを与えることができます。したがって、それぞれに異なるサイズインジケーターを作成できます。特定のサイズまたは指定されたサイズのみのインジケーターの幅を変更する必要がある場合は、このサンプルメソッドが役立ちます。

    public void setIndicator(TabLayout tabs, int leftDip, int rightDip) {
            Class<?> tabLayout = tabs.getClass();
            Field tabStrip = null;
            try {
                tabStrip = tabLayout.getDeclaredField("mTabStrip");
            } catch (NoSuchFieldException e) {
                e.printStackTrace();
            }
            tabStrip.setAccessible(true);
            LinearLayout llTab = null;
            try {
                llTab = (LinearLayout) tabStrip.get(tabs);
            } catch (IllegalAccessException e) {
                e.printStackTrace();
            }
            int left = (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, leftDip, Resources.getSystem().getDisplayMetrics());
            int right = (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, rightDip, Resources.getSystem().getDisplayMetrics());
            for (int i = 0; i < llTab.getChildCount(); i++) {
                View child = llTab.getChildAt(i);
                child.setPadding(0, 0, 0, 0);
                LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(0, LinearLayout.LayoutParams.MATCH_PARENT, 1);
                params.leftMargin = left;
                params.rightMargin = right;
                child.setLayoutParams(params);
                child.invalidate();
            }
        }
    
    

あなたの答え