Android Tab导航

最新推荐文章于 2024-05-24 02:34:00 发布

豆Android

最新推荐文章于 2024-05-24 02:34:00 发布

阅读量997

点赞数

分类专栏：知识点文章标签： android tab组件

本文链接：https://blog.csdn.net/u011531708/article/details/78273353

版权

知识点专栏收录该内容

47 篇文章 4 订阅

订阅专栏

demo中实现tab有2中方式：TabPageIndicator和TabLayout

TabPageIndicator实现需要导入com.inkapplications.viewpageindicator

TabLayout实现需要导入com.android.support:design

TabPageIndicator和TabLayout的介绍（自我总结）

TabPageIndicator和TabLayout的实现基本相同，但是TabPageIndicator在页面中当数据没有超过屏幕时不会滑动，数据超出
屏幕大小时自动滑动，TabLayout 可以根据需要自己设置是否要滑动

TabLayout设置的属性

app:tabTextColor=”@android:color/black” 字体默认颜色
app:tabMode=”scrollable” 可以滑动
app:tabSelectedTextColor=”#ff7a61” 选中的颜色字体
app:tabBackground=”@android:color/white” Tab的背景颜色
app:tabIndicatorHeight=”3dp” Tab下标的高度
app:tabIndicatorColor=”@color/colorAccent” Tab下标的颜色
app:tabGravity=”center” 内容的显示模式 center 居中，如果是fill，则是充满
app:tabMaxWidth=”xxdp” 设置最大的tab宽度：
app:tabMinWidth=”xxdp” 设置最小的tab宽度：

这些是在xml中设置，其中TabPageIndicator和TabLayout设置样式的方式也不一样

TabLayout设置样式（是在xml中）添加 style=”@style/StyledIndicators” 即可
TabPageIndicator设置样式（在AndroidManifest中）添加对应的activity 主题 android:theme=”@style/StyledIndicators”即可

TabPageIndicator和TabLayout得使用关联ViewPager，为了解决滑动卡顿，实现在Fragmenta中实现了：

方法一：
viewPager.setOffscreenPageLimit(1); //预加载默认情况下参数是1

方法二：
在加载布局文件创建View的过程，放在了onCreate（）方法中，
即只在第一次创建该Fragment时加载布局，之后切换时，都不会再加载布局了
下面上代码：
MainActivity1.class

public class MainActivity1 extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.fagment_main);
        findViewById(R.id.text).setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                startActivity(new Intent(MainActivity1.this,MainActivity.class));
            }
        });
       TextView text2= (TextView) findViewById(R.id.text2);
        text2.setVisibility(View.VISIBLE);
        text2 .setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                startActivity(new Intent(MainActivity1.this,MainActivity2.class));
            }
        });
    }

MainActivity.class

public class MainActivity extends FragmentActivity {

    private TabPageIndicator tabIndicator;
    private ViewPager viewPager;
    private List<Fragment> frgmentList;
    private String[] strings={"开始1","开始2","开始3","开始4","开始5","开始6","开始7","开始8","开始9"};
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        tabIndicator= (TabPageIndicator) findViewById(R.id.tabindicator);
        viewPager= (ViewPager) findViewById(R.id.viewpager);
        frgmentList=new ArrayList<>();
        Fragmenta fragmenta=new Fragmenta();
        Fragmenta fragmenta1=new Fragmenta();
        Fragmenta fragmenta2=new Fragmenta();
        Fragmenta fragmenta3=new Fragmenta();
        Fragmenta fragmenta4=new Fragmenta();
        Fragmenta fragmenta5=new Fragmenta();
        Fragmenta fragmenta6=new Fragmenta();
        Fragmenta fragmenta7=new Fragmenta();
        Fragmenta fragmenta8=new Fragmenta();
        frgmentList.add(fragmenta);
        frgmentList.add(fragmenta1);
        frgmentList.add(fragmenta2);
        frgmentList.add(fragmenta3);
        frgmentList.add(fragmenta4);
        frgmentList.add(fragmenta5);
        frgmentList.add(fragmenta6);
        frgmentList.add(fragmenta7);
        frgmentList.add(fragmenta8);

        viewPagerAdapter viewPagerAdapter=new viewPagerAdapter(getSupportFragmentManager(),frgmentList,strings);
        viewPager.setAdapter(viewPagerAdapter);
        tabIndicator.setViewPager(viewPager);
        //如果我们要对ViewPager设置监听，用indicator设置就行了
        tabIndicator.setOnPageChangeListener(new ViewPager.OnPageChangeListener() {

            @Override
            public void onPageSelected(int arg0) {
                Toast.makeText(getApplicationContext(), strings[arg0], Toast.LENGTH_SHORT).show();
                if (strings[arg0].equals("开始8")){
                    startActivity(new Intent(MainActivity.this,MainActivity2.class));
                }
            }

            @Override
            public void onPageScrolled(int arg0, float arg1, int arg2) {

            }

            @Override
            public void onPageScrollStateChanged(int arg0) {

            }
        });
    }
    class viewPagerAdapter extends FragmentPagerAdapter{
        List<Fragment> fragments;
        String[] strings;
        public viewPagerAdapter(FragmentManager fm,List<Fragment> fragments,String[] strings) {
            super(fm);
            this.fragments=fragments;
            this.strings=strings;
        }

        @Override
        public Fragment getItem(int position) {
            Fragment fragment=new Fragmenta();
            Bundle bundle = new Bundle();
            bundle.putInt("postion",position);
            fragment.setArguments(bundle);
            return fragment;
        }

        @Override
        public int getCount() {
            return fragments==null?0:fragments.size();
        }

        @Override
        public CharSequence getPageTitle(int position) {
            return strings[position];
        }
    }
}

MainActivity2.class

public class MainActivity2 extends FragmentActivity {

    private ViewPager viewPager;
    private List<Fragment> frgmentList;
    private TabLayout tableLayout;
    private String[] strings={"开始21","开始22","开始23","开始24","开始25","开始26","开始27","开始28","开始29"};
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main2);
        tableLayout = (TabLayout) findViewById(R.id.tableLayout);
        viewPager= (ViewPager) findViewById(R.id.viewpager2);
        frgmentList=new ArrayList<>();
        Fragmenta fragmenta=new Fragmenta();
        Fragmenta fragmenta1=new Fragmenta();
        Fragmenta fragmenta2=new Fragmenta();
        Fragmenta fragmenta3=new Fragmenta();
        Fragmenta fragmenta4=new Fragmenta();
        Fragmenta fragmenta5=new Fragmenta();
        Fragmenta fragmenta6=new Fragmenta();
        Fragmenta fragmenta7=new Fragmenta();
        Fragmenta fragmenta8=new Fragmenta();
        frgmentList.add(fragmenta);
        frgmentList.add(fragmenta1);
        frgmentList.add(fragmenta2);
        frgmentList.add(fragmenta3);
        frgmentList.add(fragmenta4);
        frgmentList.add(fragmenta5);
        frgmentList.add(fragmenta6);
        frgmentList.add(fragmenta7);
        frgmentList.add(fragmenta8);

        viewPagerAdapter viewPagerAdapter=new viewPagerAdapter(getSupportFragmentManager(),frgmentList,strings);
        viewPager.setAdapter(viewPagerAdapter);
        tableLayout.setupWithViewPager(viewPager);//viewPager和tableLayout 关联
        viewPager.setOffscreenPageLimit(9); //预加载 默认情况下参数是1
        tableLayout.getTabAt(4).select();//默认选择
        //选中了某个tab的监听事件OnTabSelectedListener()：
        tableLayout.setOnTabSelectedListener(new TabLayout.OnTabSelectedListener() {

            @Override
            public void onTabSelected(TabLayout.Tab tab) {
                //选中了tab的逻辑
            }

            @Override
            public void onTabUnselected(TabLayout.Tab tab) {
                //未选中tab的逻辑
            }

            @Override
            public void onTabReselected(TabLayout.Tab tab) {
                //未选中tab的逻辑
            }

        });

    }

    class viewPagerAdapter extends FragmentPagerAdapter {
        List<Fragment> fragments;
        String[] strings;
        public viewPagerAdapter(FragmentManager fm, List<Fragment> fragments, String[] strings) {
            super(fm);
            this.fragments=fragments;
            this.strings=strings;
        }

        @Override
        public Fragment getItem(int position) {
            Fragment fragment=new Fragmenta();
            Bundle bundle = new Bundle();
            bundle.putInt("postion",position);
            fragment.setArguments(bundle);//传值到Fragmenta
            return fragment;
        }

        @Override
        public int getCount() {
            return fragments==null?0:fragments.size();
        }

        @Override
        public CharSequence getPageTitle(int position) {
            return strings[position];
        }
    }

}

Fragmenta.class

public class Fragmenta extends Fragment{

    //Fragment 卡顿可以使用ViewPager预加载
    //如果预加载 就用下面这个 方法一：
//    @Nullable
//    @Override
//    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
//        View view=inflater.inflate(R.layout.fagment_main,null);
//        int a=getArguments().getInt("postion");//得值
//        TextView textView= (TextView) view.findViewById(R.id.text);
//        textView.setText("后面是自己添加的："+a);
//        Log.i("","预加载使用这个方法哦");
//        return view;
//    }
    private View view = null;
    //当切换tab回到已经加载过的Fragment时，系统不允许之前的Fragment在还未移除的情况下，再次加载该View，一个View只能有一个父控件。
    //我们为了保证只有一个实例，才会只对其进行是否为null的判断，只进行了一次初始化。
    //那该如何解决呢？
    //有人说好办啊，把判断view==null直接去掉不就好了。。。额，确实好了，但是你有没有考虑每次都会创建新的view，浪费资源性能呢？
    //那如何是好呢？别急，有办法，让我们修改下代码：
    //方法二
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        LayoutInflater inflater = getActivity().getLayoutInflater();
        view = inflater.inflate(R.layout.fagment_main, (ViewGroup) getActivity().findViewById(R.id.viewpager), false);
    }

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {

//        if(view==null){
//            view = inflater.inflate(R.layout.fragment_study, container, false);
//        }
        // 这句话必须加
        ViewGroup p = (ViewGroup) view.getParent();
        if (p != null) {
            p.removeAllViewsInLayout();
        }
        int a=getArguments().getInt("postion");//得值
        TextView textView= (TextView) view.findViewById(R.id.text);
        textView.setText("后面是自己添加的："+a);
        return view;
    }

}

ok,就这样简单完成

豆Android

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
Android Tab导航

demo中实现tab有2中方式：TabPageIndicator和TabLayoutTabPageIndicator实现需要导入com.inkapplications.viewpageindicatorTabLayout实现需要导入com.android.support:designTabPageIndicator和TabLayout的介绍（自我总结）TabPageIndicator和TabLayo
复制链接

扫一扫

专栏目录