android viewPager tableLayout 放底部会出现卡顿

原创

mob64ca12e51ecb 2024-07-02 06:12:13 ©著作权

文章标签 ide 解决方案 Android 文章分类 Android 移动开发

©著作权归作者所有：来自51CTO博客作者mob64ca12e51ecb的原创作品，请联系作者获取转载授权，否则将追究法律责任

Android ViewPager TableLayout 放底部会出现卡顿

在Android开发中，使用ViewPager和TableLayout是非常常见的组件。然而，有时候我们会发现将ViewPager和TableLayout放在底部会出现卡顿的情况。本文将介绍这个问题的原因，并提供解决方案。

问题原因

当将ViewPager和TableLayout放在底部时，每次切换页面或者进行滑动操作，系统会重新绘制布局，导致性能下降，从而出现卡顿现象。这是因为底部布局的重绘会影响其他视图的绘制速度。

解决方案

为了避免这个问题，我们可以将ViewPager和TableLayout放在一个单独的Fragment中，并使用FragmentPagerAdapter来管理ViewPager的页面。这样就可以实现页面的懒加载，只有当需要显示时才进行加载，而不是一次性加载所有页面。

代码示例

// 创建一个新的Fragment，用于显示ViewPager和TableLayout
public class BottomFragment extends Fragment {

    private ViewPager viewPager;
    private TableLayout tableLayout;

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

        viewPager = view.findViewById(R.id.viewPager);
        tableLayout = view.findViewById(R.id.tableLayout);

        viewPager.setAdapter(new MyPagerAdapter(getChildFragmentManager()));

        return view;
    }

    private class MyPagerAdapter extends FragmentPagerAdapter {

        MyPagerAdapter(FragmentManager fm) {
            super(fm);
        }

        @NonNull
        @Override
        public Fragment getItem(int position) {
            return new PageFragment(position);
        }

        @Override
        public int getCount() {
            return 3; // 3个页面示例
        }
    }

    private class PageFragment extends Fragment {

        private int position;

        PageFragment(int position) {
            this.position = position;
        }

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

            TextView textView = view.findViewById(R.id.textView);
            textView.setText("Page " + position);

            return view;
        }
    }
}

关系图

erDiagram
    TABLE ViewPager {
        id INT
    }
    TABLE TableLayout {
        id INT
    }
    TABLE Fragment {
        id INT
    }
    Fragment --|> ViewPager
    Fragment --|> TableLayout